@gientech/modual 1.4.7 → 1.5.0

package/src/modules/chat/index.tsx

@@ -9,7 +9,7 @@ import '@mxmweb/rtext/style.css';
 import '@mxmweb/aichat/style.css';
 import '@mxmweb/zui/style.css';
 import { defaultTheme, deepMergeTheme, type Styles } from '@mxmweb/zui';
-
+import ReferenceBar from './ReferenceBar';
 import { DefaultSenderConfig } from './constants';
 import GientechConversationPanel from './Conversations';
 import {
@@ -38,6 +38,12 @@ import DisplayError from '../../utils/gientechCommon/components/DisplayError';
 import { maxPollCount, maxPollInterval } from '../../utils/gientechCommon/configs/commonConfig';
 import { RenameModal } from '../../utils/gientechCommon/components/RenameModal';
 import { DeleteModal } from '../../utils/gientechCommon/components/DeleteModal';
+import useAichatEvent from '../../utils/gientechCommon/components/hooks/useAichatEvent';
+import { ReferenceListDrawer } from '../../utils/gientechCommon/components/ReferenceListDrawer';
+
+export enum DrawerType {
+  REFERENCELIST = 'referencelist',
+}
 
 interface SenderConfig {
   actions?: Array<{
@@ -112,6 +118,11 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
     scrollOld,
     ...rest
   }: GientechChatAdopterProps) {
+    const [drawerConfig, setDrawerConfig] = useState<{ type: string; data?: any }>({
+      type: 'string',
+    });
+    const [open, setOpen] = useState(false);
+    const {} = useAichatEvent();
     // 统一归一化样式：使用 UI 库的 deepMergeTheme
     const normalizedStyles: Styles = useMemo(() => {
       const baseStyles: Styles = { theme: defaultTheme, mode: 'light' };
@@ -450,7 +461,7 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
         .catch(() => {
           setAppStatus(prev => ({ ...prev, app: 'error' }));
         });
-    }, [url, token]);
+    }, []);
 
     /**
      * 当 activeSessionId 变化时，获取对应的聊天记录
@@ -464,6 +475,78 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
           headers: { Authorization: token },
         })
         .then(res => {
+          // const r = {
+          //   data: {
+          //     success: true,
+          //     errorMsg: null,
+          //     errorCode: null,
+          //     data: {
+          //       label: '控制器起不来（控制器右上角RDY灯不亮）',
+          //       sessionId: '3d752532b3d4510867288e5ac5cb3833',
+          //       gmtCreate: '2025-11-06 14:30:43',
+          //       gmtModified: '2025-11-06 14:30:43',
+          //       createBy: 'admin',
+          //       updateBy: 'admin',
+          //       filePath: 'http://10.160.33.221:9000',
+          //       configId: 703,
+          //       kbId: null,
+          //       queryReplyPairList: [
+          //         {
+          //           query: {
+          //             id: 27665,
+          //             gmtCreate: '2025-11-06T06:31:05.000+00:00',
+          //             content: '控制器起不来（控制器右上角RDY灯不亮）',
+          //             type: 'text',
+          //             queryId: 'query-2532b3d4510867288e5ac5cb38338870',
+          //             audioUrl: '',
+          //             filePaths: null,
+          //             currentFiles: null,
+          //           },
+          //           reply: {
+          //             id: 27638,
+          //             gmtCreate: '2025-11-06T06:31:15.000+00:00',
+          //             content:
+          //               '<think>\n好的，我现在需要回答用户的问题：“控制器起不来（控制器右上角RDY灯不亮）”。首先，我要查看提供的参考资料，看看是否有相关信息。\n\n参考资料0提到了现象“控制器起不来（控制器右上角RDY灯不亮）”，并关联到“包含”和“产生”关系，但没有提供处理方法。参考资料1和2都详细描述了这个现象，并且都给出了处理方法：检查NT255模块是否报红，更换模块，并特别提到机舱检查FS211/N模块。这些处理方法的ID都是10001，说明是同一个解决方案。\n\n用户的问题没有指定版本，根据规则2，我应该使用最新的版本信息。不过，参考资料中没有明确的版本日期，所以只能假设它们都是最新的。因此，我应该综合所有参考资料的信息，提供处理方法。\n\n最后，我需要按照要求，用简洁的语言回答，并标注来源。由于处理方法在参考资料1和2中都有，我会引用这两个来源。\n\n\n</think>\n\n控制器起不来（控制器右上角RDY灯不亮）的处理方法如下：\n\n1. 检查NT255模块是否报红（ERR灯是否亮红）[retrive-tag id="2290607639633892359" image_urls="" fromType="2"][1][/retrive-tag][retrive-tag id="439368868506707299" image_urls="" fromType="2"][2][/retrive-tag]。\n2. 更换NT255模块（注：机舱检查FS211/N模块）[retrive-tag id="2290607639633892359" image_urls="" fromType="2"][1][/retrive-tag][retrive-tag id="439368868506707299" image_urls="" fromType="2"][2][/retrive-tag]。\n\n这些步骤可以帮助解决控制器无法启动的问题。',
+          //             type: 'text',
+          //             reference: '[]',
+          //             webReference: '[]',
+          //             graphReference:
+          //               '[{"cyphers":["match (n:`组件`)-[e]-(m) where id(n) == \\"组件101\\" return n,e,m;","match (n:`现象`)-[e]-(m) where id(n) == \\"现象1001\\" return n,e,m;","match (n:`现象`)-[e]-(m) where id(n) == \\"现象1001\\" return n,e,m;"],"fetchUrl":"https://10.160.33.150:30001/jinxin_graph/proxy/search/graph/search/cypherSearch4Rag","graphName":"故障处理图谱","id":"1952195957278367755","traceNodes":[{"graphId":"1952195957278367755","id":"3484145002858895870","name":"控制器","nodeType":"组件","vid":"组件101"},{"graphId":"1952195957278367755","id":"2290607639633892359","name":"控制器起不来（控制器右上角RDY灯不亮）","nodeType":"现象","vid":"现象1001"},{"graphId":"1952195957278367755","id":"439368868506707299","name":"控制器起不来（控制器右上角RDY灯不亮）","nodeType":"现象","vid":"现象1001"}]}]',
+          //             queryId: 'query-2532b3d4510867288e5ac5cb38338870',
+          //             feedbackResult: null,
+          //             feedbackId: null,
+          //             parsedFilePaths: null,
+          //             recommendQuestion:
+          //               '["在检查NT255模块时，ERR灯亮红可能表示哪些具体问题？","更换NT255模块时需要注意哪些步骤或注意事项？","除了检查和更换NT255模块，还有哪些方法可以排查控制器无法启动的问题？"]',
+          //             llmType: 1,
+          //             resultType: 1,
+          //             respTime: 32453,
+          //             tokens: 824,
+          //           },
+          //         },
+          //       ],
+          //       searchConfigDTO: {
+          //         id: 703,
+          //         status: 1,
+          //         isDefault: 0,
+          //         configJson:
+          //           '{"status":1,"defaultAnswer":"您好！我注意到您的消息中可能包含了一些敏感的内容。为了保证社区的友好氛围，我们无法继续就此话题进行讨论。如果您有其他问题或需要帮助，我很乐意继续为您服务！谢谢您的理解和支持。","dependOnKb":1,"isDel":1,"config_name":"图谱测试","model_name":"deepseek-distill-qwen32b","plan_model_name":"deepseek-distill-qwen32b","prologue":"你好","system_prompt":"","recommend_model_name":"deepseek-distill-qwen32b","temperature":0.3,"top_p":0.8,"top_k":10,"score_threshold":0.1,"max_tokens":4096,"max_round":5,"rerank_model_name":"bge-reranker-v2-m3_xinference","knowledge_base_name_source":"","graph_nb_name":[{"graph_name":"故障处理图谱","index_name":"1952195957278367755"}],"thinking":false,"knowledge_base_name":"","selectedKnowledgeBase":[],"enabled_graph":false,"enabled_nb_graph":true,"need_trace_source":true,"trace_by_llm":true,"is_download":false,"search_policy":1,"enabled_question_rewrite":false,"enabled_faq":true,"enabled_rerank":true,"rerank":false}',
+          //         name: '图谱测试',
+          //         des: null,
+          //         createBy: 'admin',
+          //         gmtCreate: '2025-11-05 19:37:54',
+          //         permission: null,
+          //         sensitiveWordIds: '',
+          //         defaultAnswer:
+          //           '您好！我注意到您的消息中可能包含了一些敏感的内容。为了保证社区的友好氛围，我们无法继续就此话题进行讨论。如果您有其他问题或需要帮助，我很乐意继续为您服务！谢谢您的理解和支持。',
+          //         model: false,
+          //         enabledFaq: 0,
+          //         dependOnKb: 1,
+          //         isDel: 1,
+          //       },
+          //     },
+          //   },
+          // };
           // 如果会话没有数据（例如新建的），直接返回
 
           if (!res.data.data) {
@@ -1592,6 +1675,33 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
           // 处理文件下载事件，透传给父组件
           eventsEmit?.('referenceFile_download', data);
           break;
+        case 'references:click': {
+          setDrawerConfig({
+            type: DrawerType.REFERENCELIST,
+            data,
+          });
+          setOpen(true);
+          // 使用 AiChat 内置的右侧栏事件
+          const Content = () => {
+            const safe = (() => {
+              try {
+                return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
+              } catch (e) {
+                return String(data);
+              }
+            })();
+            return <ReferenceBar data={data} />;
+          };
+          const setContentEvent = new CustomEvent('aichat:right_set_content', {
+            detail: { content: <Content /> },
+          });
+          window.dispatchEvent(setContentEvent);
+          const openEvent = new CustomEvent('aichat:right_set', {
+            detail: { collapsed: false },
+          });
+          window.dispatchEvent(openEvent);
+          break;
+        }
         case 'retrive_tag:click':
           // 处理 retrive-tag 点击事件，透传给父组件
           eventsEmit?.('retrive_tag:click', data);
@@ -1813,6 +1923,7 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
             <ChatMessageAdapter
               key={`${msg?.queryId || msg?.id || idx}-${msg?.istype || 'unknown'}`}
               {...msg}
+              referenceMode="button"
               reference={safeReference}
               webReference={safeWebReference}
               graphReference={safeGraphReference}
@@ -1855,6 +1966,7 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
             <ChatMessageAdapter
               key={`${msg?.queryId || msg?.id || idx}-user`}
               {...msg}
+              referenceMode="button"
               contentType="plainText"
               isUser={true}
               displayStatus="ready"
@@ -1902,7 +2014,7 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
     // Render - 渲染
     // =================================================================
     return (
-      <>
+      <div style={{ height: '100%', minWidth: '1116px', overflow: 'hidden' }}>
         <FileManager
           open={fileManagerOpen}
           onCancel={() => setFileManagerOpen(false)}
@@ -1914,6 +2026,8 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
           eventsEmit={mergedEventsEmit}
         />
 
+        {/* 右侧栏由 AiChat 内置事件控制，此处不再使用 antd Drawer */}
+
         <WrappedComponent
           {...rest}
           status={appStatus}
@@ -1946,7 +2060,15 @@ export default function withGientechChatAdopter(WrappedComponent = AiChat) {
           handleCancel={() => handleEvent('close_remove')}
           data={curEditData?.data || {}}
         />
-      </>
+        <ReferenceListDrawer
+          open={open}
+          setOpen={setOpen}
+          type={drawerConfig.type}
+          data={drawerConfig.data}
+          token={token}
+          eventsEmit={eventsEmit}
+        />
+      </div>
     );
   };
 }