diff --git a/packages/core/src/bot.ts b/packages/core/src/bot.ts
index b463cbd9be..49adedee1e 100644
--- a/packages/core/src/bot.ts
+++ b/packages/core/src/bot.ts
@@ -1,4 +1,4 @@
-import { Logger, sleep } from '@koishijs/utils'
+import { Logger, Random, sleep } from '@koishijs/utils'
 import { Adapter } from './adapter'
 import { App } from './app'
 import { Session } from './session'
@@ -14,6 +14,7 @@ export abstract class Bot<T extends Bot.BaseConfig = Bot.BaseConfig> {
   public internal?: any
   public selfId?: string
   public logger: Logger
+  public id = Random.id()
 
   private _status: Bot.Status
 
diff --git a/plugins/frontend/console/client/client.ts b/plugins/frontend/console/client/client.ts
index 8ce1d1ec71..7875cabdd6 100644
--- a/plugins/frontend/console/client/client.ts
+++ b/plugins/frontend/console/client/client.ts
@@ -146,8 +146,7 @@ const initTask = new Promise<void>((resolve) => {
       delete extensions[path]
     }
 
-    const { redirect } = router.currentRoute.value.query
-    const tasks = newValue.map(async (path) => {
+    async function loadExtension(path: string) {
       if (extensions[path]) return
       extensions[path] = new Context()
 
@@ -170,9 +169,13 @@ const initTask = new Promise<void>((resolve) => {
           router.replace(location)
         }
       }
-    })
+    }
+
+    const { redirect } = router.currentRoute.value.query
+    await Promise.all(newValue.map((path) => {
+      return loadExtension(path).catch(console.error)
+    }))
 
-    await Promise.allSettled(tasks)
     if (!oldValue) resolve()
   }, { deep: true })
 })
diff --git a/plugins/frontend/console/client/components/form/index.ts b/plugins/frontend/console/client/components/form/index.ts
index 58bfe4cf49..ece81d0b30 100644
--- a/plugins/frontend/console/client/components/form/index.ts
+++ b/plugins/frontend/console/client/components/form/index.ts
@@ -4,7 +4,7 @@ import Input from './input.vue'
 import TabItem from './tab-item.vue'
 import TabGroup from './tab-group.vue'
 import Radio from './radio.vue'
-import Schema from './schema.vue'
+import Schema from './schema/index.vue'
 import { App } from 'vue'
 
 export default function (app: App) {
diff --git a/plugins/frontend/console/client/components/form/schema-group.vue b/plugins/frontend/console/client/components/form/schema-group.vue
deleted file mode 100644
index ec1bf8863f..0000000000
--- a/plugins/frontend/console/client/components/form/schema-group.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <div class="schema-group" v-if="desc">
-    <h2>{{ desc }}</h2>
-    <div class="schema-group-body">
-      <slot/>
-    </div>
-  </div>
-  <slot v-else/>
-</template>
-
-<script lang="ts" setup>
-
-defineProps<{
-  desc?: string | boolean
-}>()
-
-</script>
-
-<style lang="scss">
-
-.schema-group {
-  h2 {
-    font-size: 1.25em;
-  }
-}
-
-</style>
diff --git a/plugins/frontend/console/client/components/form/schema-union.vue b/plugins/frontend/console/client/components/form/schema-union.vue
deleted file mode 100644
index f96bb50b95..0000000000
--- a/plugins/frontend/console/client/components/form/schema-union.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <k-schema v-if="choices.length === 1" :schema="choices[0]" v-model="modelValue">
-    <slot></slot>
-  </k-schema>
-
-  <div class="schema-item" v-else>
-    <slot></slot>
-    <ul v-if="choices.every(item => item.type === 'const')">
-      <li v-for="item in choices" :key="item.value">
-        <k-radio :label="item.value" v-model="selected">{{ item.meta.description || item.value }}</k-radio>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts" setup>
-
-import { computed, ref } from 'vue'
-import type { PropType } from 'vue'
-import Schema from 'schemastery'
-
-const props = defineProps({
-  schema: {} as PropType<Schema>,
-  modelValue: {},
-})
-
-const choices = computed(() => {
-  return props.schema.list.filter(item => item.type !== 'transform')
-})
-
-const selected = ref(props.schema.meta.default)
-
-</script>
diff --git a/plugins/frontend/console/client/components/form/schema.vue b/plugins/frontend/console/client/components/form/schema/index.vue
similarity index 69%
rename from plugins/frontend/console/client/components/form/schema.vue
rename to plugins/frontend/console/client/components/form/schema/index.vue
index 64b051de8b..1e78166a1d 100644
--- a/plugins/frontend/console/client/components/form/schema.vue
+++ b/plugins/frontend/console/client/components/form/schema/index.vue
@@ -1,30 +1,9 @@
 <template>
   <template v-if="!schema || schema.meta.hidden"/>
 
-  <div class="schema-item" v-else-if="['string', 'number', 'boolean'].includes(schema.type)">
-    <div class="schema-header">
-      <div class="left">
-        <slot></slot>
-      </div>
-      <div class="right">
-        <el-switch v-if="schema.type === 'boolean'" v-model="config"></el-switch>
-        <template v-else>
-          <k-input v-model="config"
-            :style="{ width: schema.meta.role === 'url' ? '18rem' : '12rem' }"
-            :type="schema.type === 'number' ? 'number' : schema.meta.role === 'secret' && !showPass ? 'password' : 'text'">
-            <template #suffix v-if="schema.meta.role === 'url'">
-              <a :href="config" target="_blank" rel="noopener noreferrer">
-                <k-icon name="external"></k-icon>
-              </a>
-            </template>
-            <template #suffix v-else-if="schema.meta.role === 'secret'">
-              <k-icon :name="showPass ? 'eye' : 'eye-slash'" @click="showPass = !showPass"></k-icon>
-            </template>
-          </k-input>
-        </template>
-      </div>
-    </div>
-  </div>
+  <schema-primitive v-else-if="['string', 'number', 'boolean'].includes(schema.type)" :schema="schema" v-model="config">
+    <slot></slot>
+  </schema-primitive>
 
   <div class="schema-item" v-else-if="schema.type === 'array'">
     <div class="schema-header">
@@ -43,14 +22,15 @@
     </ul>
   </div>
 
-  <schema-group v-else-if="schema.type === 'object'" :desc="!noDesc && schema.meta.description">
+  <template v-else-if="schema.type === 'object'">
+    <h2 v-if="!noDesc && schema.meta.description">{{ schema.meta.description }}</h2>
     <k-schema v-for="(item, key) in schema.dict" :key="key" :schema="item" v-model="config[key]" :prefix="prefix + key + '.'">
       <h3 :class="{ required: item.meta.required }">
         <span>{{ prefix + key }}</span>
       </h3>
       <p>{{ item.meta.description }}</p>
     </k-schema>
-  </schema-group>
+  </template>
 
   <template v-else-if="schema.type === 'const'"></template>
 
@@ -58,7 +38,7 @@
     <k-schema v-for="item in schema.list" :schema="item" v-model="config" :prefix="prefix"/>
   </template>
 
-  <schema-union v-else-if="schema.type === 'union'" :schema="schema" v-model="config">
+  <schema-union v-else-if="schema.type === 'union'" :schema="schema" :prefix="prefix" v-model="config">
     <slot></slot>
   </schema-union>
 
@@ -72,8 +52,8 @@
 import { watch, ref } from 'vue'
 import type { PropType } from 'vue'
 import Schema from 'schemastery'
-import SchemaGroup from './schema-group.vue'
-import SchemaUnion from './schema-union.vue'
+import SchemaPrimitive from './primitive.vue'
+import SchemaUnion from './union.vue'
 
 const props = defineProps({
   schema: {} as PropType<Schema>,
@@ -93,13 +73,20 @@ function getFallback() {
   }
 }
 
-const showPass = ref(false)
+const config = ref<any>()
 
-const config = ref<any>(props.modelValue ?? getFallback())
+watch(() => props.modelValue, (value) => {
+  if (value !== null && value !== undefined) {
+    config.value = value
+  } else {
+    config.value = getFallback()
+    emit('update:modelValue', config.value)
+  }
+}, { immediate: true })
 
 watch(config, (value) => {
   emit('update:modelValue', value)
-}, { deep: true, immediate: true })
+}, { deep: true })
 
 </script>
 
@@ -108,7 +95,7 @@ watch(config, (value) => {
 .schema-item {
   padding: 0.5rem 1rem;
   border-bottom: 1px solid var(--border);
-  transition: 0.3s ease;
+  transition: border-color 0.3s ease;
 
   &:first-child, :not(.schema-item) + & {
     border-top: 1px solid var(--border);
@@ -166,7 +153,7 @@ watch(config, (value) => {
   .k-input .k-icon {
     height: 0.75rem;
     color: var(--fg3);
-    transition: 0.3s ease;
+    transition: color 0.3s ease;
 
     &:hover {
       color: var(--fg1);
@@ -192,7 +179,7 @@ watch(config, (value) => {
     .remove {
       color: var(--fg3);
       opacity: 0.4;
-      transition: 0.3s ease;
+      transition: opacity 0.3s ease;
       height: 0.875rem;
       margin-right: 0.25rem;
       cursor: pointer;
diff --git a/plugins/frontend/console/client/components/form/schema/primitive.vue b/plugins/frontend/console/client/components/form/schema/primitive.vue
new file mode 100644
index 0000000000..ad9469e85f
--- /dev/null
+++ b/plugins/frontend/console/client/components/form/schema/primitive.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="schema-item">
+    <div class="schema-header">
+      <div class="left">
+        <slot></slot>
+      </div>
+      <div class="right">
+        <el-switch v-if="schema.type === 'boolean'" v-model="config"></el-switch>
+        <template v-else>
+          <k-input v-model="config"
+            :style="{ width: schema.meta.role === 'url' ? '18rem' : '12rem' }"
+            :type="schema.type === 'number' ? 'number' : schema.meta.role === 'secret' && !showPass ? 'password' : 'text'">
+            <template #suffix v-if="schema.meta.role === 'url'">
+              <a :href="config" target="_blank" rel="noopener noreferrer">
+                <k-icon name="external"></k-icon>
+              </a>
+            </template>
+            <template #suffix v-else-if="schema.meta.role === 'secret'">
+              <k-icon :name="showPass ? 'eye' : 'eye-slash'" @click="showPass = !showPass"></k-icon>
+            </template>
+          </k-input>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+import { computed, PropType, ref } from 'vue'
+import Schema from 'schemastery'
+
+const emit = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+  schema: {} as PropType<Schema>,
+  modelValue: {},
+})
+
+const showPass = ref(false)
+
+const config = computed({
+  get: () => props.modelValue,
+  set: emit.bind(null, 'update:modelValue'),
+})
+
+</script>
diff --git a/plugins/frontend/console/client/components/form/schema/union.vue b/plugins/frontend/console/client/components/form/schema/union.vue
new file mode 100644
index 0000000000..9625d5991e
--- /dev/null
+++ b/plugins/frontend/console/client/components/form/schema/union.vue
@@ -0,0 +1,64 @@
+<template>
+  <k-schema v-if="choices.length === 1" :schema="choices[0]" :prefix="prefix" v-model="config">
+    <slot></slot>
+  </k-schema>
+
+  <div class="schema-item" v-else-if="isSelect">
+    <div class="schema-header">
+      <div class="left">
+        <slot></slot>
+      </div>
+      <div class="right">
+        <el-select v-model="config">
+          <el-option
+            v-for="item in choices"
+            :key="item.value"
+            :label="item.value"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </div>
+    </div>
+  </div>
+
+  <div class="schema-item" v-else>
+    <slot></slot>
+    <ul v-if="choices.every(item => item.type === 'const')">
+      <li v-for="item in choices" :key="item.value">
+        <k-radio :label="item.value" v-model="selected">{{ item.meta.description || item.value }}</k-radio>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+import { computed, ref } from 'vue'
+import type { PropType } from 'vue'
+import Schema from 'schemastery'
+
+const emit = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+  schema: {} as PropType<Schema>,
+  modelValue: {},
+  prefix: String,
+})
+
+const config = computed({
+  get: () => props.modelValue,
+  set: emit.bind(null, 'update:modelValue'),
+})
+
+const choices = computed(() => {
+  return props.schema.list.filter(item => item.type !== 'transform')
+})
+
+const isSelect = computed(() => {
+  return choices.value.every(item => item.type === 'const')
+    && choices.value.some(item => !item.meta.description)
+})
+
+const selected = ref(props.schema.meta.default)
+
+</script>
diff --git a/plugins/frontend/manager/client/bots/add.vue b/plugins/frontend/manager/client/bots/add.vue
deleted file mode 100644
index 39758db919..0000000000
--- a/plugins/frontend/manager/client/bots/add.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="add-bot">
-    <k-button solid @click="send('bot/create', selected[0], { protocol: selected[1], ...config })">启动</k-button>
-    <h3 class="adapter required">选择适配器</h3>
-    <div class="platform-select">
-      <el-cascader v-model="selected" :options="options"></el-cascader>
-    </div>
-    <k-schema v-if="schema" :schema="schema" v-model="config"></k-schema>
-  </div>
-</template>
-
-<script lang="ts" setup>
-
-import { ref, computed } from 'vue'
-import { store, send } from '~/client'
-import type { Schema } from 'koishi'
-
-const config = ref({})
-const selected = ref([])
-
-const options = computed(() => {
-  return Object.entries(store.protocols).map(([key, schema]) => ({
-    value: key,
-    label: key,
-    children: schema.type === 'decide' ? Object.keys(schema.dict).map((key) => ({
-      value: key,
-      label: key,
-    })) : null,
-  }))
-})
-
-const schema = computed<Schema>(() => {
-  const [platform, protocol] = selected.value
-  if (!platform) return
-  const schema = store.protocols[platform]
-  if (schema.type !== 'decide') return schema
-  if (protocol) return schema.dict[protocol]
-})
-
-</script>
-
-<style lang="scss">
-
-.add-bot {
-  h3.adapter {
-    font-size: 1.125em;
-    margin: 0.25rem 0;
-    position: relative;
-  }
-
-  h3.adapter.required::before {
-    content: '*';
-    position: absolute;
-    left: -1.25rem;
-    color: var(--error);
-  }
-}
-
-</style>
diff --git a/plugins/frontend/manager/client/bots/index.vue b/plugins/frontend/manager/client/bots/index.vue
index 759181dd84..b9fca48eeb 100644
--- a/plugins/frontend/manager/client/bots/index.vue
+++ b/plugins/frontend/manager/client/bots/index.vue
@@ -1,37 +1,34 @@
 <template>
   <k-card-aside class="page-bots">
-    <template #aside v-if="store.bots.length || current === -1">
+    <template #aside v-if="botCount || current === ''">
       <el-scrollbar>
-        <div class="add k-menu-item" :class="{ active: current === -1 }" @click="current = -1">添加机器人</div>
-        <div class="bots">
-          <bot-preview
-            v-for="(bot, index) in store.bots" :key="index" :data="bot"
-            :class="{ active: current === index }" @click="current = index"/>
-        </div>
+        <div class="add k-menu-item" :class="{ active: current === '' }" @click="current = ''">添加机器人</div>
+        <bot-preview
+          v-for="(bot, key) in store.bots" :key="key" :data="bot"
+          :class="{ active: current === key }" @click="current = key"/>
       </el-scrollbar>
     </template>
     <template v-if="current === null">
-      <el-empty v-if="store.bots.length" description="当前未选择机器人"></el-empty>
+      <el-empty v-if="botCount" description="当前未选择机器人"></el-empty>
       <el-empty v-else description="当前没有配置任何机器人">
-        <k-button solid @click="current = -1">添加机器人</k-button>
+        <k-button solid @click="current = ''">添加机器人</k-button>
       </el-empty>
     </template>
     <k-content v-else class="bot-profile">
-      <add-bot v-if="current === -1"></add-bot>
-      <bot-settings v-else :current="current"></bot-settings>
+      <bot-settings :current="current" :key="current"></bot-settings>
     </k-content>
   </k-card-aside>
 </template>
 
 <script setup lang="ts">
 
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { store } from '~/client'
-import AddBot from './add.vue'
 import BotPreview from './preview.vue'
 import BotSettings from './settings.vue'
 
-const current = ref<number>(null)
+const current = ref<string | number>(null)
+const botCount = computed(() => Object.keys(store.bots).length)
 
 </script>
 
diff --git a/plugins/frontend/manager/client/bots/settings.vue b/plugins/frontend/manager/client/bots/settings.vue
index 05048a4c48..a128b9642f 100644
--- a/plugins/frontend/manager/client/bots/settings.vue
+++ b/plugins/frontend/manager/client/bots/settings.vue
@@ -2,35 +2,88 @@
   <h1 class="config-header">
     配置项
     <template v-if="data.config.disabled">
-      <k-button solid @click="execute('load')">登陆账号</k-button>
-      <k-button solid @click="execute('unload')">保存配置</k-button>
+      <k-button solid @click="execute('login')">登陆账号</k-button>
+      <k-button solid @click="execute('logout')">保存配置</k-button>
     </template>
     <template v-else>
-      <k-button solid type="error" @click="execute('unload')">登出账号</k-button>
-      <k-button solid @click="execute('load')">重载配置</k-button>
+      <k-button solid type="error" @click="execute('logout')">登出账号</k-button>
+      <k-button solid @click="execute('login')">重载配置</k-button>
     </template>
   </h1>
-  <k-schema :schema="schema" :key="current" v-model="data.config"></k-schema>
+  {{ data }}
+  <form>
+    <template v-if="!current">
+      <k-schema :schema="adapterSchema" v-model="data.adapter">
+        <h3 class="required">adapter</h3>
+        <p>选择要使用的适配器。</p>
+      </k-schema>
+      <k-schema :schema="protocolSchema" v-model="data.config.protocol">
+        <h3 class="required">protocol</h3>
+        <p>选择要使用的协议。</p>
+      </k-schema>
+    </template>
+    <k-schema :schema="store.protocols[key]" v-model="data.config"></k-schema>
+  </form>
 </template>
 
 <script lang="ts" setup>
 
-import { computed } from 'vue'
-import { store } from '~/client'
+import { computed, watch, reactive } from 'vue'
+import { store, send } from '~/client'
+import { BotProvider } from '@koishijs/plugin-manager'
 
 const props = defineProps<{
-  current: number
+  current: string | number
 }>()
 
-const data = computed(() => store.bots[props.current])
+const createSchema = (values: string[]) => ({
+  type: 'union',
+  meta: {},
+  list: values.map((value) => ({
+    type: 'const',
+    value,
+    meta: {},
+  })),
+})
+
+const adapterSchema = computed(() => {
+  const values = Object
+    .keys(store.protocols)
+    .map(key => key.split('.', 1)[0])
+  return createSchema(Array.from(new Set(values)))
+})
+
+const protocolSchema = computed(() => {
+  const prefix = data.value.adapter + '.'
+  const values = Object
+    .keys(store.protocols)
+    .filter(key => key.startsWith(prefix))
+    .map(key => key.slice(prefix.length))
+  return values.length && createSchema(values)
+})
+
+const data = computed<Partial<BotProvider.Data>>(() => store.bots[props.current] || reactive({
+  adapter: '',
+  config: {},
+}))
+
+watch(() => data.value.adapter, () => {
+  data.value.config = { protocol: '' }
+})
+
+watch(() => data.value.config.protocol, (protocol) => {
+  if (!protocol) return
+  data.value.config = { protocol }
+}, { flush: 'post' })
 
-const schema = computed(() => {
+const key = computed(() => {
   const { adapter, config } = data.value
   const key = adapter + (config.protocol ? '.' + config.protocol : '')
-  return store.protocols[key] || store.protocols[adapter]
+  return store.protocols[key] ? key : adapter
 })
 
 function execute(action: string) {
+  send('bot/' + action, props.current, data.value.adapter, data.value.config)
 }
 
 </script>
diff --git a/plugins/frontend/manager/client/settings/settings.vue b/plugins/frontend/manager/client/settings/settings.vue
index 2e8f444a28..145bc43b66 100644
--- a/plugins/frontend/manager/client/settings/settings.vue
+++ b/plugins/frontend/manager/client/settings/settings.vue
@@ -59,7 +59,9 @@
           <k-button solid @click="execute('unload')">保存配置</k-button>
         </template>
       </h1>
-      <k-schema :schema="data.schema" v-model="data.config" prefix=""></k-schema>
+      <form>
+        <k-schema :schema="data.schema" v-model="data.config" prefix=""></k-schema>
+      </form>
     </template>
   </k-content>
 </template>
diff --git a/plugins/frontend/manager/src/bots.ts b/plugins/frontend/manager/src/bots.ts
index eaef1dd309..0930d53972 100644
--- a/plugins/frontend/manager/src/bots.ts
+++ b/plugins/frontend/manager/src/bots.ts
@@ -1,4 +1,4 @@
-import { Adapter, Bot, Context, pick, Time } from 'koishi'
+import { Bot, Context, Dict, pick, Time } from 'koishi'
 import { DataService } from '@koishijs/plugin-console'
 
 declare module 'koishi' {
@@ -31,7 +31,7 @@ class TickCounter {
   }
 }
 
-class BotProvider extends DataService<BotProvider.Data[]> {
+class BotProvider extends DataService<Dict<BotProvider.Data>> {
   constructor(ctx: Context) {
     super(ctx, 'bots')
 
@@ -57,13 +57,13 @@ class BotProvider extends DataService<BotProvider.Data[]> {
   }
 
   async get() {
-    return this.ctx.bots.map<BotProvider.Data>((bot) => ({
+    return Object.fromEntries(this.ctx.bots.map((bot) => [bot.id, {
       ...pick(bot, ['platform', 'protocol', 'selfId', 'avatar', 'username', 'status', 'config']),
       error: bot.error?.message,
       adapter: bot.adapter.platform,
       messageSent: bot._messageSent.get(),
       messageReceived: bot._messageReceived.get(),
-    }))
+    }] as const))
   }
 }
 
diff --git a/plugins/frontend/manager/src/index.ts b/plugins/frontend/manager/src/index.ts
index ae39b6cfc3..7e30259760 100644
--- a/plugins/frontend/manager/src/index.ts
+++ b/plugins/frontend/manager/src/index.ts
@@ -23,12 +23,6 @@ export {
 }
 
 declare module '@koishijs/plugin-console' {
-  interface Events {
-    'plugin/load'(name: string, config: any): void
-    'plugin/unload'(name: string, config: any): void
-    'bot/create'(platform: string, config: any): void
-  }
-
   namespace Console {
     interface Services {
       bots: BotProvider
diff --git a/plugins/frontend/manager/src/writer.ts b/plugins/frontend/manager/src/writer.ts
index e7d074df18..25fa122417 100644
--- a/plugins/frontend/manager/src/writer.ts
+++ b/plugins/frontend/manager/src/writer.ts
@@ -1,6 +1,15 @@
 import { Context } from 'koishi'
 import { Loader } from '@koishijs/cli'
 
+declare module '@koishijs/plugin-console' {
+  interface Events {
+    'plugin/load'(name: string, config: any): void
+    'plugin/unload'(name: string, config: any): void
+    'bot/login'(id: string, adapter: string, config: any): void
+    'bot/logout'(id: string, adapter: string, config: any): void
+  }
+}
+
 export default class ConfigWriter {
   private loader: Loader
   private plugins: {}