@gientech/modual 2.2.3-fix.5 → 2.2.3-fix.6

package/src/modules/assistantConfig/server.ts

@@ -0,0 +1,262 @@
+import axios from 'axios';
+
+interface DatabaseApiProps {
+  url?: string;
+  token?: string;
+  role?: string;
+  eventsEmit?: (name: string, data: any) => void;
+}
+
+const AxiosInstance = ({ url, token, role, eventsEmit }: DatabaseApiProps) => {
+  const axios$ = axios.create({
+    baseURL: url,
+    // 配置请求超时时间
+    timeout: 1000000,
+  });
+  // 请求拦截
+  axios$.interceptors.request.use((config: any) => {
+    let target_cookie = token;
+
+    const noA = ['user/login', 'user/kaptcha', 'user/regist'];
+    // dangerous behaviour
+    if (!target_cookie && !noA.some((item: string) => config.url.includes(item))) {
+      // 通过eventsEmit抛出认证错误事件，让调用层处理
+      if (eventsEmit) {
+        eventsEmit('request:error_auth', {
+          errorMsg: '未登录或token已过期',
+          redirect: '/login',
+        });
+      }
+      return Promise.reject(new Error('未登录或token已过期'));
+    }
+
+    config.headers.Authorization = target_cookie || '';
+    // 这里传中文会报错
+    config.headers.userName = role === '未登录用户' ? '' : role;
+    return config;
+  });
+
+  // 返回拦截
+  axios$.interceptors.response.use(
+    response => {
+      // 获取接口返回结果
+      const noA = ['user/kaptcha'];
+      const res = response.data;
+      if (noA.some((item: string) => response.config.url && response.config.url.includes(item))) {
+        return res;
+      }
+      if (res.size && res.type) {
+        return res;
+      }
+      const { success, errorMsg, errorCode } = res;
+
+      if (success) {
+        return res;
+      } else {
+        // 通过eventsEmit抛出业务错误事件，让调用层处理
+        if (eventsEmit) {
+          eventsEmit('request:error_business', {
+            errorCode,
+            errorMsg: errorMsg || '请求出错，请稍后再试',
+            response: res,
+          });
+        }
+      }
+    },
+    error => {
+      // 主动取消请求，不给报错信息
+      if (error.message === 'canceled') {
+        return Promise.reject(error);
+      }
+
+      // 通过eventsEmit抛出网络错误事件，让调用层处理
+      if (eventsEmit) {
+        let errorType = 'request:error_network';
+        let errorData: any = {
+          errorMsg: '网络请求失败',
+          error: error,
+        };
+
+        if (error?.response?.status === 401) {
+          errorType = 'request:error_auth';
+          errorData = {
+            errorMsg: '没有足够权限',
+            error: error,
+            redirect: '/login',
+          };
+        } else if (
+          error?.response?.data?.errorCode === '30013' ||
+          error?.response?.data?.errorCode === '30023'
+        ) {
+          errorType = 'request:error_business';
+          errorData = {
+            errorCode: error?.response?.data?.errorCode,
+            errorMsg: error?.response?.data?.errorMsg || '请求出错，请稍后再试',
+            error: error,
+          };
+        }
+
+        eventsEmit(errorType, errorData);
+      }
+      return Promise.reject(error);
+    }
+  );
+
+  const getConfigById = async (id: any) => {
+    try {
+      const res: any = await axios$.get(`/qa/search/config/getById?configId=${id}`);
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.error('getConfigById', e);
+    }
+  };
+
+  const fetchDatabases = async () => {
+    try {
+      const res: any = await axios$.get(`/index/database/queryAllDBList`);
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.error('fetchDatabases', e);
+    }
+  };
+
+  const fetchConfigItemLimit = async () => {
+    try {
+      const res: any = await axios$.get(`/qa/search/config/configItemLimit`);
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.error('fetchConfigItemLimit error', e);
+    }
+  };
+
+  const fetchSensitiveLibrary = async (params: any) => {
+    try {
+      const res: any = await axios$.get(
+        `/sensitive/library?${new URLSearchParams(params).toString()}`
+      );
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.log('fetchSensitiveLibrary error', e);
+      return false;
+    }
+  };
+
+  const fetchModels = async (params: any) => {
+    try {
+      const res: any = await axios$.get(
+        `/index/modelInfo/allPage?${new URLSearchParams(params).toString()}`
+      );
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.log('fetchModels error', e);
+      return false;
+    }
+  };
+
+  const fetchKnowledgeBase = async (createBy?: string) => {
+    try {
+      const urlParams = createBy ? `?userName=${createBy}` : '';
+      console.log('+++', urlParams);
+
+      const res: any = await axios$.get(`/index/knowledgeBase/searchList${urlParams}`);
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (error) {
+      console.log('e', error);
+    }
+  };
+
+  const fetchGraphs = async () => {
+    try {
+      const res: any = await axios$.get(
+        `/index/graph/platform/querySnapshotList?pageSize=999&pageNo=1`
+      );
+      const { success, data } = res;
+      if (success) return data;
+      return false;
+    } catch (e) {
+      console.error('fetchGraphs', e);
+    }
+  };
+
+  const addConversationAssistant = async (params: any) => {
+    try {
+      const res: any = await axios$.post(`/qa/search/config/add`, {
+        ...params,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('addConversationAssistant error:', e);
+      return false;
+    }
+  };
+
+  const updateConversationAssistant = async (id: string | number, params: any) => {
+    try {
+      const res: any = await axios$.put(`/qa/search/config/update`, {
+        id,
+        ...params,
+      });
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('updateConversationAssistant error:', e);
+      return false;
+    }
+  };
+
+  const getBizLabelLabels = async (params: any) => {
+    try {
+      const res: any = await axios$.post(`/index/bizLabel/labels`, params);
+
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('updateConversationAssistant error:', e);
+      return false;
+    }
+  };
+
+  const checkName = async (name: string, id?: string | number) => {
+    try {
+      const res: any = await axios$.get(
+        `/qa/search/config/checkName?configName=${name}${id ? `&configId=${id}` : ''}`
+      );
+      const { success, data } = res;
+      if (success) return data;
+    } catch (e) {
+      console.log('updateConversationAssistant error:', e);
+      return false;
+    }
+  };
+
+  return {
+    getConfigById,
+    fetchDatabases,
+    fetchModels,
+    fetchSensitiveLibrary,
+    fetchConfigItemLimit,
+    fetchKnowledgeBase,
+    fetchGraphs,
+    checkName,
+    getBizLabelLabels,
+    addConversationAssistant,
+    updateConversationAssistant,
+  };
+};
+
+export default AxiosInstance;

package/src/modules/chat/AllFiles.tsx

@@ -0,0 +1,158 @@
+import { useEffect, useRef, useState } from 'react';
+import DrawerTitle from './referenceCom/DrawerTitle';
+import { Tooltip } from 'antd';
+import axios from 'axios';
+import { getUrlPrefix, renderIcon } from '../../utils';
+
+export const AllFiles = ({ fileData, token }: any) => {
+  const [fileList, setFileList] = useState<any[]>([]);
+  useEffect(() => {
+    const knowledgeBases = fileData?.knowledgeBases;
+    if (!knowledgeBases?.length) return;
+    const treeData = knowledgeBases[0]?.treeData || [];
+    if (!treeData?.length) return;
+    setFileList(treeData);
+  }, [fileData]);
+  const map: any = useRef(new Map());
+  const clickFileItem = async (item: any, key: number) => {
+    if (map.current.get(item?.fetchUrl)) {
+      return;
+    }
+    try {
+      const curFolder = fileList[key];
+      curFolder.loading = true;
+      const newFileList = [...fileList];
+      setFileList(newFileList);
+      const res = await axios.get(`${getUrlPrefix()}/${item.fetchUrl}`, {
+        headers: { Authorization: token },
+      });
+      const data = res?.data?.data?.records;
+      if (data) {
+        const curFolder = fileList[key];
+        curFolder.loading = false;
+        curFolder.children = data;
+        const newFileList = [...fileList];
+        newFileList[key] = curFolder;
+        setFileList(newFileList);
+        map.current.set(item?.fetchUrl, true);
+      } else {
+        const curFolder = fileList[key];
+        curFolder.loading = false;
+        const newFileList = [...fileList];
+        setFileList(newFileList);
+      }
+    } catch (error) {
+      const curFolder = fileList[key];
+      curFolder.loading = false;
+      const newFileList = [...fileList];
+      setFileList(newFileList);
+    }
+  };
+  return (
+    <>
+      <DrawerTitle
+        title="知识库文档目录"
+        setOpen={() => {
+          const closeEvent = new CustomEvent('aichat:right_set', {
+            detail: { collapsed: true },
+          });
+          window.dispatchEvent(closeEvent);
+        }}
+      />
+      <div style={{ height: 'calc(100% - 60px)', overflowY: 'auto', padding: '16px' }}>
+        {fileList.map((item: any, index: number) => {
+          if (item.type === 'file') {
+            return (
+              <div className="flex" style={{ marginTop: '8px' }}>
+                {renderIcon(item)}
+                <Tooltip placement="top" title={item.name?.length > 23 ? item.name : ''}>
+                  <div
+                    style={{
+                      paddingLeft: '6px',
+                      width: '346px',
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                      whiteSpace: 'nowrap',
+                      cursor: 'default',
+                      fontSize: '14px',
+                    }}
+                  >
+                    {item.name}
+                  </div>
+                </Tooltip>
+              </div>
+            );
+          } else {
+            return (
+              <FolderCom item={item} key={index} index={index} clickFileItem={clickFileItem} />
+            );
+          }
+        })}
+      </div>
+    </>
+  );
+};
+
+const FolderCom = ({ item, index, clickFileItem }: any) => {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div style={{ marginTop: '8px' }}>
+      <div
+        className="flex cursor-pointer"
+        key={index}
+        onClick={() => {
+          setOpen(!open);
+          if (open) return;
+          clickFileItem(item, index);
+        }}
+      >
+        {renderIcon(item)}
+        <Tooltip placement="top" title={item.name?.length > 23 ? item.name : ''}>
+          <div
+            style={{
+              paddingLeft: '6px',
+              width: '346px',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              fontSize: '14px',
+            }}
+          >
+            {item.name} ({item.fileCount || 0})
+          </div>
+        </Tooltip>
+      </div>
+      <div
+        style={{
+          padding: '2px 0 2px 14px',
+          margin: '8px 0 0 7px',
+          borderLeft: '2px solid #E5E6EB',
+          display: open ? 'block' : 'none',
+        }}
+      >
+        {(item.children || []).map((child: any, index: number) => (
+          <div className="flex items-center" key={index}>
+            <div
+              style={{ width: '4px', height: '4px', borderRadius: '2px', background: 'black' }}
+            ></div>
+            <Tooltip placement="top" title={child.name?.length > 26 ? child.name : ''}>
+              <div
+                style={{
+                  paddingLeft: '6px',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  whiteSpace: 'nowrap',
+                  fontSize: '12px',
+                  width: '336px',
+                }}
+              >
+                {child.fileName}
+              </div>
+            </Tooltip>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};

package/src/modules/chat/Conversations/Item.tsx

@@ -0,0 +1,169 @@
+import React, { useMemo, useState } from 'react';
+import { Dropdown } from 'antd';
+import type { MenuProps } from 'antd';
+import { MoreHorizontal, Edit2, Trash2 } from 'lucide-react';
+import { ListItemType } from '.';
+import { useGientechChatI18n } from '../i18n';
+import dayjs from 'dayjs';
+
+export interface GientechConversationBarItemProps {
+  isActive: boolean;
+  isDisabled: boolean;
+  data: ListItemType;
+  isNew: boolean;
+  eventsEmit?: (type: string, data?: any) => void;
+  styles?: any;
+  assistantList?: any[];
+}
+
+export function GientechConversationBarItem({ isActive, isNew, isDisabled, data, eventsEmit, styles = {}, assistantList = [] }: GientechConversationBarItemProps) {
+  const { messages } = useGientechChatI18n();
+  const [hovered, setHovered] = useState(false);
+  const colors = styles?.colors || {};
+
+  // 由 configId 匹配助手名称（优先用 name，其次 configJson.config_name）
+  const assistantName = useMemo(() => {
+    const id = data?.configId;
+    if (!id || !assistantList || assistantList.length === 0) return messages.sidebar.noAssistant;
+    const found = assistantList.find((a: any) => String(a?.id) === String(id));
+    if (!found) return messages.sidebar.noAssistant;
+    if (found?.name) return found.name;
+    try {
+      const cj = typeof found.configJson === 'string' ? JSON.parse(found.configJson) : found.configJson;
+      return cj?.config_name || messages.sidebar.noAssistant;
+    } catch {
+      return messages.sidebar.noAssistant;
+    }
+  }, [assistantList, data?.configId, messages.sidebar.noAssistant]);
+
+  // antd v5+ menu items
+  const menuItems: MenuProps['items'] = [
+    {
+      key: 'rename',
+      icon: <Edit2 size={12} />,
+      label: messages.sidebar.rename,
+      onClick: (info) => {
+        info.domEvent.stopPropagation();
+        eventsEmit&&eventsEmit('conversations:rename_icon_clicked', data);
+      },
+    },
+    {
+      key: 'delete',
+      icon: <Trash2 size={12} />,
+      label: messages.sidebar.delete,
+      danger: true,
+      onClick: (info) => {
+        info.domEvent.stopPropagation();
+        eventsEmit&&eventsEmit('conversations:delete_icon_clicked', data);
+      },
+    },
+  ];
+
+
+  // 动态样式
+  const itemBg = isActive
+    ? colors.activeItemBg || '#f0f4ff'
+    : hovered
+      ? colors.itemHoverBg || '#f5f7fa'
+      : colors.itemBg || 'transparent';
+  const itemText = isActive
+    ? colors.activeItemText || colors.primary || '#0122ff'
+    : colors.itemText || '#333';
+  const borderColor = isActive
+    ? colors.activeItemBorder || colors.primary || '#0122ff'
+    : 'transparent';
+
+  // 格式化时间显示
+  const formatTime = (timestamp: number) => {
+    const now = dayjs();
+    const messageTime = dayjs(timestamp);
+    const isToday = now.isSame(messageTime, 'day');
+
+    if (isToday) {
+      return messageTime.format('HH:mm');
+    } else {
+      return messageTime.format('MM-DD HH:mm');
+    }
+  };
+
+  return (
+    <div
+      className={`flex relative items-center justify-between mb-2 px-4 py-3 rounded-md transition-colors cursor-pointer select-none`}
+      onClick={() => !isDisabled && eventsEmit&&eventsEmit('conversation:item_click', data)}
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+      style={{
+        minHeight: 48,
+        background: itemBg,
+        color: itemText,
+        border: `1px solid ${borderColor}`,
+        ...styles.item,
+        opacity: isDisabled ? 0.5 : 1,
+      }}
+    >
+      <div className="flex flex-col gap-y-2 flex-1 min-w-0">
+        {/* 主标题 */}
+        <span
+          className="truncate text-sm max-w-[160px] font-medium"
+          title={data.label || messages.sidebar.unnamedSession}
+          style={{
+            color: itemText,
+            fontSize: '14px',
+            lineHeight: '1.4'
+          }}
+        >
+          {data.label || messages.sidebar.unnamedSession}
+        </span>
+
+        {/* 副标题和时间 */}
+        <div className="flex items-center justify-between gap-2">
+          <span
+            className="text-xs truncate flex-1"
+            style={{
+              color: isActive ? colors.activeItemTextSecondary || '#666' : colors.itemTextSecondary || '#666',
+              fontSize: '12px',
+              lineHeight: '1.3'
+            }}
+          >
+            {assistantName}
+          </span>
+
+          {/* 时间显示 */}
+          {data.gmtModified && (
+            <span
+              className="text-xs flex-shrink-0"
+              style={{
+                color: isActive ? colors.activeItemTextSecondary || '#999' : colors.itemTextSecondary || '#999',
+                fontSize: '12px',
+                lineHeight: '1.3'
+              }}
+            >
+              {formatTime(data.gmtModified)}
+            </span>
+          )}
+        </div>
+      </div>
+
+      {/* 省略号菜单 */}
+      {!isDisabled && hovered && !isNew && (
+        <div className="absolute top-2 right-3">
+          <Dropdown
+            menu={{ items: menuItems }}
+            trigger={['click']}
+            placement="bottomRight"
+          >
+            <MoreHorizontal
+              size={16}
+              className="text-gray-600 hover:text-gray-800"
+              style={{
+                cursor: 'pointer',
+                color: isActive ? colors.activeItemTextSecondary || '#999' : colors.itemTextSecondary || '#999'
+              }}
+              onClick={(e: React.MouseEvent) => e.stopPropagation()}
+            />
+          </Dropdown>
+        </div>
+      )}
+    </div>
+  );
+}