yt-chat-components 1.5.3 → 1.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/public/index.html

@@ -111,8 +111,8 @@
         host-url="https://ai-api.yuntu.cn"
         sign-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/logo.png"
         app-id="5f48c683-38d8-430e-8479-17730a605821"
-        box-style='{"height":"100%","background":"url(https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/system/portal_bg_blue.png) center top / 100% 100% no-repeat"}'
-        is-show-side-right=false
+        box-style='{"height":"100%","minWidth": "1380px","background":"url(https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/system/portal_bg_blue.png) center top / 100% 100% no-repeat"}'
+        is-show-side-right=true
         is-show-side-left=true
         dialog-index="999999999"
         agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/kai_yuan/byz/xinge.png"
@@ -122,7 +122,6 @@
         is-title-side-icon=true
         is-show-upload-button=false
         drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"
-        banner-map='{"a":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/banner.png","b":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/banner.png","c":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/banner.png"}'
         asset-map='{"sendMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/sendMessage.png","stopMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/stopMessage.png","speakUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/speak.png"}'
 />
 </body>

package/src/YtChatView/chatWidget/chatWindow/callInterface/StreamAudioPlayer.tsx

@@ -67,7 +67,7 @@ export class StreamAudioPlayer {
             this.pendingBufferSizeSec += durationSec;
 
             // 如果累计 ≥ 0.5s 才创建 buffer 并推入队列
-            if (this.pendingBufferSizeSec >= 0.5) {
+            if (this.pendingBufferSizeSec >= 0.3) {
                 const totalLength = this.pendingBuffer.reduce((sum, b) => sum + b.length, 0);
                 const mergedChannel = new Float32Array(totalLength);
 

package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx

@@ -23,6 +23,7 @@ import ChatMessagePlaceholder, {ChatMessagePlaceholderInThought} from "../chatPl
 import {UrlCard} from "./urlCard"
 import {CustomThoughtChainItem, CustomThoughtChainProps} from "./CustomThoughtChain";
 import CustomThoughtChain from "./CustomThoughtChain";
+import {isFunction} from "lodash";
 let speechSynth = window.speechSynthesis;
 let utterance = null;
 
@@ -60,7 +61,8 @@ export default function ChatMessage({
   handleSendMessage,
   isLatest,
   key,
-  isShowReadIcon
+  isShowReadIcon,
+  renderInitNode,
 }: ChatMessageType) {
   const parseFileName = (
     text: string,
@@ -167,6 +169,16 @@ export default function ChatMessage({
     }
   }
 
+  const getMessageClassSuffix = () => {
+    if (isFunction(renderInitNode)) {
+      return 'cl-justify-init'
+    }
+    if (isSend) {
+      return 'cl-justify-end';
+    }
+    return 'cl-justify-start';
+  }
+
   const renderUserMessage = () => {
     return (
         <div key={key} style={user_message_style} className="msg_userMessageBox">
@@ -224,6 +236,10 @@ export default function ChatMessage({
     )
   }
 
+  const renderInitMessage = () => {
+    return renderInitNode()
+  }
+
   const renderErrorMessage = () => {
     return (
         <div key={key} style={error_message_style} className={'cl-error_message'}>
@@ -668,6 +684,9 @@ export default function ChatMessage({
   // }
 
   const render = () => {
+    if (isFunction(renderInitNode)) {
+      return renderInitMessage()
+    }
     if (isSend){
       return renderUserMessage()
     }else {
@@ -680,7 +699,7 @@ export default function ChatMessage({
   }
 
   return (
-    <div className={'cl-chat-message ' + (isSend ? ' cl-justify-end' : ' cl-justify-start')}>
+    <div className={'cl-chat-message ' + getMessageClassSuffix()}>
       {
         render()
       }

package/src/YtChatView/chatWidget/chatWindow/controllers/index.ts

@@ -249,11 +249,11 @@ export async function getFlowInfo(baseUrl: string, flowId: string, api_key: stri
   return axios.get(`${baseUrl}/api/t1/flow/detail/${flowId}`,{headers});
 }
 
-export async function getKnowledgeInfo(baseUrl: string, flowId: string, api_key: string) {
+export async function getQaInfo(baseUrl: string, flowId: string, api_key: string) {
   const headers = {
     'Content-Type': 'multipart/form-data',
     'x-api-key': api_key,
     timeout:600000
   };
-  return axios.get(`${baseUrl}/api/t1/knowledge/detail/${flowId}`,{headers});
+  return axios.get(`${baseUrl}/api/t1/qa_doc/find_doc_by_flow_id/${flowId}`,{headers});
 }

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -28,6 +28,7 @@ import {Image, message as messageTip, Tooltip, Typography} from 'antd';
 import {isEmpty, isFunction} from 'lodash';
 import btn_answer from '../../../assets/aicenter/btn_answer.png';
 import {MethodContext} from "../../previewDialogV2";
+import TabSelector from "../../components/TabSelector";
 
 
 let mediaRecorder = null; // 语音对象,用于录音
@@ -89,6 +90,8 @@ export default function ChatWindow({
   isShowReadIcon,
   renderCustomDropDown,
   isTagsHidden,
+  isEnableForV1,
+  questions,
 }: {
   is_enable_call:boolean;
   tags: [];
@@ -138,6 +141,8 @@ export default function ChatWindow({
   isShowReadIcon?:boolean;
   renderCustomDropDown?: Function;
   isTagsHidden?: boolean;
+  isEnableForV1?: boolean;
+  questions?: any[];
 }) {
   const ref = useRef<HTMLDivElement>(null);
   const lastMessage = useRef<HTMLDivElement>(null);
@@ -153,6 +158,7 @@ export default function ChatWindow({
     { file: File; fileUrl: string; fileType: string; fileId: string }[]
   >([]);
   const scrollContainerRef = useRef(null);
+  const sessionIdRef = useRef(null);
   const [showLeftArrow, setShowLeftArrow] = useState(false); // 控制左侧箭头显示
   const [showRightArrow, setShowRightArrow] = useState(false); // 控制右侧箭头显示
   const isStream = true;//是否流式输出（手动开关）
@@ -529,7 +535,7 @@ export default function ChatWindow({
 
       let userInfoClone = {...userInfo};
       if(isEmpty(userInfoClone.code)) {
-        userInfoClone.code = sessionId;
+        userInfoClone.code = sessionIdRef.current;
       }
       const code = userInfoClone['code'] ? userInfoClone['code'] : ""
       const name = userInfoClone['name'] ? userInfoClone['name'] : ""
@@ -573,7 +579,7 @@ export default function ChatWindow({
         message,
         input_type,
         output_type,
-        sessionId,
+        sessionIdRef.current,
         output_component,
         tweaks,
         api_key,
@@ -598,13 +604,13 @@ export default function ChatWindow({
               isSend: false
             });
           }else if (e.name !== 'AbortError') {
-            messageTip.error('网络请求错误，请重试');
+            messageTip.error('当前网络繁忙，请稍后重试');
             // ?????? done
             addMessage({
               messageItemList: [{
                 id:new Date().getTime() + '',
                 name: "AI",
-                message: "网络请求错误，请重试",
+                message: "当前网络繁忙，请稍后重试",
                 type: MessageType.text,
               }],
               isSend: false
@@ -895,9 +901,9 @@ export default function ChatWindow({
     try {
       let userInfoClone = userInfo;
       if(isEmpty(userInfoClone.code)) {
-        userInfoClone.code = sessionId;
+        userInfoClone.code = sessionIdRef.current;
       }
-      const res = await getChatHistory(hostUrl, flowId, sessionId, userInfoClone['code']);
+      const res = await getChatHistory(hostUrl, flowId, sessionIdRef.current, userInfoClone['code']);
       const chatHistory = res.data?.length ? res.data : [];
 
       // 这里是多轮对话全量的信息，应该逐条处理成最终结果
@@ -948,7 +954,30 @@ export default function ChatWindow({
 
       finalChatHistoryList.forEach((item) => {
         addMessage(item)
-      })
+      });
+      if (!isEnableForV1 && !isEmpty(questions)) {
+        addMessage({
+          messageItemList: [],
+          renderInitNode: () => <div style={{minHeight: '365px', width: '100%'}}>
+            {
+                !isEmpty(finalChatHistoryList) && <div style={{display: 'flex', justifyContent: 'center'}}>
+                  <div style={{width: '36px', height: '1px', border: '1px dashed rgb(192, 194, 197)'}}></div>
+                  <div style={{color:'rgb(192, 194, 197)'}}> 以上是历史消息 </div>
+                  <div style={{width: '36px', height: '1px', border: '1px dashed rgb(192, 194, 197)'}}></div>
+                </div>
+            }
+            <TabSelector
+                welcomeWords={`Hi，欢迎使用${window_title}，您可以这样问我:`}
+                handleRowClick={(word) => {
+                  handleSendMessage(word)
+                }}
+                dataList={questions}
+            />
+          </div>,
+          isSend: false,
+          error: false,
+        });
+      }
     } catch (error) {
       console.error("Failed to fetch chat history:", error);
     }
@@ -957,14 +986,18 @@ export default function ChatWindow({
    * 当获取历史记录时（sessindId变化时），清空消息，并添加历史记录
    */
   useEffect(() => {
-    fetchChatHistory().then();
+    // 新组件需要等待预置库信息加载完全来载入初始对话引导，旧组件不用
+    if (!isEnableForV1 && !isEmpty(questions) || isEnableForV1) {
+      sessionIdRef.current = sessionId;
+      fetchChatHistory().then();
 
-    return () => {
-      abortControllerRef.current.abort('disconnect');
-      // abortControllerRef是一次性的，中止之后要初始化，否则fetch请求会被中止导致请求无响应
-      abortControllerRef.current = new AbortController();
-    };
-  }, [sessionId]);
+      return () => {
+        abortControllerRef.current.abort('disconnect');
+        // abortControllerRef是一次性的，中止之后要初始化，否则fetch请求会被中止导致请求无响应
+        abortControllerRef.current = new AbortController();
+      };
+    }
+  }, [sessionId, questions]);
 
   useEffect(() => {
     if (registerChatMethods) {
@@ -999,7 +1032,7 @@ export default function ChatWindow({
    * 对话是否处于活跃状态
    * */
   const isActiveMessage = useCallback(() => {
-    return !!receivingMessageRef.current;
+    return receivingMessageRef.current;
   }, []);
 
   const renderTipsInfo = () => {
@@ -1352,7 +1385,6 @@ export default function ChatWindow({
         </>
     )
   }
-
   return (
       <div
           style={{...chat_window_style, width: width, height: "100%"}}
@@ -1376,7 +1408,10 @@ export default function ChatWindow({
                 }}
             />
             :
-            <div className="cl-middle-container">
+            <div
+                className="cl-middle-container"
+                style={isEnableForV1 ? {paddingLeft: '1.6rem', paddingRight: '1.6rem'} : {}}
+            >
               <div className="cl-header" style={isMobile ? {
                 position: 'absolute',
                 top: 20,
@@ -1421,6 +1456,7 @@ export default function ChatWindow({
                           error={message.error}
                           handleSendMessage={handleSendMessage}
                           isShowReadIcon={isShowReadIcon}
+                          renderInitNode={message.renderInitNode}
                       />
                   ))
                 }

package/src/YtChatView/chatWidget/index.tsx

@@ -52,6 +52,8 @@ export default function ChatWidget({
   isShowReadIcon,
   renderCustomDropDown,
   isTagsHidden,
+  isEnableForV1 = true,
+  questions
 }: {
   is_enable_call:boolean,
   tags: [];
@@ -97,10 +99,11 @@ export default function ChatWidget({
   isShowReadIcon: boolean,
   renderCustomDropDown: Function,
   isTagsHidden: boolean;
+  isEnableForV1: boolean;
+  questions: any[];
 }) {
   const [open, setOpen] = useState(start_open);
   const [messages, setMessages] = useState<ChatMessageType[]>([]);
-  const sessionId = session_id;
 
   function updateLastMessage(message: ChatMessageType) {
     setMessages((prev) => {
@@ -157,7 +160,7 @@ export default function ChatWidget({
         messages={messages}
         triggerRef={triggerRef}
         position={chat_position}
-        sessionId={sessionId}
+        sessionId={session_id}
         additional_headers={additional_headers}
         setDropDownList={setDropDownList}
         dropDownList={dropDownList}
@@ -173,6 +176,8 @@ export default function ChatWidget({
         isShowReadIcon={isShowReadIcon}
         renderCustomDropDown={renderCustomDropDown}
         isTagsHidden={isTagsHidden}
+        isEnableForV1={isEnableForV1}
+        questions={questions}
       />
     </div>
   );

package/src/YtChatView/chatWidget/style.js

@@ -657,7 +657,7 @@ margin-bottom:1rem;
   --tw-bg-opacity: 1;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-top: 0.5rem;
+  // padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -710,6 +710,11 @@ margin-bottom:1rem;
           animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
+.cl-justify-init {
+    justify-content: flex-start;
+    padding-top:0;
+}
+
 .cl-justify-start {
   justify-content: flex-start;
 }

package/src/YtChatView/components/TabSelector/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Tabs, Button, Typography, ConfigProvider } from 'antd';
 import { LeftOutlined, RightOutlined, SyncOutlined } from '@ant-design/icons';
 import styles from './index.module.css';
@@ -6,18 +6,8 @@ import styles from './index.module.css';
 const middleImgUrl = 'https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/guessYourWant.png';
 const bottomImgUrl = 'https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/kai_yuan/byz/xinge.png';
 
-const defaultMap = {
-    '学校文化': ['学校最有特色的传统是什么？', '有哪些值得传承的校训？', '学校重视学生个性发展吗？', '有什么知名校友吗？', '新生入学是否有迎新活动？', '学校支持学生创业吗？', '学校节日有哪些特色？', '学校的学习氛围怎么样？', '学生组织有哪些？', '是否有艺术或文化类社团？'],
-    '校园风景': ['校园内有哪些打卡景点？', '校园绿化做得好吗？', '有湖泊或花园吗？', '有特色建筑吗？', '校园大不大？适合散步吗？', '有哪些适合拍照的地方？', '有室外自习空间吗？', '校园晚上灯光如何？', '有没有露天表演广场？', '有樱花或银杏树吗？'],
-    '招生流程': ['什么时候开始填志愿？', '招生简章在哪查看？', '是否有预估分数线？', '如何获取往年录取线？', '能否跨省报考？', '有哪些专项招生计划？', '报志愿前可参观校园吗？', '有无强基计划？', '是否有面试环节？', '报名后多久公布录取？'],
-    '住宿生活': ['几人一间宿舍？', '宿舍有空调吗？', '洗衣机是否自助？', '有独立卫生间吗？', '能否申请调换宿舍？', '有晚归门禁吗？', '网络信号好吗？', '有宿舍文化活动吗？', '宿舍能使用电器吗？', '有快递柜或驿站吗？'],
-    '餐饮服务': ['食堂饭菜贵不贵？', '食堂口味多样吗？', '有无清真窗口？', '学校周边吃饭方便吗？', '是否支持刷脸就餐？', '饭卡能否线上充值？', '有没有饮品店？', '食堂有无特色菜？', '吃饭时间是否固定？', '是否有外卖平台？'],
-    '教学资源': ['师资力量如何？', '有外教课程吗？', '是否提供选修课？', '教材是否统一购买？', '有开放实验室吗？', '是否配有学习中心？', '有哪些在线课程平台？', '图书馆开放时间？', '能否跨专业听课？', '有无名师公开课？'],
-    '就业实习': ['是否提供实习机会？', '就业指导服务如何？', '有哪些合作企业？', '实习是否计入学分？', '就业率有多高？', '毕业生去向有哪些？', '能否推荐实习单位？', '是否有职业规划课？', '能考研继续深造吗？', '就业双选会多不多？'],
-};
-
 const TabSelector = ({ customUrl, handleRowClick, welcomeWords, isSimple, dataList = [] }) => {
-    const [activeKey, setActiveKey] = useState(dataList[0]?.category);
+    const [activeKey, setActiveKey] = useState();
     const [valuePage, setValuePage] = useState(0);
     const [tabLocation, setTabLocation] = useState(0);
     const valuesPerPage = 5; // Number of values to show per page
@@ -27,6 +17,11 @@ const TabSelector = ({ customUrl, handleRowClick, welcomeWords, isSimple, dataLi
     const keys = dataList.map(e=>e.category)||[];
     const values = dataList.filter(e => activeKey === e.category).map(e => e.data)[0] || [];
     const visibleValues = isSimple ? values : values.slice(valuePage * valuesPerPage, (valuePage + 1) * valuesPerPage);
+
+    useEffect(() => {
+        setActiveKey(dataList[0]?.category)
+    }, [dataList]);
+
     const handleTabChange = (key) => {
         setActiveKey(key);
         setValuePage(0); // Reset value page when changing tabs
@@ -138,7 +133,7 @@ const TabSelector = ({ customUrl, handleRowClick, welcomeWords, isSimple, dataLi
                             return (<div className={styles.row} key={index} onClick={() => handleRowClick(item.q)}>
                                 <Typography.Paragraph
                                     className={styles.text}
-                                    style={{ maxWidth: isSimple ? '210px' : '300px' }}
+                                    style={{ maxWidth: isSimple ? '190px' : '300px' }}
                                     ellipsis={{ rows: 1, tooltip: `${item.q}`, }}>
                                     {isSimple && <span style={{ marginRight: '12px' }}>·</span>}
                                     {item.q}

package/src/YtChatView/components/TabSelector/index.module.css

@@ -1,6 +1,6 @@
 .mainContainer {
     flex: 1;
-    height: calc(100% - 220px);
+    overflow-y: auto;
     .welcome {
         background: #FFFFFF;
         border-radius: 8px 8px 8px 0px;
@@ -97,7 +97,7 @@
 
     .valueList {
         padding: 10px;
-        min-height: 200px;
+        min-height: 225px;
         font-size: 16px;
         color: #000000;
         overflow-y: auto;

package/src/YtChatView/previewDialogV2/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ChatWidget from '../chatWidget/index';
 import aiAvatarPng from '../../assets/aicenter/aiavatar.png';
-import { getFlowInfo, getHistoryList, getKnowledgeInfo } from '../chatWidget/chatWindow/controllers/index';
+import { getFlowInfo, getHistoryList, getQaInfo } from '../chatWidget/chatWindow/controllers/index';
 import './index.module.css'
 import { v4 as uuidv4 } from 'uuid';
 import historyListEmptyPng from '../../assets/aicenter/history-list-empty.png';
@@ -23,7 +23,7 @@ const CommentIcon = (props) => (
     <Icon component={commentSvg} {...props} />
 );
 
-const knowledgeInfo = {
+export const knowledgeInfo = {
   media: [
     {
       a: "https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/banner.png",
@@ -69,19 +69,19 @@ const style = `
 }
 .p_toolDialog .p_sign{
   width: calc(100vw - 140px);
+  min-width:1380px;
   margin: 0 auto;
-  min-width: 1200px;
 }
 
 .dialog_box{
   margin: 1.5rem auto 0;
   width: calc(100vw - 140px);
   height: calc(100vh - 192px);
+  min-width:1380px;
   background: #fff;
   border-radius: 15px;
   display: flex;
   flex-direction: column;
-  min-width: 1200px;
 }
 .p_toolDialog .p_toolLeft {
   display: flex;
@@ -222,7 +222,8 @@ const style = `
 
 .p_toolDialog .p_toolRight {
   flex: 1;
-  background: #f5f5f5;h
+  background: #f5f5f5;
+  min-width:780px;
 }
 
 .p_toolRightToRight {
@@ -327,7 +328,7 @@ export class ToolDialogV2 extends React.Component {
     sessionId: uuidv4(), // 当前激活的对话对应的sessionId
     dropDownList: [],
     currentFlow: {},
-    knowledgeInfo: {...knowledgeInfo},
+    knowledgeInfo: {},
   };
 
   componentWillMount() {
@@ -376,17 +377,19 @@ export class ToolDialogV2 extends React.Component {
     const res = await getFlowInfo(this.props.hostUrl, this.props.appId, api_key);
     if(res.status === 200 && typeof res.data !== "string") {
       //  查询知识库相关信息用作预置问题
-      // getKnowledgeInfo(this.props.hostUrl, this.props.appId, api_key).then(res => {
-      //   if (res.status === 200 && typeof res.data !== "string") {
-      //     if (!isEmpty(knowledgeInfo)) {
-      //       this.setState({ knowledgeInfo: res.data })
-      //     } else if (!isEmpty(this.props.knowledgeInfo)) {
-      //       this.setState({ knowledgeInfo: this.props.knowledgeInfo })
-      //     }
-      //   }
-      // }).catch(e => {
-      //   console.log(e);
-      // });
+      getQaInfo(this.props.hostUrl, this.props.appId, api_key).then(res => {
+        if (res.status === 200 && typeof res.data !== "string") {
+          if ( !isEmpty(res.data) && !isEmpty(res.data.media) && !isEmpty(res.data.question)) {
+            this.setState({ knowledgeInfo: res.data })
+          } else if ( !isEmpty(this.props.knowledgeInfo)) {
+            this.setState({ knowledgeInfo: this.props.knowledgeInfo })
+          } else {
+            this.setState({ knowledgeInfo: knowledgeInfo })
+          }
+        }
+      }).catch(e => {
+        console.log(e);
+      });
       this.setState({ currentFlow: res.data });
     }
     return res.data;
@@ -434,6 +437,7 @@ export class ToolDialogV2 extends React.Component {
   }
 
   renderCustomDropDown=(dropDownList)=>{
+    return null;
     const { title } = this.props;
     const { currentFlow } = this.state;
     return <TabSelector
@@ -474,7 +478,7 @@ export class ToolDialogV2 extends React.Component {
       modalWidth,
       isShowReadIcon = false,
       signUrl,
-      knowledgeInfo,
+      isShowVoiceButton,
     } = this.props;
     const { currentFlow = {} } = this.state;
     return (
@@ -562,6 +566,7 @@ export class ToolDialogV2 extends React.Component {
                       dropDownList={this.state.dropDownList}
                       baseConfig={{ isTitleSideIcon, logoWidth, agentUrl, ...assetMap }}
                       isShowUploadButton={isShowUploadButton}
+                      isShowVoiceButton={isShowVoiceButton}
                       dropManUrl={currentFlow.character}
                       modalWidth={modalWidth}
                       isShowReadIcon={isShowReadIcon}
@@ -569,35 +574,39 @@ export class ToolDialogV2 extends React.Component {
                       renderCustomDropDown={this.renderCustomDropDown}
                       isTagsHidden={true}
                       placeholder={'请输入您想咨询的问题'}
+                      isEnableForV1={false}
+                      questions={this.state.knowledgeInfo?.question || []}
                   />
                   </MethodContext.Provider>
                 </div>
-                <div className={'p_toolRightToRight'}>
-                  <Carousel autoplay={{ dotDuration: true }} autoplaySpeed={4000} className={'p_carousel'}>
-                    {
-                      (this.state.knowledgeInfo?.media||[]).map(item => {
-                        if (item.a_type==='image') {
-                          return <div key={item.a}>
-                            <Image
-                                preview={{
-                                  mask: <div><EyeOutlined style={{marginRight:'4px'}}/>预览</div>
-                                }}
-                                style={contentStyle} src={item.a}
-                            />
-                          </div>
-                        }else if(item.a_type==='video'){
-                          return <div key={item.a}>
-                            <video style={contentStyle} src={item.a} controls={true}/>
-                          </div>
-                        }
-                      })
-                    }
-                  </Carousel>
-                  <div style={{ height: '1px', background: '#E5E5E5',marginTop: '25px' }}/>
-                  <div className={'p_hot'}>
-                    <img src={'https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/hot.png'}/>
-                    <span>热点问题</span>
-                  </div>
+                {
+                 isShowSideRight && <div className={'p_toolRightToRight'}>
+                    <Carousel autoplay={{ dotDuration: true }} autoplaySpeed={4000} className={'p_carousel'}>
+                      {
+                        (this.state.knowledgeInfo?.media || []).map(item => {
+                          if (item.a_type === 'image') {
+                            return <div key={item.a}>
+                              <Image
+                                  preview={{
+                                    mask: <div><EyeOutlined style={{ marginRight: '4px' }}/>预览</div>
+                                  }}
+                                  style={contentStyle} src={item.a}
+                              />
+                            </div>
+                          } else if (item.a_type === 'video') {
+                            return <div key={item.a}>
+                              <video style={contentStyle} src={item.a} controls={true}/>
+                            </div>
+                          }
+                        })
+                      }
+                    </Carousel>
+                    <div style={{ height: '1px', background: '#E5E5E5', marginTop: '25px' }}/>
+                    <div className={'p_hot'}>
+                      <img
+                          src={'https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/hot.png'}/>
+                      <span>热点问题</span>
+                    </div>
                     <TabSelector
                         isSimple={true}
                         handleRowClick={(word) => {
@@ -605,10 +614,11 @@ export class ToolDialogV2 extends React.Component {
                         }}
                         dataList={this.state.knowledgeInfo?.question || []}
                     />
-                </div>
+                  </div>
+                }
               </div>
             </div>
-            <div className={'p_footer'}><span style={{fontSize: 16}}>技术支持：北京云图科技有限公司</span></div>
+            <div className={'p_footer'}><span style={{ fontSize: 16 }}>技术支持：北京云图科技有限公司</span></div>
           </div>
         </div>
     );

package/src/YtChatView/previewDialogV2/index.module.css

@@ -13,8 +13,8 @@
 
 .toolDialogSign {
   width: calc(100vw - 140px);
+  min-width:1380px;
   margin: 0 auto;
-  min-width: 1200px;
 }
 
 .dialogBox {
@@ -25,7 +25,7 @@
   border-radius: 15px;
   display: flex;
   flex-direction: column;
-  min-width: 1200px;
+  min-width:1380px;
 }
 
 .toolLeft {
@@ -154,6 +154,7 @@
 .toolRight {
   flex: 1;
   background: #f5f5f5;
+  min-width:780px;
 }
 
 .toolRightToRight {