feat(assistant): Added a new assistant debugging page

frontend/embedded.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite-sqlbot.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>SQLBot</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

frontend/src/embedded.ts

@@ -0,0 +1,17 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import './style.less'
+import App from './App.vue'
+import router from './router'
+import { i18n } from './i18n'
+import VueDOMPurifyHTML from 'vue-dompurify-html'
+
+// import 'element-plus/dist/index.css'
+const app = createApp(App)
+const pinia = createPinia()
+
+app.use(pinia)
+app.use(router)
+app.use(i18n)
+app.use(VueDOMPurifyHTML)
+app.mount('#app')

frontend/src/router/index.ts

@@ -11,6 +11,7 @@ import DashboardPreview from '@//views/dashboard/preview/SQPreviewSingle.vue'
 import Dashboard from '@/views/dashboard/index.vue'
 import Model from '@/views/system/model/Model.vue'
 import Embedded from '@/views/system/embedded/index.vue'
+import assistantTest from '@/views/system/embedded/Test.vue'
 import assistant from '@/views/embedded/index.vue'
 import Member from '@/views/system/member/index.vue'
 import Appearance from '@/views/system/appearance/index.vue'
@@ -180,6 +181,12 @@ export const routes = [
     name: 'assistant',
     component: assistant,
   },
+
+  {
+    path: '/assistantTest',
+    name: 'assistantTest',
+    component: assistantTest,
+  },
 ]
 const router = createRouter({
   history: createWebHashHistory(),

frontend/src/views/system/embedded/Test.vue

@@ -0,0 +1,9 @@
+<template>
+  <iframe
+    width="400"
+    height="700"
+    style="position: fixed; left: 16px; bottom: 16px"
+    src="/embedded.html/#/assistant?id=1"
+    frameborder="0"
+  ></iframe>
+</template>