feat(webui): support clear in sandbox

packages/plugin-webui/client/views/plugins/plugin-view.vue

@@ -14,6 +14,7 @@
 
 import type { Registry } from '~/server'
 import { ref, computed, defineProps } from 'vue'
+import PluginView from './plugin-view.vue'
 
 const show = ref(false)
 

packages/plugin-webui/client/views/sandbox.vue

@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 
-import { ref, watch, nextTick } from 'vue'
+import { ref, watch, nextTick, onMounted } from 'vue'
 import { send, receive, user, storage } from '~/client'
 
 interface Message {
@@ -33,6 +33,8 @@ function addMessage(from: 'user' | 'bot', content: string) {
   }
 }
 
+onMounted(scrollToBottom)
+
 function scrollToBottom() {
   panel.value.scrollTop = panel.value.scrollHeight - panel.value.clientHeight
 }
@@ -49,6 +51,10 @@ receive('sandbox', (data) => {
   addMessage('bot', data)
 })
 
+receive('clear', (data) => {
+  messages.value = []
+})
+
 </script>
 
 <style lang="scss">

packages/plugin-webui/src/adapter.ts

@@ -113,6 +113,9 @@ export class WebAdapter extends Adapter<'web'> {
       server: ctx.app._httpServer,
     })
 
+    ctx.self('sandbox').command('clear', '清空消息列表')
+      .action(({ session }) => this.channels[session.channelId].send('clear'))
+
     ctx.all().middleware(async (session, next) => {
       if (session.subtype !== 'private') return next()
       const state = states[session.uid]