diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index fee18b00..a2a5004a 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -13,6 +13,7 @@ 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 EmbeddedPage from '@/views/embedded/page.vue'
 import Member from '@/views/system/member/index.vue'
 import Appearance from '@/views/system/appearance/index.vue'
 import Permission from '@/views/system/permission/index.vue'
@@ -182,7 +183,11 @@ export const routes = [
     name: 'assistant',
     component: assistant,
   },
-
+  {
+    path: '/embeddedPage',
+    name: 'embeddedPage',
+    component: EmbeddedPage,
+  },
   {
     path: '/assistantTest',
     name: 'assistantTest',
diff --git a/frontend/src/views/embedded/page.vue b/frontend/src/views/embedded/page.vue
new file mode 100644
index 00000000..42a6cabe
--- /dev/null
+++ b/frontend/src/views/embedded/page.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="sqlbot--embedded-page">
+    <chat-component ref="chatRef" />
+  </div>
+</template>
+<script setup lang="ts">
+import ChatComponent from '@/views/chat/index.vue'
+import { ref } from 'vue'
+
+const chatRef = ref()
+</script>
+
+<style lang="less" scoped>
+.sqlbot--embedded-page {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f7f8fa;
+}
+</style>