From 7b51d08ea527abc74a4cdaafc0d60eb8a7e5cc93 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Wed, 19 Mar 2025 15:31:27 +0800
Subject: [PATCH] feat: Add mobile mode to the conversation, support
 ctrl/shift/cmd/opt+enter for new line (#2615)

---
 ui/src/assets/window3.png                     | Bin 0 -> 9354 bytes
 .../component/chat-input-operate/index.vue    |  12 +-
 ui/src/components/ai-chat/index.vue           |  18 +-
 ui/src/locales/lang/en-US/ai-chat.ts          |   2 +-
 .../lang/en-US/views/application-overview.ts  |   3 +-
 ui/src/locales/lang/zh-CN/ai-chat.ts          |   2 +-
 .../lang/zh-CN/views/application-overview.ts  |   3 +-
 ui/src/locales/lang/zh-Hant/ai-chat.ts        |   2 +-
 .../zh-Hant/views/application-overview.ts     |   3 +-
 .../component/EmbedDialog.vue                 |  38 +-
 ui/src/views/chat/index.vue                   |   6 +-
 ui/src/views/chat/mobile/index.vue            | 400 ++++++++++++++++++
 ui/src/views/hit-test/index.vue               |  23 +-
 13 files changed, 486 insertions(+), 26 deletions(-)
 create mode 100644 ui/src/assets/window3.png
 create mode 100644 ui/src/views/chat/mobile/index.vue

diff --git a/ui/src/assets/window3.png b/ui/src/assets/window3.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c2a3a563f2a9ba72e7f115841bb17d864410959
GIT binary patch
literal 9354
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
Eg24~~L;wH)

literal 0
HcmV?d00001

diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index b78d9caf4..14e185a69 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -525,8 +525,8 @@ function autoSendMessage() {
 }
 
 function sendChatHandle(event?: any) {
-  if (!event?.ctrlKey) {
-    // 如果没有按下组合键ctrl，则会阻止默认事件
+  if (!event?.ctrlKey && !event?.shiftKey && !event?.altKey && !event?.metaKey) {
+    // 如果没有按下组合键，则会阻止默认事件
     event?.preventDefault()
     if (!isDisabledChat.value && !props.loading && !event?.isComposing) {
       if (inputValue.value.trim()) {
@@ -534,14 +534,16 @@ function sendChatHandle(event?: any) {
       }
     }
   } else {
-    // 如果同时按下ctrl+回车键，则会换行
-    insertNewlineAtCursor()
+    // 如果同时按下ctrl/shift/cmd/opt +enter，则会换行
+    insertNewlineAtCursor(event)
   }
 }
-const insertNewlineAtCursor = () => {
+const insertNewlineAtCursor = (event?: any) => {
   const textarea = document.querySelector('.el-textarea__inner') as HTMLTextAreaElement
   const startPos = textarea.selectionStart
   const endPos = textarea.selectionEnd
+  // 阻止默认行为（避免额外的换行符）
+  event.preventDefault()
   // 在光标处插入换行符
   inputValue.value = inputValue.value.slice(0, startPos) + '\n' + inputValue.value.slice(endPos)
   nextTick(() => {
diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 6174e18bb..24e8c71ec 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="type">
     <div
-      v-show="(isUserInput && firsUserInput) || showUserInput"
+      v-show="showUserInputContent"
       :class="firsUserInput ? 'firstUserInput' : 'popperUserInput'"
     >
       <UserForm
@@ -15,7 +15,7 @@
         ref="userFormRef"
       ></UserForm>
     </div>
-    <template v-if="!isUserInput || !firsUserInput">
+    <template v-if="!isUserInput || !firsUserInput || type === 'log'">
       <el-scrollbar ref="scrollDiv" @scroll="handleScrollTop">
         <div ref="dialogScrollbar" class="ai-chat__content p-24">
           <PrologueContent
@@ -62,7 +62,13 @@
             <slot name="operateBefore">
               <span></span>
             </slot>
-            <el-button class="user-input-button mb-8" type="primary" text @click="toggleUserInput">
+            <el-button
+              v-if="isUserInput"
+              class="user-input-button mb-8"
+              type="primary"
+              text
+              @click="toggleUserInput"
+            >
               <AppIcon iconName="app-user-input"></AppIcon>
             </el-button>
           </div>
@@ -114,7 +120,7 @@ const props = withDefaults(
 const emit = defineEmits(['refresh', 'scroll'])
 const { application, common } = useStore()
 const isMobile = computed(() => {
-  return common.isMobile() || mode === 'embed'
+  return common.isMobile() || mode === 'embed' || mode === 'mobile'
 })
 const aiChatRef = ref()
 const scrollDiv = ref()
@@ -135,7 +141,9 @@ const isUserInput = computed(
     props.applicationDetails.work_flow?.nodes?.filter((v: any) => v.id === 'base-node')[0]
       .properties.user_input_field_list.length > 0
 )
-
+const showUserInputContent = computed(() => {
+  return ((isUserInput.value && firsUserInput.value) || showUserInput.value) && props.type !== 'log'
+})
 watch(
   () => props.chatId,
   (val) => {
diff --git a/ui/src/locales/lang/en-US/ai-chat.ts b/ui/src/locales/lang/en-US/ai-chat.ts
index 3b2204cc0..01c5c3c67 100644
--- a/ui/src/locales/lang/en-US/ai-chat.ts
+++ b/ui/src/locales/lang/en-US/ai-chat.ts
@@ -48,7 +48,7 @@ export default {
   inputPlaceholder: {
     speaking: 'Speaking...',
     recorderLoading: 'Transcribing...',
-    default: 'Type your question, Ctrl+Enter for a new line'
+    default: 'Type your question'
   },
   uploadFile: {
     label: 'Upload File',
diff --git a/ui/src/locales/lang/en-US/views/application-overview.ts b/ui/src/locales/lang/en-US/views/application-overview.ts
index 46d4af045..7580cdd53 100644
--- a/ui/src/locales/lang/en-US/views/application-overview.ts
+++ b/ui/src/locales/lang/en-US/views/application-overview.ts
@@ -41,7 +41,8 @@ export default {
     EmbedDialog: {
       fullscreenModeTitle: 'Fullscreen Mode',
       copyInstructions: 'Copy the code below to embed',
-      floatingModeTitle: 'Floating Mode'
+      floatingModeTitle: 'Floating Mode',
+      mobileModeTitle: 'Mobile Mode'
     },
     LimitDialog: {
       dialogTitle: 'Access Restrictions',
diff --git a/ui/src/locales/lang/zh-CN/ai-chat.ts b/ui/src/locales/lang/zh-CN/ai-chat.ts
index 913ebb345..9277762c8 100644
--- a/ui/src/locales/lang/zh-CN/ai-chat.ts
+++ b/ui/src/locales/lang/zh-CN/ai-chat.ts
@@ -48,7 +48,7 @@ export default {
   inputPlaceholder: {
     speaking: '说话中',
     recorderLoading: '转文字中',
-    default: '请输入问题，Ctrl+Enter 换行'
+    default: '请输入问题'
   },
   uploadFile: {
     label: '上传文件',
diff --git a/ui/src/locales/lang/zh-CN/views/application-overview.ts b/ui/src/locales/lang/zh-CN/views/application-overview.ts
index 0a73982e6..5c23f9ee3 100644
--- a/ui/src/locales/lang/zh-CN/views/application-overview.ts
+++ b/ui/src/locales/lang/zh-CN/views/application-overview.ts
@@ -40,7 +40,8 @@ export default {
     EmbedDialog: {
       fullscreenModeTitle: '全屏模式',
       copyInstructions: '复制以下代码进行嵌入',
-      floatingModeTitle: '浮窗模式'
+      floatingModeTitle: '浮窗模式',
+      mobileModeTitle: '移动端模式'
     },
     LimitDialog: {
       showSourceLabel: '显示知识来源',
diff --git a/ui/src/locales/lang/zh-Hant/ai-chat.ts b/ui/src/locales/lang/zh-Hant/ai-chat.ts
index 660fb0d0d..df43dd6f8 100644
--- a/ui/src/locales/lang/zh-Hant/ai-chat.ts
+++ b/ui/src/locales/lang/zh-Hant/ai-chat.ts
@@ -48,7 +48,7 @@ export default {
   inputPlaceholder: {
     speaking: '說話中',
     recorderLoading: '轉文字中',
-    default: '請輸入問題，Ctrl+Enter 換行'
+    default: '請輸入問題'
   },
   uploadFile: {
     label: '上傳文件',
diff --git a/ui/src/locales/lang/zh-Hant/views/application-overview.ts b/ui/src/locales/lang/zh-Hant/views/application-overview.ts
index bbad611b8..c402d9de3 100644
--- a/ui/src/locales/lang/zh-Hant/views/application-overview.ts
+++ b/ui/src/locales/lang/zh-Hant/views/application-overview.ts
@@ -39,7 +39,8 @@ export default {
     EmbedDialog: {
       fullscreenModeTitle: '全螢幕模式',
       copyInstructions: '複製以下程式碼進行嵌入',
-      floatingModeTitle: '浮窗模式'
+      floatingModeTitle: '浮窗模式',
+      mobileModeTitle: '移動端模式'
     },
     LimitDialog: {
       dialogTitle: '訪問限制',
diff --git a/ui/src/views/application-overview/component/EmbedDialog.vue b/ui/src/views/application-overview/component/EmbedDialog.vue
index b510052b8..8aaf4a9bc 100644
--- a/ui/src/views/application-overview/component/EmbedDialog.vue
+++ b/ui/src/views/application-overview/component/EmbedDialog.vue
@@ -7,8 +7,9 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
+  
     <el-row :gutter="12">
-      <el-col :span="12">
+      <el-col :span="8">
         <div class="border">
           <p class="title p-16 bold">
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }}
@@ -31,7 +32,30 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="12">
+      <el-col :span="8">
+        <div class="border">
+          <p class="title p-16 bold">
+            {{ $t('views.applicationOverview.appInfo.EmbedDialog.mobileModeTitle') }}
+          </p>
+          <img src="@/assets/window3.png" alt="" class="ml-8" height="150" />
+          <div class="code layout-bg border-t p-8">
+            <div class="flex-between p-8">
+              <span class="bold">{{
+                $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
+              }}</span>
+              <el-button text @click="copyClick(source3)">
+                <AppIcon iconName="app-copy"></AppIcon>
+              </el-button>
+            </div>
+            <el-scrollbar height="150" always>
+              <div class="pre-wrap p-8 pt-0">
+                {{ source3 }}
+              </div>
+            </el-scrollbar>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
         <div class="border">
           <p class="title p-16 bold">
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }}
@@ -76,6 +100,7 @@ const dialogVisible = ref<boolean>(false)
 const source1 = ref('')
 
 const source2 = ref('')
+const source3 = ref('')
 
 const urlParams1 = computed(() => (props.apiInputParams ? '?' + props.apiInputParams : ''))
 const urlParams2 = computed(() => (props.apiInputParams ? '&' + props.apiInputParams : ''))
@@ -84,6 +109,7 @@ watch(dialogVisible, (bool) => {
   if (!bool) {
     source1.value = ''
     source2.value = ''
+    source3.value = ''
   }
 })
 
@@ -105,6 +131,14 @@ src="${window.location.origin}/api/application/embed?protocol=${window.location.
   )}&host=${window.location.host}&token=${val}${urlParams2.value}">
 <\/script>
 `
+ source3.value = `<iframe
+src="${application.location + val + urlParams1.value}&mode=mobile"
+style="width: 100%; height: 100%;"
+frameborder="0"
+allow="microphone">
+</iframe>
+`
+
   dialogVisible.value = true
 }
 
diff --git a/ui/src/views/chat/index.vue b/ui/src/views/chat/index.vue
index 71b5cc314..d2fd0ed60 100644
--- a/ui/src/views/chat/index.vue
+++ b/ui/src/views/chat/index.vue
@@ -41,10 +41,10 @@ const {
 const is_auth = ref<boolean>(false)
 const currentTemplate = computed(() => {
   let modeName = ''
-  if (mode && mode === 'embed') {
-    modeName = 'embed'
-  } else {
+  if (!mode || mode === 'pc') {
     modeName = show_history.value || !user.isEnterprise() ? 'pc' : 'base'
+  } else {
+    modeName = mode
   }
   const name = `/src/views/chat/${modeName}/index.vue`
   return components[name].default
diff --git a/ui/src/views/chat/mobile/index.vue b/ui/src/views/chat/mobile/index.vue
new file mode 100644
index 000000000..4718a1975
--- /dev/null
+++ b/ui/src/views/chat/mobile/index.vue
@@ -0,0 +1,400 @@
+<template>
+  <div
+    class="chat-embed layout-bg"
+    v-loading="loading"
+    :style="{
+      '--el-color-primary': applicationDetail?.custom_theme?.theme_color,
+      '--el-color-primary-light-9': hexToRgba(applicationDetail?.custom_theme?.theme_color, 0.1)
+    }"
+  >
+    <div class="chat-embed__header" :style="customStyle">
+      <div class="flex align-center">
+        <div class="mr-12 ml-24 flex">
+          <AppAvatar
+            v-if="isAppIcon(applicationDetail?.icon)"
+            shape="square"
+            :size="32"
+            style="background: none"
+          >
+            <img :src="applicationDetail?.icon" alt="" />
+          </AppAvatar>
+          <AppAvatar
+            v-else-if="applicationDetail?.name"
+            :name="applicationDetail?.name"
+            pinyinColor
+            shape="square"
+            :size="32"
+          />
+        </div>
+
+        <h4>{{ applicationDetail?.name }}</h4>
+      </div>
+    </div>
+    <div>
+      <div class="chat-embed__main">
+        <AiChat
+          ref="AiChatRef"
+          v-model:applicationDetails="applicationDetail"
+          :available="applicationAvailable"
+          :appId="applicationDetail?.id"
+          :record="currentRecordList"
+          :chatId="currentChatId"
+          type="ai-chat"
+          @refresh="refresh"
+          @scroll="handleScroll"
+          class="AiChat-embed"
+        >
+          <template #operateBefore>
+            <div>
+              <el-button type="primary" link class="new-chat-button mb-8" @click="newChat">
+                <el-icon><Plus /></el-icon><span class="ml-4">{{ $t('chat.createChat') }}</span>
+              </el-button>
+            </div>
+          </template>
+        </AiChat>
+      </div>
+
+      <!-- 历史记录弹出层 -->
+      <div
+        v-if="applicationDetail.show_history || !user.isEnterprise()"
+        @click.prevent.stop="show = !show"
+        class="chat-popover-button cursor color-secondary"
+      >
+        <AppIcon
+          iconName="app-history-outlined"
+          :style="{
+            color: applicationDetail?.custom_theme?.header_font_color
+          }"
+        ></AppIcon>
+      </div>
+
+      <el-collapse-transition>
+        <div v-show="show" class="chat-popover w-full" v-click-outside="clickoutside">
+          <div class="border-b p-16-24">
+            <span>{{ $t('chat.history') }}</span>
+          </div>
+
+          <el-scrollbar max-height="300">
+            <div class="p-8">
+              <common-list
+                :style="{ '--el-color-primary': applicationDetail?.custom_theme?.theme_color }"
+                :data="chatLogData"
+                v-loading="left_loading"
+                :defaultActive="currentChatId"
+                @click="clickListHandle"
+                @mouseenter="mouseenter"
+                @mouseleave="mouseId = ''"
+              >
+                <template #default="{ row }">
+                  <div class="flex-between">
+                    <ReadWrite
+                      @change="editName($event, row)"
+                      :data="row.abstract"
+                      trigger="manual"
+                      :write="row.writeStatus"
+                      @close="closeWrite(row)"
+                      :maxlength="1024"
+                    />
+                    <div
+                      @click.stop
+                      v-if="mouseId === row.id && row.id !== 'new' && !row.writeStatus"
+                      class="flex"
+                    >
+                      <el-button style="padding: 0" link @click.stop="openWrite(row)">
+                        <el-icon><EditPen /></el-icon>
+                      </el-button>
+                      <el-button style="padding: 0" link @click.stop="deleteLog(row)">
+                        <el-icon><Delete /></el-icon>
+                      </el-button>
+                    </div>
+                  </div>
+                </template>
+                <template #empty>
+                  <div class="text-center mt-24">
+                    <el-text type="info">{{ $t('chat.noHistory') }}</el-text>
+                  </div>
+                </template>
+              </common-list>
+            </div>
+            <div v-if="chatLogData.length" class="gradient-divider lighter mt-8">
+              <span>{{ $t('chat.only20history') }}</span>
+            </div>
+          </el-scrollbar>
+        </div>
+      </el-collapse-transition>
+      <div class="chat-popover-mask" v-show="show"></div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, reactive, nextTick, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { isAppIcon } from '@/utils/application'
+import { hexToRgba } from '@/utils/theme'
+import { MsgError } from '@/utils/message'
+import useStore from '@/stores'
+import { t } from '@/locales'
+const { user, log } = useStore()
+
+const AiChatRef = ref()
+const loading = ref(false)
+const left_loading = ref(false)
+const chatLogData = ref<any[]>([])
+const show = ref(false)
+const props = defineProps<{
+  application_profile: any
+  applicationAvailable: boolean
+}>()
+const applicationDetail = computed({
+  get: () => {
+    return props.application_profile
+  },
+  set: (v) => {}
+})
+const paginationConfig = reactive({
+  current_page: 1,
+  page_size: 20,
+  total: 0
+})
+
+const currentRecordList = ref<any>([])
+const currentChatId = ref('new') // 当前历史记录Id 默认为'new'
+
+const mouseId = ref('')
+
+const customStyle = computed(() => {
+  return {
+    background: applicationDetail.value?.custom_theme?.theme_color,
+    color: applicationDetail.value?.custom_theme?.header_font_color
+  }
+})
+
+function editName(val: string, item: any) {
+  if (val) {
+    const obj = {
+      abstract: val
+    }
+
+    log.asyncPutChatClientLog(applicationDetail.value.id, item.id, obj, loading).then(() => {
+      const find = chatLogData.value.find((item: any) => item.id == item.id)
+      if (find) {
+        find.abstract = val
+      }
+      item['writeStatus'] = false
+    })
+  } else {
+    MsgError(t('views.applicationWorkflow.tip.nameMessage'))
+  }
+}
+
+function openWrite(item: any) {
+  item['writeStatus'] = true
+}
+
+function closeWrite(item: any) {
+  item['writeStatus'] = false
+}
+
+function mouseenter(row: any) {
+  mouseId.value = row.id
+}
+function deleteLog(row: any) {
+  log.asyncDelChatClientLog(applicationDetail.value.id, row.id, left_loading).then(() => {
+    if (currentChatId.value === row.id) {
+      currentChatId.value = 'new'
+      paginationConfig.current_page = 1
+      paginationConfig.total = 0
+      currentRecordList.value = []
+    }
+    getChatLog(applicationDetail.value.id)
+  })
+}
+
+function handleScroll(event: any) {
+  if (
+    currentChatId.value !== 'new' &&
+    event.scrollTop === 0 &&
+    paginationConfig.total > currentRecordList.value.length
+  ) {
+    const history_height = event.dialogScrollbar.offsetHeight
+    paginationConfig.current_page += 1
+    getChatRecord().then(() => {
+      event.scrollDiv.setScrollTop(event.dialogScrollbar.offsetHeight - history_height)
+    })
+  }
+}
+
+function clickoutside() {
+  show.value = false
+}
+
+function newChat() {
+  paginationConfig.current_page = 1
+  currentRecordList.value = []
+  currentChatId.value = 'new'
+}
+
+function getChatLog(id: string) {
+  const page = {
+    current_page: 1,
+    page_size: 20
+  }
+
+  log.asyncGetChatLogClient(id, page, left_loading).then((res: any) => {
+    chatLogData.value = res.data.records
+    paginationConfig.current_page = 1
+    paginationConfig.total = 0
+    currentRecordList.value = []
+    currentChatId.value = chatLogData.value?.[0]?.id || 'new'
+    if (currentChatId.value !== 'new') {
+      getChatRecord()
+    }
+  })
+}
+
+function getChatRecord() {
+  return log
+    .asyncChatRecordLog(
+      applicationDetail.value.id,
+      currentChatId.value,
+      paginationConfig,
+      loading,
+      false
+    )
+    .then((res: any) => {
+      paginationConfig.total = res.data.total
+      const list = res.data.records
+      list.map((v: any) => {
+        v['write_ed'] = true
+        v['record_id'] = v.id
+      })
+      currentRecordList.value = [...list, ...currentRecordList.value].sort((a, b) =>
+        a.create_time.localeCompare(b.create_time)
+      )
+      if (paginationConfig.current_page === 1) {
+        nextTick(() => {
+          // 将滚动条滚动到最下面
+          AiChatRef.value.setScrollBottom()
+        })
+      }
+    })
+}
+
+const clickListHandle = (item: any) => {
+  if (item.id !== currentChatId.value) {
+    paginationConfig.current_page = 1
+    currentRecordList.value = []
+    currentChatId.value = item.id
+    if (currentChatId.value !== 'new') {
+      getChatRecord()
+    }
+    show.value = false
+  }
+}
+
+function refresh(id: string) {
+  getChatLog(applicationDetail.value.id)
+  currentChatId.value = id
+}
+/**
+ *初始化历史对话记录
+ */
+const init = () => {
+  if (applicationDetail.value.show_history || !user.isEnterprise()) {
+    getChatLog(applicationDetail.value.id)
+  }
+}
+
+onMounted(() => {
+  init()
+})
+</script>
+<style lang="scss">
+.chat-embed {
+  overflow: hidden;
+  &__header {
+    background: var(--app-header-bg-color);
+    position: fixed;
+    width: 100%;
+    left: 0;
+    top: 0;
+    z-index: 100;
+    height: var(--app-header-height);
+    line-height: var(--app-header-height);
+    box-sizing: border-box;
+    border-bottom: 1px solid var(--el-border-color);
+  }
+  &__main {
+    padding-top: calc(var(--app-header-height) + 24px);
+    height: calc(100vh - var(--app-header-height) - 24px);
+    overflow: hidden;
+  }
+  .new-chat-button {
+    z-index: 11;
+  }
+  // 历史对话弹出层
+  .chat-popover {
+    position: absolute;
+    top: var(--app-header-height);
+    background: #ffffff;
+    padding-bottom: 24px;
+    z-index: 2009;
+  }
+  .chat-popover-button {
+    z-index: 2009;
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    font-size: 22px;
+  }
+  // &.chat-embed--popup {
+  //   .chat-popover-button {
+  //     right: 85px;
+  //   }
+  // }
+  .chat-popover-mask {
+    background-color: var(--el-overlay-color-lighter);
+    bottom: 0;
+    height: 100%;
+    left: 0;
+    overflow: auto;
+    position: fixed;
+    right: 0;
+    top: var(--app-header-height);
+    z-index: 2008;
+  }
+  .gradient-divider {
+    position: relative;
+    text-align: center;
+    color: var(--el-color-info);
+    ::before {
+      content: '';
+      width: 17%;
+      height: 1px;
+      background: linear-gradient(90deg, rgba(222, 224, 227, 0) 0%, #dee0e3 100%);
+      position: absolute;
+      left: 16px;
+      top: 50%;
+    }
+    ::after {
+      content: '';
+      width: 17%;
+      height: 1px;
+      background: linear-gradient(90deg, #dee0e3 0%, rgba(222, 224, 227, 0) 100%);
+      position: absolute;
+      right: 16px;
+      top: 50%;
+    }
+  }
+  .AiChat-embed {
+    .ai-chat__operate {
+      padding-top: 12px;
+    }
+  }
+}
+</style>
+<style lang="scss" scoped>
+:deep(.el-overlay) {
+  background-color: transparent;
+}
+</style>
diff --git a/ui/src/views/hit-test/index.vue b/ui/src/views/hit-test/index.vue
index b1707e2d0..e2c4bf6da 100644
--- a/ui/src/views/hit-test/index.vue
+++ b/ui/src/views/hit-test/index.vue
@@ -218,7 +218,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { reactive, ref, onMounted, computed } from 'vue'
+import { nextTick, ref, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { cloneDeep } from 'lodash'
 import datasetApi from '@/api/dataset'
@@ -285,17 +285,30 @@ function editParagraph(row: any) {
 }
 
 function sendChatHandle(event: any) {
-  if (!event.ctrlKey) {
-    // 如果没有按下组合键ctrl，则会阻止默认事件
+  if (!event?.ctrlKey && !event?.shiftKey && !event?.altKey && !event?.metaKey) {
+    // 如果没有按下组合键，则会阻止默认事件
     event.preventDefault()
     if (!isDisabledChart.value && !loading.value) {
       getHitTestList()
     }
   } else {
-    // 如果同时按下ctrl+回车键，则会换行
-    inputValue.value += '\n'
+    // 如果同时按下ctrl/shift/cmd/opt +enter，则会换行
+    insertNewlineAtCursor(event)
   }
 }
+const insertNewlineAtCursor = (event?: any) => {
+  const textarea = document.querySelector('.el-textarea__inner') as HTMLTextAreaElement
+  const startPos = textarea.selectionStart
+  const endPos = textarea.selectionEnd
+  // 阻止默认行为（避免额外的换行符）
+  event.preventDefault()
+  // 在光标处插入换行符
+  inputValue.value = inputValue.value.slice(0, startPos) + '\n' + inputValue.value.slice(endPos)
+  nextTick(() => {
+    textarea.setSelectionRange(startPos + 1, startPos + 1) // 光标定位到换行后位置
+  })
+}
+
 function getHitTestList() {
   const obj = {
     query_text: inputValue.value,