perf: chat share (#4806)

* perf: chat share

* fix: Range error

* fix: update imports for BaseMessage and message types from langchain_core

* fix: update django dependency to version 5.2.11

* fix: enhance tool result handling for various content types

* dep: upgrade PostgreSQL from 17.6 to 17.7.

* refactor: set --timeout to 30s.

* build(deps): bump pypdf in the pip group across 1 directory

Bumps the pip group with 1 update in the / directory: [pypdf](https://github.com/py-pdf/pypdf).


Updates `pypdf` from 6.6.2 to 6.7.1
- [Release notes](https://github.com/py-pdf/pypdf/releases)
- [Changelog](https://github.com/py-pdf/pypdf/blob/main/CHANGELOG.md)
- [Commits](py-pdf/pypdf@6.6.2...6.7.1)

---
updated-dependencies:
- dependency-name: pypdf
  dependency-version: 6.7.1
  dependency-type: direct:production
  dependency-group: pip
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(deps): update langchain and related dependencies to latest versions

* refactor: move chat share endpoints to chat API routes and remove workspace_id from share-link flow

* feat: share chat

* feat: chat share

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Co-authored-by: zhangzhanwei <zhanwei.zhang@fit2cloud.com>
Co-authored-by: CaptainB <bin@fit2cloud.com>
Co-authored-by: liqiang-fit2cloud <liqiang@fit2cloud.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: 6 people

ui/src/api/chat/chat.ts

@@ -1,4 +1,4 @@
-import {Result} from '@/request/Result'
+import { Result } from '@/request/Result'
 import {
   get,
   post,
@@ -9,17 +9,17 @@ import {
   download,
   exportFile,
 } from '@/request/chat/index'
-import {type ChatProfile} from '@/api/type/chat'
-import {type Ref} from 'vue'
-import type {ResetPasswordRequest} from '@/api/type/user.ts'
+import { type ChatProfile } from '@/api/type/chat'
+import { type Ref } from 'vue'
+import type { ResetPasswordRequest } from '@/api/type/user.ts'
 
 import useStore from '@/stores'
-import type {LoginRequest} from '@/api/type/user'
+import type { LoginRequest } from '@/api/type/user'
 
-const prefix: any = {_value: '/workspace/'}
+const prefix: any = { _value: '/workspace/' }
 Object.defineProperty(prefix, 'value', {
   get: function () {
-    const {user} = useStore()
+    const { user } = useStore()
     return this._value + user.getWorkspaceId() + '/application'
   },
 })
@@ -51,7 +51,7 @@ const chatProfile: (assessToken: string, loading?: Ref<boolean>) => Promise<Resu
   assessToken,
   loading,
 ) => {
-  return get('/profile', {access_token: assessToken}, loading)
+  return get('/profile', { access_token: assessToken }, loading)
 }
 /**
  * 匿名认证
@@ -63,7 +63,7 @@ const anonymousAuthentication: (
   assessToken: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (assessToken, loading) => {
-  return post('/auth/anonymous', {access_token: assessToken}, {}, loading)
+  return post('/auth/anonymous', { access_token: assessToken }, {}, loading)
 }
 /**
  * 密码认证
@@ -77,7 +77,7 @@ const passwordAuthentication: (
   password: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (assessToken, password, loading) => {
-  return post('auth/password', {access_token: assessToken, password: password}, {}, loading)
+  return post('auth/password', { access_token: assessToken, password: password }, {}, loading)
 }
 /**
  * 获取应用相关信息
@@ -115,8 +115,12 @@ const ldapLogin: (
  * @param username
  * @param loading 接口加载器
  */
-const getCaptcha: (username?: string, accessToken?: string, loading?: Ref<boolean>) => Promise<Result<any>> = (username, accessToken, loading) => {
-  return get('/captcha', {username: username, accessToken: accessToken}, loading)
+const getCaptcha: (
+  username?: string,
+  accessToken?: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (username, accessToken, loading) => {
+  return get('/captcha', { username: username, accessToken: accessToken }, loading)
 }
 
 /**
@@ -130,35 +134,35 @@ const getQrSource: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading)
   return get('auth/qr_type/source', undefined, loading)
 }
 
-const getDingCallback: (code: string, accessToken: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
-  code,
-  accessToken,
-  loading,
-) => {
-  return get('auth/dingtalk', {code, accessToken: accessToken}, loading)
+const getDingCallback: (
+  code: string,
+  accessToken: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (code, accessToken, loading) => {
+  return get('auth/dingtalk', { code, accessToken: accessToken }, loading)
 }
 
-const getDingOauth2Callback: (code: string, accessToken: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
-  code,
-  accessToken,
-  loading,
-) => {
-  return get('auth/dingtalk/oauth2', {code, accessToken: accessToken}, loading)
+const getDingOauth2Callback: (
+  code: string,
+  accessToken: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (code, accessToken, loading) => {
+  return get('auth/dingtalk/oauth2', { code, accessToken: accessToken }, loading)
 }
 
-const getWecomCallback: (code: string, accessToken: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
-  code,
-  accessToken,
-  loading,
-) => {
-  return get('auth/wecom', {code, accessToken: accessToken}, loading)
+const getWecomCallback: (
+  code: string,
+  accessToken: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (code, accessToken, loading) => {
+  return get('auth/wecom', { code, accessToken: accessToken }, loading)
 }
-const getLarkCallback: (code: string, accessToken: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
-  code,
-  accessToken,
-  loading,
-) => {
-  return get('auth/lark/oauth2', {code, accessToken: accessToken}, loading)
+const getLarkCallback: (
+  code: string,
+  accessToken: string,
+  loading?: Ref<boolean>,
+) => Promise<Result<any>> = (code, accessToken, loading) => {
+  return get('auth/lark/oauth2', { code, accessToken: accessToken }, loading)
 }
 
 /**
@@ -185,19 +189,20 @@ const vote: (
   vote_reason?: string,
   vote_other_content?: string,
   loading?: Ref<boolean>,
-) => Promise<Result<boolean>> = (chat_id, chat_record_id, vote_status, vote_reason, vote_other_content, loading) => {
-  
-  const data = {
+) => Promise<Result<boolean>> = (
+  chat_id,
+  chat_record_id,
   vote_status,
-  ...(vote_reason !== undefined && { vote_reason }),
-  ...(vote_other_content !== undefined && { vote_other_content })
-}
-  return put(
-    `/vote/chat/${chat_id}/chat_record/${chat_record_id}`,
-    data,
-    undefined,
-    loading,
-  )
+  vote_reason,
+  vote_other_content,
+  loading,
+) => {
+  const data = {
+    vote_status,
+    ...(vote_reason !== undefined && { vote_reason }),
+    ...(vote_other_content !== undefined && { vote_other_content }),
+  }
+  return put(`/vote/chat/${chat_id}/chat_record/${chat_record_id}`, data, undefined, loading)
 }
 const pageChat: (
   current_page: number,
@@ -292,9 +297,7 @@ const deleteChat: (chat_id: string, loading?: Ref<boolean>) => Promise<Result<an
  * @param loading
  * @returns
  */
-const clearChat: (loading?: Ref<boolean>) => Promise<Result<any>> = (
-  loading
-) => {
+const clearChat: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
   return del(`historical_conversation/clear`, undefined, undefined, loading)
 }
 /**
@@ -339,9 +342,32 @@ const postUploadFile: (
   return post(`/oss/file`, fd, undefined, loading)
 }
 
-const getFile: (application_id: string, params: any) => Promise<Result<any>> = (application_id, params) => {
+const getFile: (application_id: string, params: any) => Promise<Result<any>> = (
+  application_id,
+  params,
+) => {
   return get(`/oss/get_url/${application_id}`, params)
 }
+
+/**
+ * 生成分享链接
+ * @param 参数
+ * chat_id: string
+ * data
+ */
+const postShareChat: (
+  application_id: string,
+  chat_id: string,
+  data: any,
+  loading?: Ref<boolean>,
+) => Promise<any> = (application_id, chat_id, data, loading) => {
+  return post(`/${application_id}/chat/${chat_id}/share_chat`, data, undefined, loading)
+}
+
+const getShareLink: (link: string) => Promise<Result<any>> = (link) => {
+  return get(`/share/${link}`, undefined)
+}
+
 export default {
   open,
   chat,
@@ -372,5 +398,7 @@ export default {
   clearChat,
   modifyChat,
   postUploadFile,
-  getFile
+  getFile,
+  postShareChat,
+  getShareLink,
 }

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="item-content mb-16 lighter">
+  <div class="item-content lighter">
     <template v-for="(answer_text, index) in answer_text_list" :key="index">
       <div class="avatar mr-8" v-if="showAvatar">
         <img v-if="application.avatar" :src="application.avatar" height="28px" width="28px" />
@@ -12,7 +12,7 @@
           'padding-right': showUserAvatar ? 'var(--padding-left)' : '0',
         }"
       >
-        <el-card shadow="always" class="mb-8 border-r-8" style="--el-card-padding: 6px 16px">
+        <el-card shadow="always" class="border-r-8" style="--el-card-padding: 6px 16px">
           <MdRenderer
             v-if="
               (chatRecord.write_ed === undefined || chatRecord.write_ed === true) &&
@@ -60,6 +60,7 @@
         'padding-left': showAvatar ? 'var(--padding-left)' : '0',
         'padding-right': showUserAvatar ? 'var(--padding-left)' : '0',
       }"
+      v-if="!selection"
     >
       <OperationButton
         :type="type"
@@ -88,8 +89,9 @@ const props = defineProps<{
   loading: boolean
   sendMessage: (question: string, other_params_data?: any, chat?: chatType) => Promise<boolean>
   chatManagement: any
-  type: 'log' | 'ai-chat' | 'debug-ai-chat'
+  type: 'log' | 'ai-chat' | 'debug-ai-chat' | 'share'
   executionIsRightPanel?: boolean
+  selection?: boolean
 }>()
 
 const emit = defineEmits([