diff --git a/packages/client/client/plugins/loader.ts b/packages/client/client/plugins/loader.ts
index a07d51a..dfe3b66 100644
--- a/packages/client/client/plugins/loader.ts
+++ b/packages/client/client/plugins/loader.ts
@@ -8,7 +8,7 @@ import { Dict } from 'cosmokit'
 declare module '../context' {
   interface Context {
     $loader: LoaderService
-    $entry?: ClientEntry
+    $entry?: LoadState
   }
 }
 
@@ -53,7 +53,7 @@ const loaders: Dict<LoaderFactory> = {
   },
 }
 
-export interface ClientEntry {
+export interface LoadState {
   fork?: ForkScope
   paths: string[]
   done: Ref<boolean>
@@ -63,7 +63,7 @@ export interface ClientEntry {
 export default class LoaderService extends Service {
   private backendId: any
 
-  public extensions: Dict<ClientEntry> = shallowReactive({})
+  public extensions: Dict<LoadState> = shallowReactive({})
 
   constructor(ctx: Context) {
     super(ctx, '$loader', true)
diff --git a/plugins/config/client/components/forks.vue b/plugins/config/client/components/forks.vue
index 40a399b..57aa7da 100644
--- a/plugins/config/client/components/forks.vue
+++ b/plugins/config/client/components/forks.vue
@@ -12,13 +12,13 @@
     <table>
       <tr v-for="id in plugins.forks[dialogFork]" :key="id">
         <td class="text-left">
-          <span class="status-light" :class="getStatus(plugins.paths[id])"></span>
+          <span class="status-light" :class="ctx.manager.getStatus(plugins.paths[id])"></span>
           <span class="path">{{ getFullPath(plugins.paths[id]) }}</span>
         </td>
         <td class="text-right">
           <span class="actions">
             <span class="action" @click.stop="configure(id)"><k-icon name="arrow-right"></k-icon></span>
-            <span class="action" @click.stop="removeItem(plugins.paths[id])"><k-icon name="delete"></k-icon></span>
+            <span class="action" @click.stop="ctx.manager.remove(plugins.paths[id])"><k-icon name="delete"></k-icon></span>
           </span>
         </td>
       </tr>
@@ -42,16 +42,23 @@
 <script setup lang="ts">
 
 import { computed } from 'vue'
-import { store, send, router } from '@cordisjs/client'
-import { dialogFork, plugins, getStatus, removeItem, Tree } from './utils'
+import { send, router, useContext } from '@cordisjs/client'
+import { Node } from '..'
 
-const local = computed(() => store.packages?.[dialogFork.value])
+const ctx = useContext()
+const plugins = computed(() => ctx.manager.plugins.value)
+const dialogFork = computed({
+  get: () => ctx.manager.dialogFork.value,
+  set: (value) => ctx.manager.dialogFork.value = value,
+})
 
-function getLabel(tree: Tree) {
+const local = computed(() => ctx.manager.data.value.packages?.[dialogFork.value])
+
+function getLabel(tree: Node) {
   return `${tree.label ? `${tree.label} ` : ''}[${tree.path}]`
 }
 
-function getFullPath(tree: Tree) {
+function getFullPath(tree: Node) {
   const path = [getLabel(tree)]
   while (tree.parent) {
     tree = tree.parent
@@ -63,7 +70,10 @@ function getFullPath(tree: Tree) {
 
 async function configure(id?: string) {
   if (!id) {
-    id = await send('manager/add', { name: dialogFork.value, disabled: true }, '')
+    id = await send('manager.config.create', {
+      name: dialogFork.value,
+      disabled: true,
+    })
   }
   await router.push('/plugins/' + id)
   dialogFork.value = null
diff --git a/plugins/config/client/components/global.vue b/plugins/config/client/components/global.vue
deleted file mode 100644
index 896e984..0000000
--- a/plugins/config/client/components/global.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <k-form :schema="store.packages[''].runtime.schema" :initial="current.config" v-model="config"></k-form>
-</template>
-
-<script lang="ts" setup>
-
-import { store } from '@cordisjs/client'
-import { computed } from 'vue'
-import { Tree } from './utils'
-
-const props = defineProps<{
-  current: Tree
-  modelValue: any
-}>()
-
-const emit = defineEmits(['update:modelValue'])
-
-const config = computed({
-  get: () => props.modelValue,
-  set: value => emit('update:modelValue', value),
-})
-
-</script>
diff --git a/plugins/config/client/components/group.vue b/plugins/config/client/components/group.vue
index bdcd29c..5cbb455 100644
--- a/plugins/config/client/components/group.vue
+++ b/plugins/config/client/components/group.vue
@@ -4,10 +4,8 @@
 <script lang="ts" setup>
 
 import { computed } from 'vue'
-import { Tree } from './utils'
 
 const props = defineProps<{
-  current: Tree
   modelValue: any
 }>()
 
diff --git a/plugins/config/client/components/index.vue b/plugins/config/client/components/index.vue
index 928bcdb..e8c273e 100644
--- a/plugins/config/client/components/index.vue
+++ b/plugins/config/client/components/index.vue
@@ -23,8 +23,8 @@
       <div>请在左侧选择插件</div>
     </k-empty>
     <k-content v-else class="plugin-view" :key="path">
-      <group-settings v-if="current.children" v-model="config" :current="current"></group-settings>
-      <plugin-settings v-else :current="current" v-model="config"></plugin-settings>
+      <group-settings v-if="current.children" v-model="config"></group-settings>
+      <plugin-settings v-else v-model="config"></plugin-settings>
     </k-content>
 
     <el-dialog
@@ -38,7 +38,7 @@
       </template>
       <template #footer>
         <el-button @click="showRemove = false">取消</el-button>
-        <el-button type="danger" @click="(showRemove = false, removeItem(remove), tree?.activate())">确定</el-button>
+        <el-button type="danger" @click="(showRemove = false, ctx.manager.remove(remove), tree?.activate())">确定</el-button>
       </template>
     </el-dialog>
 
@@ -78,8 +78,8 @@
 
 import { computed, ref, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { clone, message, send, store, useContext, Schema } from '@cordisjs/client'
-import { Tree, hasCoreDeps, current, plugins, removeItem, dialogSelect, dialogFork } from './utils'
+import { clone, message, send, useContext, Schema } from '@cordisjs/client'
+import { Node } from '..'
 import GroupSettings from './group.vue'
 import TreeView from './tree.vue'
 import PluginSettings from './plugin.vue'
@@ -87,6 +87,14 @@ import PluginSettings from './plugin.vue'
 const route = useRoute()
 const router = useRouter()
 
+const current = computed(() => ctx.manager.current.value)
+const plugins = computed(() => ctx.manager.plugins.value)
+
+const dialogFork = computed({
+  get: () => ctx.manager.dialogFork.value,
+  set: (value) => ctx.manager.dialogFork.value = value,
+})
+
 const path = computed<string>({
   get() {
     const name = route.path.slice(9)
@@ -109,9 +117,9 @@ async function handleOpen() {
   inputEl.value?.focus()
 }
 
-const remove = ref<Tree>()
+const remove = ref<Node>()
 const showRemove = ref(false)
-const rename = ref<Tree>()
+const rename = ref<Node>()
 const showRename = ref(false)
 const groupCreate = ref<string>(null)
 
@@ -124,17 +132,17 @@ watch(rename, (value) => {
 })
 
 watch(() => plugins.value.paths[path.value], (value) => {
-  current.value = value
+  ctx.manager.current.value = value
   if (value) config.value = clone(value.config)
 }, { immediate: true })
 
 const ctx = useContext()
 
-ctx.define('config.tree', current)
+ctx.define('config.tree', ctx.manager.current)
 
 ctx.action('config.tree.add-plugin', {
   hidden: ({ config }) => config.tree && !config.tree.children,
-  action: ({ config }) => dialogSelect.value = config.tree,
+  action: ({ config }) => ctx.manager.dialogSelect.value = config.tree,
 })
 
 ctx.action('config.tree.add-group', {
@@ -145,7 +153,11 @@ ctx.action('config.tree.add-group', {
 })
 
 async function createGroup(label: string) {
-  const id = await send('manager/add', { name: 'cordis/group', label }, groupCreate.value)
+  const id = await send('manager.config.create', {
+    name: 'cordis/group',
+    parent: groupCreate.value,
+    label,
+  })
   router.replace('/plugins/' + id)
   groupCreate.value = null
 }
@@ -157,11 +169,13 @@ ctx.action('config.tree.clone', {
       ? config.tree.parent.children
       : plugins.value.data.slice(1)
     const index = children.findIndex(tree => tree.path === config.tree.path)
-    const id = await send('manager/add', {
+    const id = await send('manager.config.create', {
       name: config.tree.name,
       config: config.tree.config,
       disabled: true,
-    }, config.tree.parent.id, index + 1)
+      parent: config.tree.parent.id,
+      position: index + 1,
+    })
     router.replace(`/plugins/${id}`)
   },
 })
@@ -182,12 +196,12 @@ ctx.action('config.tree.rename', {
 })
 
 ctx.action('config.tree.remove', {
-  disabled: ({ config }) => !config.tree || hasCoreDeps(config.tree),
+  disabled: ({ config }) => !config.tree || ctx.manager.hasCoreDeps(config.tree),
   action: ({ config }) => remove.value = config.tree,
 })
 
 function checkConfig(name: string) {
-  let schema = store.packages[name]?.runtime.schema
+  let schema = ctx.manager.data.value.packages[name]?.runtime.schema
   if (!schema) return true
   try {
     (new Schema(schema))(config.value)
@@ -205,7 +219,7 @@ ctx.action('config.tree.save', {
     const { disabled } = tree
     if (!disabled && !checkConfig(tree.name)) return
     try {
-      await execute(tree, disabled ? 'unload' : 'reload')
+      await execute(tree, disabled || null)
       message.success(disabled ? '配置已保存。' : '配置已重载。')
     } catch (error) {
       message.error('操作失败，请检查日志！')
@@ -214,12 +228,12 @@ ctx.action('config.tree.save', {
 })
 
 ctx.action('config.tree.toggle', {
-  disabled: ({ config }) => !config.tree || hasCoreDeps(config.tree),
+  disabled: ({ config }) => !config.tree || ctx.manager.hasCoreDeps(config.tree),
   action: async ({ config: { tree } }) => {
     const { disabled, name } = tree
     if (disabled && !checkConfig(tree.name)) return
     try {
-      await execute(tree, disabled ? 'reload' : 'unload')
+      await execute(tree, !disabled || null)
       message.success((name === 'group' ? '分组' : '插件') + (disabled ? '已启用。' : '已停用。'))
     } catch (error) {
       message.error('操作失败，请检查日志！')
@@ -227,14 +241,20 @@ ctx.action('config.tree.toggle', {
   },
 })
 
-async function execute(tree: Tree, event: 'unload' | 'reload') {
-  await send(`manager/${event}`, tree.id, config.value)
+async function execute(tree: Node, disabled: true | null) {
+  await send('manager.config.update', {
+    id: tree.id,
+    disabled,
+  })
 }
 
-function renameItem(tree: Tree, name: string) {
+async function renameItem(tree: Node, name: string) {
   showRename.value = false
   tree.label = name
-  send('manager/meta', tree.path, { $label: name || null })
+  await send('manager.config.update', {
+    id: tree.path,
+    label: name || null,
+  })
 }
 
 </script>
diff --git a/plugins/config/client/components/plugin.vue b/plugins/config/client/components/plugin.vue
index 32e12d6..3e73c5e 100644
--- a/plugins/config/client/components/plugin.vue
+++ b/plugins/config/client/components/plugin.vue
@@ -1,5 +1,5 @@
 <template>
-  <template v-if="name">
+  <template v-if="current?.name in data.packages">
     <k-comment v-if="!local.runtime">
       <p>正在加载插件配置……</p>
     </k-comment>
@@ -20,9 +20,9 @@
           </k-comment>
           <k-comment
             v-for="({ required }, name) in env.using" :key="name"
-            :type="name in store.services ? 'success' : required ? 'warning' : 'primary'">
+            :type="name in data.services ? 'success' : required ? 'warning' : 'primary'">
             <p>
-              {{ required ? '必需' : '可选' }}服务：{{ name }} ({{ name in store.services ? '已加载' : '未加载' }})
+              {{ required ? '必需' : '可选' }}服务：{{ name }} ({{ name in data.services ? '已加载' : '未加载' }})
             </p>
           </k-comment>
         </k-slot>
@@ -31,7 +31,7 @@
       <!-- implements -->
       <k-slot-item :order="600">
         <template v-for="name in env.impl" :key="name">
-          <k-comment v-if="name in store.services && current.disabled" type="warning">
+          <k-comment v-if="name in data.services && current.disabled" type="warning">
             <p>此插件将会提供 {{ name }} 服务，但此服务已被其他插件实现。</p>
           </k-comment>
           <k-comment v-else :type="current.disabled ? 'primary' : 'success'">
@@ -46,14 +46,14 @@
           <p>此插件已在运行且不可重用，启用可能会导致非预期的问题。</p>
         </k-comment>
         <k-comment v-if="plugins.forks[current.name]?.length > 1" type="primary">
-          <p>此插件存在多份配置，<span class="k-link" @click.stop="dialogFork = name">点击前往管理</span>。</p>
+          <p>此插件存在多份配置，<span class="k-link" @click.stop="dialogFork = current.name">点击前往管理</span>。</p>
         </k-comment>
       </k-slot-item>
 
       <!-- implements -->
       <k-slot-item :order="300">
         <template v-for="(activity, key) in ctx.$router.pages" :key="key">
-          <k-comment type="success" v-if="activity.ctx.extension?.paths.includes(current.path) && !activity.disabled()">
+          <k-comment type="success" v-if="activity.ctx.$entry?.paths.includes(current.path) && !activity.disabled()">
             <p>
               <span>此插件提供了页面：</span>
               <k-activity-link :id="activity.id" />
@@ -94,38 +94,46 @@
 
 <script lang="ts" setup>
 
-import { store, send, useContext } from '@cordisjs/client'
+import { send, useContext, useRpc } from '@cordisjs/client'
 import { computed, provide, watch } from 'vue'
-import { envMap, name, plugins, dialogFork, Tree } from './utils'
+import { Data } from '../../src'
 
 const props = defineProps<{
-  current: Tree
   modelValue: any
 }>()
 
 const emit = defineEmits(['update:modelValue'])
 
 const ctx = useContext()
+const data = useRpc<Data>()
+
+const current = computed(() => ctx.manager.current.value)
+const plugins = computed(() => ctx.manager.plugins.value)
+
+const dialogFork = computed({
+  get: () => ctx.manager.dialogFork.value,
+  set: (value) => ctx.manager.dialogFork.value = value,
+})
 
 const config = computed({
   get: () => props.modelValue,
   set: value => emit('update:modelValue', value),
 })
 
-const env = computed(() => envMap.value[name.value])
-const local = computed(() => store.packages[name.value])
+const env = computed(() => ctx.manager.getEnvInfo(current.value?.name))
+const local = computed(() => data.value.packages[current.value?.name])
 const hint = computed(() => local.value.workspace ? '请检查插件源代码。' : '请联系插件作者并反馈此问题。')
 
 watch(local, (value) => {
   if (!value || value.runtime) return
-  send('config/request-runtime', value.name)
+  send('manager.package.runtime', value.name)
 }, { immediate: true })
 
 provide('plugin:name', name)
 provide('plugin:env', env)
 provide('manager.settings.local', local)
 provide('manager.settings.config', config)
-provide('manager.settings.current', computed(() => props.current))
+provide('manager.settings.current', current)
 
 </script>
 
diff --git a/plugins/config/client/components/select.vue b/plugins/config/client/components/select.vue
index 9f80089..d2a62c6 100644
--- a/plugins/config/client/components/select.vue
+++ b/plugins/config/client/components/select.vue
@@ -1,6 +1,5 @@
 <template>
   <el-dialog
-    v-if="store.packages"
     :modelValue="!!dialogSelect"
     @update:modelValue="dialogSelect = null"
     class="plugin-select"
@@ -27,27 +26,36 @@
 
 <script lang="ts" setup>
 
-import { router, send, store, useI18nText } from '@cordisjs/client'
+import { router, send, useContext, useI18nText } from '@cordisjs/client'
 import { computed, inject, nextTick, ref, watch } from 'vue'
-import { PackageProvider } from '@cordisjs/plugin-config'
-import { dialogSelect } from './utils'
+import type { PackageData } from '../../src'
 
+const ctx = useContext()
 const tt = useI18nText()
 
+const dialogSelect = computed({
+  get: () => ctx.manager.dialogSelect.value,
+  set: (value) => ctx.manager.dialogSelect.value = value,
+})
+
 const keyword = ref('')
 const input = ref()
 
-const filter = inject('plugin-select-filter', (data: PackageProvider.Data) => true)
+const filter = inject('plugin-select-filter', (data: PackageData) => true)
 
-const packages = computed(() => Object.values(store.packages).filter(({ name, shortname }) => {
-  return name && shortname.includes(keyword.value.toLowerCase()) && filter(store.packages[name])
+const packages = computed(() => Object.values(ctx.manager.data.value.packages).filter(({ name, shortname }) => {
+  return name && shortname.includes(keyword.value.toLowerCase()) && filter(ctx.manager.data.value.packages[name])
 }))
 
 async function configure(name: string) {
-  const path = dialogSelect.value.path
+  const parent = dialogSelect.value.path
   dialogSelect.value = null
   keyword.value = ''
-  const id = await send('manager/add', { name, disabled: true }, path)
+  const id = await send('manager.config.create', {
+    name,
+    parent,
+    disabled: true,
+  })
   router.push('/plugins/' + id)
 }
 
diff --git a/plugins/config/client/components/tree.vue b/plugins/config/client/components/tree.vue
index e8f77b0..da7c7d0 100644
--- a/plugins/config/client/components/tree.vue
+++ b/plugins/config/client/components/tree.vue
@@ -28,7 +28,7 @@
           {{ getLabel(node) }}
         </div>
         <div class="right">
-          <span v-if="node.data.name" class="status-light" :class="getStatus(node.data)"></span>
+          <span v-if="node.data.name" class="status-light" :class="ctx.manager.getStatus(node.data)"></span>
         </div>
       </div>
     </el-tree>
@@ -37,18 +37,20 @@
 
 <script lang="ts" setup>
 
-import { ref, onActivated, nextTick, watch } from 'vue'
+import { computed, ref, onActivated, nextTick, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import type { ElScrollbar, ElTree } from 'element-plus'
-import { send, useMenu, store } from '@cordisjs/client'
-import { Tree, getStatus, plugins } from './utils'
+import { send, useContext, useMenu } from '@cordisjs/client'
+import { Node } from '..'
 
 const props = defineProps<{
   modelValue: string
 }>()
 
+const ctx = useContext()
 const route = useRoute()
 const trigger = useMenu('config.tree')
+const plugins = computed(() => ctx.manager.plugins.value)
 
 const emit = defineEmits(['update:modelValue'])
 
@@ -56,7 +58,7 @@ const root = ref<InstanceType<typeof ElScrollbar>>(null)
 const tree = ref<InstanceType<typeof ElTree>>(null)
 const keyword = ref('')
 
-function filterNode(value: string, data: Tree) {
+function filterNode(value: string, data: Node) {
   return data.name.toLowerCase().includes(keyword.value.toLowerCase())
 }
 
@@ -86,16 +88,16 @@ function handleItemMount(itemEl: HTMLElement) {
   activate()
 }
 
-interface Node {
-  data: Tree
+interface TreeNode {
+  data: Node
   label?: string
-  parent: Node
+  parent: TreeNode
   expanded: boolean
   isLeaf: boolean
-  childNodes: Node[]
+  childNodes: TreeNode[]
 }
 
-function getLabel(node: Node) {
+function getLabel(node: TreeNode) {
   if (node.data.name === 'group') {
     return '分组：' + (node.label || node.data.path)
   } else {
@@ -103,18 +105,18 @@ function getLabel(node: Node) {
   }
 }
 
-function allowDrag(node: Node) {
+function allowDrag(node: TreeNode) {
   return node.data.path !== ''
 }
 
-function allowDrop(source: Node, target: Node, type: 'inner' | 'prev' | 'next') {
+function allowDrop(source: TreeNode, target: TreeNode, type: 'inner' | 'prev' | 'next') {
   if (type !== 'inner') {
     return target.data.path !== '' || type === 'next'
   }
   return target.data.id.startsWith('group:')
 }
 
-function handleClick(tree: Tree, target: Node, instance: any, event: MouseEvent) {
+function handleClick(tree: Node, target: TreeNode, instance: any, event: MouseEvent) {
   emit('update:modelValue', tree.path)
   // el-tree will stop propagation,
   // so we need to manually trigger the event
@@ -122,25 +124,34 @@ function handleClick(tree: Tree, target: Node, instance: any, event: MouseEvent)
   window.dispatchEvent(new MouseEvent(event.type, event))
 }
 
-function handleExpand(data: Tree, target: Node, instance) {
-  send('manager/meta', data.path, { $collapsed: null })
+function handleExpand(data: Node, target: TreeNode, instance) {
+  send('manager.config.update', {
+    id: data.path,
+    collapse: null,
+  })
 }
 
-function handleCollapse(data: Tree, target: Node, instance) {
-  send('manager/meta', data.path, { $collapsed: true })
+function handleCollapse(data: Node, target: TreeNode, instance) {
+  send('manager.config.update', {
+    id: data.path,
+    collapse: true,
+  })
 }
 
-function handleDrop(source: Node, target: Node, position: 'before' | 'after' | 'inner', event: DragEvent) {
+function handleDrop(source: TreeNode, target: TreeNode, position: 'before' | 'after' | 'inner', event: DragEvent) {
   const parent = position === 'inner' ? target : target.parent
   let index = parent.childNodes.findIndex(node => node.data.path === source.data.path)
-  if (!parent.data.path) index -= 1 // global config
-  send('manager/teleport', source.data.parent?.path ?? '', source.data.id, parent.data.path, index)
+  send('manager.config.teleport', {
+    id: source.data.id,
+    parent: parent.data.path,
+    position: index,
+  })
 }
 
-function getClass(tree: Tree) {
+function getClass(tree: Node) {
   const words: string[] = []
   if (tree.children) words.push('is-group')
-  if (!tree.children && !(tree.name in store.packages)) words.push('is-disabled')
+  if (!tree.children && !(tree.name in ctx.manager.data.value.packages)) words.push('is-disabled')
   if (tree.path === props.modelValue) words.push('is-active')
   return words.join(' ')
 }
diff --git a/plugins/config/client/components/utils.ts b/plugins/config/client/components/utils.ts
deleted file mode 100644
index 5116d4f..0000000
--- a/plugins/config/client/components/utils.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { Dict } from 'cosmokit'
-import { computed, ref } from 'vue'
-import { router, ScopeStatus, send, store } from '@cordisjs/client'
-import type { Entry } from '@cordisjs/loader'
-
-interface DepInfo {
-  required: boolean
-}
-
-interface PeerInfo {
-  required: boolean
-  active: boolean
-}
-
-export interface EnvInfo {
-  impl: string[]
-  using: Dict<DepInfo>
-  peer: Dict<PeerInfo>
-  warning?: boolean
-}
-
-export const dialogFork = ref<string>()
-export const dialogSelect = ref<Tree>()
-
-export const coreDeps = [
-  '@cordisjs/plugin-webui',
-  '@cordisjs/plugin-config',
-  '@cordisjs/server',
-]
-
-export function hasCoreDeps(tree: Tree) {
-  if (coreDeps.includes('@cordisjs/plugin-' + tree.name)) return true
-  if (tree.children) return tree.children.some(hasCoreDeps)
-}
-
-function getEnvInfo(name: string) {
-  function setService(name: string, required: boolean) {
-    if (services.has(name)) return
-    if (name === 'console') return
-    result.using[name] = { required }
-  }
-
-  const local = store.packages[name]
-  const result: EnvInfo = { impl: [], using: {}, peer: {} }
-  const services = new Set<string>()
-
-  // check peer dependencies
-  for (const name in local.package.peerDependencies ?? {}) {
-    if (!name.includes('@cordisjs/plugin-') && !name.includes('cordis-plugin-')) continue
-    if (coreDeps.includes(name)) continue
-    const required = !local.package.peerDependenciesMeta?.[name]?.optional
-    const active = !!store.packages[name]?.runtime?.id
-    result.peer[name] = { required, active }
-    for (const service of store.packages[name]?.manifest?.service.implements ?? []) {
-      services.add(service)
-    }
-  }
-
-  // check implementations
-  for (const name of local.manifest.service.implements) {
-    if (name === 'adapter') continue
-    result.impl.push(name)
-  }
-
-  // check services
-  for (const name of local.runtime?.required ?? []) {
-    setService(name, true)
-  }
-  for (const name of local.runtime?.optional ?? []) {
-    setService(name, false)
-  }
-
-  // check reusability
-  if (local.runtime?.id && !local.runtime?.forkable) {
-    result.warning = true
-  }
-
-  // check schema
-  if (!local.runtime?.schema) {
-    result.warning = true
-  }
-
-  return result
-}
-
-export const envMap = computed(() => {
-  return Object.fromEntries(Object
-    .keys(store.packages)
-    .filter(x => x)
-    .map(name => [name, getEnvInfo(name)]))
-})
-
-declare module '@cordisjs/client' {
-  interface ActionContext {
-    'config.tree': Tree
-  }
-}
-
-export interface Tree {
-  id: string
-  name: string
-  path: string
-  label?: string
-  config?: any
-  parent?: Tree
-  disabled?: boolean
-  children?: Tree[]
-}
-
-export const current = ref<Tree>()
-
-export const name = computed(() => {
-  if (!(current.value?.name in store.packages)) return
-  return current.value.name
-})
-
-export const type = computed(() => {
-  const env = envMap.value[name.value]
-  if (!env) return
-  if (env.warning && current.value.disabled) return 'warning'
-  for (const name in env.using) {
-    if (name in store.services || {}) {
-      if (env.impl.includes(name)) return 'warning'
-    } else {
-      if (env.using[name].required) return 'warning'
-    }
-  }
-})
-
-function getTree(parent: Tree, plugins: any): Tree[] {
-  const trees: Tree[] = []
-  for (let key in plugins) {
-    if (key.startsWith('$')) continue
-    const config = plugins[key]
-    const node = { config, parent } as Tree
-    if (key.startsWith('~')) {
-      node.disabled = true
-      key = key.slice(1)
-    }
-    node.name = key.split(':', 1)[0]
-    node.id = key
-    node.path = key.slice(node.name.length + 1)
-    node.label = config?.$label
-    if (key.startsWith('group:')) {
-      node.children = getTree(node, config)
-    }
-    trees.push(node)
-  }
-  return trees
-}
-
-export const plugins = computed(() => {
-  const expanded: string[] = []
-  const forks: Dict<string[]> = {}
-  const paths: Dict<Tree> = {}
-  function handle(config: Entry.Options[]) {
-    return config.map(options => {
-      const node: Tree = {
-        id: options.id,
-        name: options.name,
-        path: options.id,
-        config: options.config,
-      }
-      if (options.name === 'cordis/group') {
-        node.children = handle(options.config)
-      }
-      if (!options.collapsed && node.children) {
-        expanded.push(node.path)
-      }
-      forks[node.name] ||= []
-      forks[node.name].push(node.path)
-      paths[node.path] = node
-      return node
-    })
-  }
-  const data = handle(store.config)
-  return { data, forks, paths, expanded }
-})
-
-export function getStatus(tree: Tree) {
-  switch (store.packages?.[tree.name]?.runtime?.forks?.[tree.path]?.status) {
-    case ScopeStatus.PENDING: return 'pending'
-    case ScopeStatus.LOADING: return 'loading'
-    case ScopeStatus.ACTIVE: return 'active'
-    case ScopeStatus.FAILED: return 'failed'
-    case ScopeStatus.DISPOSED: return 'disposed'
-    default: return 'disabled'
-  }
-}
-
-export async function removeItem(tree: Tree) {
-  send('manager/remove', tree.id)
-  await router.replace('/plugins/' + tree.parent!.path)
-}
diff --git a/plugins/config/client/index.ts b/plugins/config/client/index.ts
index 755346e..661286a 100644
--- a/plugins/config/client/index.ts
+++ b/plugins/config/client/index.ts
@@ -1,23 +1,103 @@
-import { Context, router, send, Service } from '@cordisjs/client'
-import { defineComponent, h, resolveComponent } from 'vue'
-import type {} from '@cordisjs/plugin-config'
-import { dialogFork, plugins, type } from './components/utils'
+import { Context, Dict, router, ScopeStatus, send, Service } from '@cordisjs/client'
+import { computed, defineComponent, h, Ref, ref, resolveComponent } from 'vue'
+import type { Entry } from '@cordisjs/loader'
 import Settings from './components/index.vue'
 import Forks from './components/forks.vue'
 import Select from './components/select.vue'
+import type { Data } from '../src'
 
 import './index.scss'
 import './icons'
 
-export * from './components/utils'
-
 declare module '@cordisjs/client' {
   interface Context {
-    configWriter: ConfigWriter
+    manager: Manager
+  }
+
+  interface ActionContext {
+    'config.tree': Node
   }
 }
 
-export default class ConfigWriter extends Service {
+export const coreDeps = [
+  '@cordisjs/plugin-webui',
+  '@cordisjs/plugin-config',
+  '@cordisjs/plugin-server',
+]
+
+export interface Node {
+  id: string
+  name: string
+  path: string
+  label?: string
+  config?: any
+  parent?: Node
+  disabled?: boolean
+  children?: Node[]
+}
+
+interface DepInfo {
+  required: boolean
+}
+
+interface PeerInfo {
+  required: boolean
+  active: boolean
+}
+
+export interface EnvInfo {
+  impl: string[]
+  using: Dict<DepInfo>
+  peer: Dict<PeerInfo>
+  warning?: boolean
+}
+
+export default class Manager extends Service {
+  current = ref<Node>()
+  dialogFork = ref<string>()
+  dialogSelect = ref<Node>()
+
+  plugins = computed(() => {
+    const expanded: string[] = []
+    const forks: Dict<string[]> = {}
+    const paths: Dict<Node> = {}
+    const handle = (config: Entry.Options[]) => {
+      return config.map(options => {
+        const node: Node = {
+          id: options.id,
+          name: options.name,
+          path: options.id,
+          config: options.config,
+        }
+        if (options.name === 'cordis/group') {
+          node.children = handle(options.config)
+        }
+        if (!options.collapse && node.children) {
+          expanded.push(node.path)
+        }
+        forks[node.name] ||= []
+        forks[node.name].push(node.path)
+        paths[node.path] = node
+        return node
+      })
+    }
+    const data = handle(this.data.value.config)
+    return { data, forks, paths, expanded }
+  })
+
+  type = computed(() => {
+    const env = this.getEnvInfo(this.current.value?.name)
+    if (!env) return
+    if (env.warning && this.current.value.disabled) return 'warning'
+    for (const name in env.using) {
+      if (name in this.data.value.services || {}) {
+        if (env.impl.includes(name)) return 'warning'
+      } else {
+        if (env.using[name].required) return 'warning'
+      }
+    }
+  })
+
   constructor(ctx: Context) {
     super(ctx, 'configWriter', true)
 
@@ -52,13 +132,12 @@ export default class ConfigWriter extends Service {
       icon: 'activity:plugin',
       order: 800,
       authority: 4,
-      fields: ['config', 'packages', 'services'],
       component: Settings,
     })
 
     ctx.menu('config.tree', [{
       id: 'config.tree.toggle',
-      type: ({ config }) => config.tree?.disabled ? '' : type.value,
+      type: ({ config }) => config.tree?.disabled ? '' : this.type.value,
       icon: ({ config }) => config.tree?.disabled ? 'play' : 'stop',
       label: ({ config }) => (config.tree?.disabled ? '启用' : '停用')
         + (config.tree?.name === 'group' ? '分组' : '插件'),
@@ -98,30 +177,105 @@ export default class ConfigWriter extends Service {
     }])
   }
 
+  get data(): Ref<Data> {
+    return this.ctx.$entry?.data
+  }
+
   ensure(name: string, passive?: boolean) {
-    const forks = plugins.value.forks[name]
+    const forks = this.plugins.value.forks[name]
     if (!forks?.length) {
       const key = Math.random().toString(36).slice(2, 8)
-      send('manager/add', { name, disabled: true }, '')
+      send('manager.config.create', { name, disabled: true })
       if (!passive) router.push('/plugins/' + key)
     } else if (forks.length === 1) {
       if (!passive) router.push('/plugins/' + forks[0])
     } else {
-      if (!passive) dialogFork.value = name
+      if (!passive) this.dialogFork.value = name
     }
   }
 
-  remove(name: string) {
-    const shortname = name.replace(/(cordis-|^@cordisjs\/)plugin-/, '')
-    const forks = plugins.value.forks[shortname]
-    for (const id of forks) {
-      const tree = plugins.value.paths[id]
-      send('manager/remove', tree.id)
+  async remove(tree: string | Node) {
+    if (typeof tree === 'string') {
+      const forks = this.plugins.value.forks[tree]
+      for (const id of forks) {
+        const tree = this.plugins.value.paths[id]
+        await send('manager.config.remove', { id: tree.id })
+      }
+    } else {
+      await router.replace('/plugins/' + tree.parent!.path)
+      await send('manager.config.remove', { id: tree.id })
     }
   }
 
   get(name: string) {
-    const shortname = name.replace(/(cordis-|^@cordisjs\/)plugin-/, '')
-    return plugins.value.forks[shortname]?.map(id => plugins.value.paths[id])
+    return this.plugins.value.forks[name]?.map(id => this.plugins.value.paths[id])
+  }
+
+  getStatus(tree: Node) {
+    switch (this.data.value.packages?.[tree.name]?.runtime?.forks?.[tree.path]?.status) {
+      case ScopeStatus.PENDING: return 'pending'
+      case ScopeStatus.LOADING: return 'loading'
+      case ScopeStatus.ACTIVE: return 'active'
+      case ScopeStatus.FAILED: return 'failed'
+      case ScopeStatus.DISPOSED: return 'disposed'
+      default: return 'disabled'
+    }
+  }
+
+  getEnvInfo(name: string) {
+    function setService(name: string, required: boolean) {
+      if (services.has(name)) return
+      if (name === 'console') return
+      result.using[name] = { required }
+    }
+
+    const local = this.data.value.packages[name]
+    if (!local) return
+
+    const result: EnvInfo = { impl: [], using: {}, peer: {} }
+    const services = new Set<string>()
+
+    // check peer dependencies
+    for (const name in local.package.peerDependencies ?? {}) {
+      if (!name.includes('@cordisjs/plugin-') && !name.includes('cordis-plugin-')) continue
+      if (coreDeps.includes(name)) continue
+      const required = !local.package.peerDependenciesMeta?.[name]?.optional
+      const active = !!this.data.value.packages[name]?.runtime?.id
+      result.peer[name] = { required, active }
+      for (const service of this.data.value.packages[name]?.manifest?.service.implements ?? []) {
+        services.add(service)
+      }
+    }
+
+    // check implementations
+    for (const name of local.manifest.service.implements) {
+      if (name === 'adapter') continue
+      result.impl.push(name)
+    }
+
+    // check services
+    for (const name of local.runtime?.required ?? []) {
+      setService(name, true)
+    }
+    for (const name of local.runtime?.optional ?? []) {
+      setService(name, false)
+    }
+
+    // check reusability
+    if (local.runtime?.id && !local.runtime?.forkable) {
+      result.warning = true
+    }
+
+    // check schema
+    if (!local.runtime?.schema) {
+      result.warning = true
+    }
+
+    return result
+  }
+
+  hasCoreDeps(tree: Node) {
+    if (coreDeps.includes(tree.name)) return true
+    if (tree.children) return tree.children.some(node => this.hasCoreDeps(node))
   }
 }
diff --git a/plugins/config/client/tsconfig.json b/plugins/config/client/tsconfig.json
index 2b4971d..1e774e2 100644
--- a/plugins/config/client/tsconfig.json
+++ b/plugins/config/client/tsconfig.json
@@ -1,9 +1,11 @@
 {
   "extends": "../../../tsconfig.client",
-  "compilerOptions": {
-    "rootDir": ".",
-  },
   "include": [
     ".",
   ],
-}
\ No newline at end of file
+  "references": [
+    {
+      "path": "../tsconfig.json",
+    },
+  ],
+}
diff --git a/plugins/config/package.json b/plugins/config/package.json
index b05bb86..dda0627 100644
--- a/plugins/config/package.json
+++ b/plugins/config/package.json
@@ -2,25 +2,23 @@
   "name": "@cordisjs/plugin-config",
   "description": "Manage your bots and plugins with console",
   "version": "2.8.5",
-  "main": "lib/node/index.js",
-  "types": "lib/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
-      "node": "./lib/node/index.js",
-      "browser": "./lib/browser/index.mjs",
-      "types": "./lib/index.d.ts"
+      "types": "./lib/index.d.ts",
+      "browser": "./lib/browser.js",
+      "default": "./lib/index.js"
     },
     "./shared": {
-      "require": "./lib/shared/index.js",
-      "import": "./lib/shared/index.mjs"
+      "types": "./lib/shared.d.ts",
+      "default": "./lib/shared.js"
     },
     "./src/*": "./src/*",
     "./package.json": "./package.json"
   },
   "files": [
     "lib",
-    "dist",
-    "src"
+    "dist"
   ],
   "author": "Shigma <shigma10826@gmail.com>",
   "license": "AGPL-3.0",
@@ -55,7 +53,7 @@
     }
   },
   "peerDependencies": {
-    "@cordisjs/loader": "^0.8.6",
+    "@cordisjs/loader": "^0.9.0",
     "@cordisjs/plugin-webui": "^0.28.3",
     "cordis": "^3.14.0"
   },
diff --git a/plugins/config/src/browser.ts b/plugins/config/src/browser.ts
index 9d4750e..75ac8f3 100644
--- a/plugins/config/src/browser.ts
+++ b/plugins/config/src/browser.ts
@@ -1,5 +1,5 @@
 import { SearchResult } from '@cordisjs/registry'
-import BaseManager from './shared'
+import { Manager } from './shared'
 
 export * from './shared'
 
@@ -9,7 +9,7 @@ declare module '@cordisjs/loader' {
   }
 }
 
-export default class BrowserManager extends BaseManager {
+export default class BrowserManager extends Manager {
   async collect(forced: boolean) {
     return this.ctx.loader.market.objects
   }
diff --git a/plugins/config/src/index.ts b/plugins/config/src/index.ts
index e6b70f3..0816ce3 100644
--- a/plugins/config/src/index.ts
+++ b/plugins/config/src/index.ts
@@ -1,5 +1,5 @@
 import { LocalScanner } from '@cordisjs/registry'
-import BaseManager from './shared'
+import { Manager } from './shared'
 
 export * from './shared'
 
@@ -29,7 +29,7 @@ class NodeScanner extends LocalScanner {
   }
 }
 
-export default class NodeManager extends BaseManager {
+export default class NodeManager extends Manager {
   scanner = new NodeScanner(this)
 
   async collect(forced: boolean) {
diff --git a/plugins/config/src/shared.ts b/plugins/config/src/shared.ts
index f35d0f0..329ac69 100644
--- a/plugins/config/src/shared.ts
+++ b/plugins/config/src/shared.ts
@@ -18,31 +18,51 @@ declare module '@cordisjs/plugin-webui' {
   interface Events {
     'manager.config.list'(): LoaderEntry.Options[]
     'manager.config.create'(options: Omit<LoaderEntry.Options, 'id'> & EntryLocation): Promise<string>
-    'manager.config.update'(options: Omit<LoaderEntry.Options, 'id' | 'name'>): void
+    'manager.config.update'(options: Omit<LoaderEntry.Options, 'name'>): void
     'manager.config.remove'(options: { id: string }): void
     'manager.config.teleport'(options: { id: string } & EntryLocation): void
-    'manager.package.list'(): Promise<PackageProvider.Data[]>
-    'manager.package.runtime'(name: string): Promise<PackageProvider.RuntimeData>
+    'manager.package.list'(): Promise<PackageData[]>
+    'manager.package.runtime'(name: string): Promise<RuntimeData>
     'manager.service.list'(): Dict<string[]>
   }
 }
 
 export interface Data {
   config: LoaderEntry.Options[]
-  packages: Dict<PackageProvider.Data>
+  packages: Dict<PackageData>
   services: Dict<string[]>
 }
 
+export interface PackageData extends Pick<SearchObject, 'shortname' | 'workspace' | 'manifest' | 'portable'> {
+  name?: string
+  runtime?: RuntimeData
+  package: Pick<PackageJson, 'name' | 'version' | 'peerDependencies' | 'peerDependenciesMeta'>
+}
+
+export interface RuntimeData {
+  id?: number | null
+  filter?: boolean
+  forkable?: boolean
+  schema?: Schema
+  usage?: string
+  required?: string[]
+  optional?: string[]
+  failed?: boolean
+  forks?: Dict<{
+    status?: ScopeStatus
+  }>
+}
+
 interface EntryLocation {
   parent?: string
   position?: number
 }
 
-export default abstract class Manager extends Service {
+export abstract class Manager extends Service {
   static inject = ['loader']
 
   entry?: ClientEntry
-  cache: Dict<PackageProvider.RuntimeData> = {}
+  cache: Dict<RuntimeData> = {}
   debouncedRefresh: () => void
 
   store = new WeakMap<Plugin, string>()
@@ -138,7 +158,7 @@ export default abstract class Manager extends Service {
     })
   }
 
-  abstract collect(forced: boolean): Promise<PackageProvider.Data[]>
+  abstract collect(forced: boolean): Promise<PackageData[]>
 
   async update(plugin: Plugin) {
     const name = this.store.get(plugin)
@@ -147,7 +167,7 @@ export default abstract class Manager extends Service {
     this.debouncedRefresh()
   }
 
-  parseRuntime(state: MainScope, result: PackageProvider.RuntimeData) {
+  parseRuntime(state: MainScope, result: RuntimeData) {
     result.id = state.runtime.uid
     result.forkable = state.runtime.isForkable
     result.forks = Object.fromEntries(state.children
@@ -170,7 +190,7 @@ export default abstract class Manager extends Service {
     try {
       const exports = await this.ctx.loader.resolve(name)
       if (exports) this.store.set(exports, name)
-      const result: PackageProvider.RuntimeData = { id: null }
+      const result: RuntimeData = { id: null }
       result.schema = exports?.Config || exports?.schema
       result.usage = exports?.usage
       result.filter = exports?.filter
@@ -198,25 +218,3 @@ export default abstract class Manager extends Service {
     }
   }
 }
-
-export namespace PackageProvider {
-  export interface Data extends Pick<SearchObject, 'shortname' | 'workspace' | 'manifest' | 'portable'> {
-    name?: string
-    runtime?: RuntimeData
-    package: Pick<PackageJson, 'name' | 'version' | 'peerDependencies' | 'peerDependenciesMeta'>
-  }
-
-  export interface RuntimeData {
-    id?: number | null
-    filter?: boolean
-    forkable?: boolean
-    schema?: Schema
-    usage?: string
-    required?: string[]
-    optional?: string[]
-    failed?: boolean
-    forks?: Dict<{
-      status?: ScopeStatus
-    }>
-  }
-}