From 4d348ac31262c72df28af33925777f8233e184a3 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 9 Jan 2026 09:06:39 +0800
Subject: [PATCH 1/2] feat: Add a separate chat page

---
 frontend/src/components/layout/LayoutDsl.vue | 11 ++++
 frontend/src/router/index.ts                 |  7 +++
 frontend/src/views/chat/index.vue            |  3 +-
 frontend/src/views/chat/preview.vue          | 58 ++++++++++++++++++++
 4 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/views/chat/preview.vue

diff --git a/frontend/src/components/layout/LayoutDsl.vue b/frontend/src/components/layout/LayoutDsl.vue
index cbfacd67..3b8c7017 100644
--- a/frontend/src/components/layout/LayoutDsl.vue
+++ b/frontend/src/components/layout/LayoutDsl.vue
@@ -11,7 +11,12 @@ import icon_side_expand_outlined from '@/assets/svg/icon_side-expand_outlined.sv
 import { useRoute, useRouter } from 'vue-router'
 import { useAppearanceStoreWithOut } from '@/stores/appearance'
 import { useEmitt } from '@/utils/useEmitt'
+import { isMobile } from '@/utils/utils'
+import { onBeforeMount } from 'vue'
 
+const isPhone = computed(() => {
+  return isMobile()
+})
 const router = useRouter()
 const collapse = ref(false)
 const collapseCopy = ref(false)
@@ -53,6 +58,12 @@ const route = useRoute()
 const showSysmenu = computed(() => {
   return route.path.includes('/system')
 })
+onBeforeMount(() => {
+  if (isPhone.value) {
+    collapse.value = true
+    collapseCopy.value = true
+  }
+})
 </script>
 
 <template>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 598c74fd..7c588324 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -26,6 +26,8 @@ import Permission from '@/views/system/permission/index.vue'
 import User from '@/views/system/user/User.vue'
 import Workspace from '@/views/system/workspace/index.vue'
 import Page401 from '@/views/error/index.vue'
+import ChatPreview from '@/views/chat/preview.vue'
+
 import { i18n } from '@/i18n'
 import { watchRouter } from './watch'
 
@@ -245,6 +247,11 @@ export const routes = [
     name: 'assistantTest',
     component: assistantTest,
   },
+  {
+    path: '/chatPreview',
+    name: 'chatPreview',
+    component: ChatPreview,
+  },
   {
     path: '/admin-login',
     name: 'admin-login',
diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index a5ddcfad..a52109f4 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -1014,7 +1014,7 @@ function stop(func?: (...p: any[]) => void, ...param: any[]) {
   }
 }
 const showFloatPopover = () => {
-  if (!isCompletePage.value && !floatPopoverVisible.value) {
+  if ((!isCompletePage.value || isPhone.value) && !floatPopoverVisible.value) {
     floatPopoverVisible.value = true
   }
 }
@@ -1324,6 +1324,7 @@ onMounted(() => {
     max-width: 800px;
     display: flex;
     gap: 16px;
+    padding: 0 16px;
     align-items: center;
     flex-direction: column;
 
diff --git a/frontend/src/views/chat/preview.vue b/frontend/src/views/chat/preview.vue
new file mode 100644
index 00000000..48235d68
--- /dev/null
+++ b/frontend/src/views/chat/preview.vue
@@ -0,0 +1,58 @@
+<template>
+  <div v-loading="divLoading" class="sqlbot-embedded-assistant-page">
+    <chat-component
+      :welcome="customSet.welcome"
+      :welcome-desc="customSet.welcome_desc"
+      :logo-assistant="logo"
+      :page-embedded="true"
+      :app-name="customSet.name"
+    />
+  </div>
+</template>
+<script setup lang="ts">
+import ChatComponent from '@/views/chat/index.vue'
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+//const chatRef = ref()
+
+const customSet = reactive({
+  name: '',
+  welcome: t('embedded.i_am_sqlbot'),
+  welcome_desc: t('embedded.data_analysis_now'),
+  theme: '#1CBA90',
+  header_font_color: '#1F2329',
+}) as { [key: string]: any }
+const logo = ref()
+
+const divLoading = ref(true)
+
+onMounted(() => {
+  nextTick(() => {
+    setTimeout(() => {
+      divLoading.value = false
+    }, 1500)
+  })
+})
+</script>
+
+<style lang="less" scoped>
+.sqlbot--embedded-page {
+  width: 100%;
+  height: 100vh;
+  position: relative;
+  background: #fff;
+}
+.sqlbot-embedded-assistant-page {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #f7f8fa;
+  box-sizing: border-box;
+  overflow: auto;
+  padding-bottom: 48px;
+}
+</style>

From 896856a63e1f8b80054116ea867012f4d46c664a Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 9 Jan 2026 11:59:47 +0800
Subject: [PATCH 2/2] perf: Optimize the chat page entry

---
 frontend/src/components/layout/Person.vue |  6 ++++--
 frontend/src/i18n/en.json                 |  3 ++-
 frontend/src/i18n/ko-KR.json              |  3 ++-
 frontend/src/i18n/zh-CN.json              |  3 ++-
 frontend/src/router/watch.ts              |  5 +++--
 frontend/src/stores/user.ts               |  9 +++++++--
 frontend/src/utils/utils.ts               | 23 +++++++++++++++++++++++
 frontend/src/views/chat/preview.vue       | 10 +++++++---
 frontend/src/views/login/index.vue        |  3 ++-
 9 files changed, 52 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/layout/Person.vue b/frontend/src/components/layout/Person.vue
index 160ffa4e..a0ada36c 100644
--- a/frontend/src/components/layout/Person.vue
+++ b/frontend/src/components/layout/Person.vue
@@ -18,6 +18,7 @@ import Apikey from './Apikey.vue'
 import { useRouter } from 'vue-router'
 import { useUserStore } from '@/stores/user'
 import { userApi } from '@/api/auth'
+import { toLoginPage } from '@/utils/utils'
 
 const router = useRouter()
 const appearanceStore = useAppearanceStoreWithOut()
@@ -37,7 +38,7 @@ const isLocalUser = computed(() => !userStore.getOrigin)
 
 const platFlag = computed(() => {
   const platformInfo = userStore.getPlatformInfo
-  return platformInfo?.flag || 0
+  return platformInfo?.origin || 0
 })
 const dialogVisible = ref(false)
 const apikeyDialogVisible = ref(false)
@@ -95,7 +96,8 @@ const savePwdHandler = () => {
 }
 const logout = async () => {
   if (!(await userStore.logout())) {
-    router.push('/login')
+    router.push(toLoginPage(router?.currentRoute?.value?.fullPath || ''))
+    // router.push('/login')
   }
 }
 </script>
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 7c15bae5..684b5b7c 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -667,7 +667,8 @@
     "right": "Right",
     "welcome_description": "Welcome Description",
     "data_analysis_now": "I can query data, generate charts, detect data anomalies, predict data, and more! Enable Smart Data Analysis now!",
-    "window_entrance_icon": "Floating window entrance icon"
+    "window_entrance_icon": "Floating window entrance icon",
+    "preview_error": "The current page prohibits embedding using Iframe!"
   },
   "chat": {
     "type": "Chart Type",
diff --git a/frontend/src/i18n/ko-KR.json b/frontend/src/i18n/ko-KR.json
index 9d389ead..a315c5f0 100644
--- a/frontend/src/i18n/ko-KR.json
+++ b/frontend/src/i18n/ko-KR.json
@@ -667,7 +667,8 @@
     "right": "오른쪽",
     "welcome_description": "환영 메시지 설명",
     "data_analysis_now": "저는 데이터 조회, 차트 생성, 데이터 이상 감지, 데이터 예측 등을 할 수 있습니다. 빨리 스마트 데이터 조회를 시작하세요~",
-    "window_entrance_icon": "플로팅 윈도우 입구 아이콘"
+    "window_entrance_icon": "플로팅 윈도우 입구 아이콘",
+    "preview_error": "현재 페이지는 Iframe 임베딩을 허용하지 않습니다!"
   },
   "chat": {
     "type": "차트 유형",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index d3a9b69f..3b5763be 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -667,7 +667,8 @@
     "right": "右",
     "welcome_description": "欢迎语描述",
     "data_analysis_now": "我可以查询数据、生成图表、检测数据异常、预测数据等赶快开启智能问数吧～",
-    "window_entrance_icon": "浮窗入口图标"
+    "window_entrance_icon": "浮窗入口图标",
+    "preview_error": "当前页面禁止使用 Iframe 嵌入！"
   },
   "chat": {
     "type": "图表类型",
diff --git a/frontend/src/router/watch.ts b/frontend/src/router/watch.ts
index c1aaf8fe..c4a2b04f 100644
--- a/frontend/src/router/watch.ts
+++ b/frontend/src/router/watch.ts
@@ -5,6 +5,7 @@ import { useUserStore } from '@/stores/user'
 import { request } from '@/utils/request'
 import type { Router } from 'vue-router'
 import { generateDynamicRouters } from './dynamic'
+import { toLoginPage } from '@/utils/utils'
 
 const appearanceStore = useAppearanceStoreWithOut()
 const userStore = useUserStore()
@@ -17,7 +18,7 @@ export const watchRouter = (router: Router) => {
     await appearanceStore.setAppearance()
     LicenseGenerator.generateRouters(router)
     if (to.path.startsWith('/login') && userStore.getUid) {
-      next('/')
+      next(to?.query?.redirect || '/')
       return
     }
     if (assistantWhiteList.includes(to.path)) {
@@ -31,7 +32,7 @@ export const watchRouter = (router: Router) => {
     }
     if (!token) {
       // ElMessage.error('Please login first')
-      next('/login')
+      next(toLoginPage(to.fullPath))
       return
     }
     let isFirstDynamicPath = false
diff --git a/frontend/src/stores/user.ts b/frontend/src/stores/user.ts
index 330431af..cc8c13b5 100644
--- a/frontend/src/stores/user.ts
+++ b/frontend/src/stores/user.ts
@@ -4,7 +4,7 @@ import { AuthApi } from '@/api/login'
 import { useCache } from '@/utils/useCache'
 import { i18n } from '@/i18n'
 import { store } from './index'
-import { getQueryString } from '@/utils/utils'
+import { getCurrentRouter, getQueryString } from '@/utils/utils'
 
 const { wsCache } = useCache()
 
@@ -99,7 +99,11 @@ export const UserStore = defineStore('user', {
         return res
       }
       if (getQueryString('code') && getQueryString('state')?.includes('oauth2_state')) {
-        const logout_url = location.origin + location.pathname + '#/login'
+        const currentPath = getCurrentRouter()
+        let logout_url = location.origin + location.pathname + '#/login'
+        if (currentPath) {
+          logout_url += `?redirect=${currentPath}`
+        }
         window.location.href = logout_url
         window.open(res, logout_url)
         return logout_url
@@ -135,6 +139,7 @@ export const UserStore = defineStore('user', {
       })
 
       this.setLanguage(this.language)
+      this.platformInfo = wsCache.get('user.platformInfo')
     },
     setToken(token: string) {
       wsCache.set('user.token', token)
diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
index 1373ada5..267e587e 100644
--- a/frontend/src/utils/utils.ts
+++ b/frontend/src/utils/utils.ts
@@ -103,6 +103,29 @@ export const isBtnShow = (val: string) => {
   }
 }
 
+export const toLoginPage = (fullPath: string) => {
+  if (!fullPath || fullPath === '/') {
+    return {
+      path: '/login',
+    }
+  }
+  return {
+    path: '/login',
+    query: { redirect: fullPath },
+  }
+}
+
+export const toLoginSuccess = (router: any) => {
+  const redirect = router?.currentRoute?.value?.query?.redirect
+  const redirectPath = Array.isArray(redirect) ? redirect[0] : redirect || '/chat'
+  router.push(redirectPath as string)
+}
+export const getCurrentRouter = () => {
+  const hash = location.hash
+  if (!hash) return null
+  return hash.replace('#/login?redirect=', '')
+}
+
 export const setTitle = (title?: string) => {
   document.title = title || 'SQLBot'
 }
diff --git a/frontend/src/views/chat/preview.vue b/frontend/src/views/chat/preview.vue
index 48235d68..e4779404 100644
--- a/frontend/src/views/chat/preview.vue
+++ b/frontend/src/views/chat/preview.vue
@@ -1,6 +1,8 @@
 <template>
   <div v-loading="divLoading" class="sqlbot-embedded-assistant-page">
+    <error-page v-if="inIframe" :title="t('embedded.preview_error')" />
     <chat-component
+      v-else
       :welcome="customSet.welcome"
       :welcome-desc="customSet.welcome_desc"
       :logo-assistant="logo"
@@ -11,9 +13,10 @@
 </template>
 <script setup lang="ts">
 import ChatComponent from '@/views/chat/index.vue'
-import { nextTick, onMounted, reactive, ref } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-
+import ErrorPage from '@/views/error/index.vue'
+import { isInIframe } from '@/utils/utils'
 const { t } = useI18n()
 //const chatRef = ref()
 
@@ -25,9 +28,10 @@ const customSet = reactive({
   header_font_color: '#1F2329',
 }) as { [key: string]: any }
 const logo = ref()
-
 const divLoading = ref(true)
 
+const inIframe = computed(() => isInIframe())
+
 onMounted(() => {
   nextTick(() => {
     setTimeout(() => {
diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 85ee42e6..989e0a48 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -85,6 +85,7 @@ import login_image from '@/assets/embedded/login_image.png'
 import { useAppearanceStoreWithOut } from '@/stores/appearance'
 import loginImage from '@/assets/blue/login-image_blue.png'
 import Handler from './xpack/Handler.vue'
+import { toLoginSuccess } from '@/utils/utils'
 
 const showLoading = ref(true)
 const router = useRouter()
@@ -118,7 +119,7 @@ const submitForm = () => {
   loginFormRef.value.validate((valid: boolean) => {
     if (valid) {
       userStore.login(loginForm.value).then(() => {
-        router.push('/chat')
+        toLoginSuccess(router)
       })
     }
   })