@zero-library/chat-copilot 1.0.16 → 1.0.18

package/dist/index.esm.js

@@ -1,12 +1,12 @@
 import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, FileTextOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, PlayCircleOutlined, DotChartOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
 import { Attachments, Sender, Think, FileCard, Bubble, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { useRefState, useDebounce, useSyncInput, createTokenManager, isDocument, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, FileIcon, LazyComponent, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, isExternal, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, FileIcon, LazyComponent, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, isExternal, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import dayjs from 'dayjs';
 import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Popover, Skeleton, Alert, Modal, Checkbox, Input, Empty, message, List, Drawer, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
 import React6, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback } from 'react';
 import { useSnapshot, proxy } from 'valtio';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames2 from 'classnames';
-import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { XCard as XCard$1 } from '@ant-design/x-card';
 import '@ant-design/x-markdown/themes/light.css';
@@ -14,6 +14,31 @@ import XMarkdown from '@ant-design/x-markdown';
 import Latex from '@ant-design/x-markdown/plugins/Latex';
 
 // src/components/Attachments.tsx
+var classifyTime = (timestamp) => {
+  const now = dayjs();
+  const target = dayjs(timestamp);
+  if (target.isSame(now, "day")) {
+    return "\u4ECA\u5929";
+  }
+  const diffInDays = now.diff(target, "day");
+  if (diffInDays < 7) {
+    return "\u6700\u8FD1 7 \u5929";
+  } else if (diffInDays < 30) {
+    return "\u6700\u8FD1 30 \u5929";
+  } else if (diffInDays < 180) {
+    return "\u6700\u8FD1\u534A\u5E74";
+  } else {
+    return "\u66F4\u65E9";
+  }
+};
+var getChatSocketUrl = (baseURL, params) => {
+  return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
+};
+var isDocument = (fileName) => {
+  if (!fileName) return false;
+  const ext = getFileSuffixName(fileName);
+  return ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "csv"].includes(ext);
+};
 var ChatContext = createContext(null);
 function ChatProvider({ store, children }) {
   return React6.createElement(ChatContext.Provider, { value: store }, children);
@@ -320,26 +345,6 @@ var ChatSender_default = forwardRef(
     );
   }
 );
-var classifyTime = (timestamp) => {
-  const now = dayjs();
-  const target = dayjs(timestamp);
-  if (target.isSame(now, "day")) {
-    return "\u4ECA\u5929";
-  }
-  const diffInDays = now.diff(target, "day");
-  if (diffInDays < 7) {
-    return "\u6700\u8FD1 7 \u5929";
-  } else if (diffInDays < 30) {
-    return "\u6700\u8FD1 30 \u5929";
-  } else if (diffInDays < 180) {
-    return "\u6700\u8FD1\u534A\u5E74";
-  } else {
-    return "\u66F4\u65E9";
-  }
-};
-var getChatSocketUrl = (baseURL, params) => {
-  return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
-};
 
 // src/core/constants.ts
 var CONV_MODE = {
@@ -448,13 +453,6 @@ var defaultLayout = {
   chatHeader: true,
   messageList: true,
   senderHeader: false,
-  sender: {
-    props: {
-      modelSelect: true,
-      skillsBtn: true,
-      reasoningBtn: true
-    }
-  },
   senderFooter: false,
   disclaimerNotice: true
 };
@@ -669,15 +667,6 @@ function createChatStore() {
     await setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
   };
-  const setConversationSpec = (spec) => {
-    if (isObject(spec)) {
-      conversation.active.spec = spec;
-      const currentConversation = conversations.list.items.find((item) => item.id === conversation.active.id);
-      if (currentConversation) {
-        currentConversation.spec = spec;
-      }
-    }
-  };
   const updateConversations = (data) => {
     const item = transform(data, {
       key: "id",
@@ -740,6 +729,11 @@ function createChatStore() {
   const setHeaderOpen = (headerOpen) => {
     conversation.messages[conversation.active.id].headerOpen = headerOpen;
   };
+  const setConversationSpec = (spec) => {
+    if (isObject(spec)) {
+      Object.assign(conversation.active.spec, spec);
+    }
+  };
   const feedback = async (executionId, feedback2, index) => {
     try {
       conversation.feedback.loading = true;
@@ -1364,9 +1358,12 @@ var CreateBtn_default = ({ icon, ...rest }) => {
 // src/ui/common/styles.module.less
 var styles_module_default2 = {
   chatHeader: "styles_module_chatHeader",
+  chatHeaderContent: "styles_module_chatHeaderContent",
   chatTitle: "styles_module_chatTitle",
+  chatHeaderBtnGroup: "styles_module_chatHeaderBtnGroup",
   popover: "styles_module_popover",
   conversationListPanel: "styles_module_conversationListPanel",
+  conversationAvatar: "styles_module_conversationAvatar",
   createConversationButton: "styles_module_createConversationButton",
   conversations: "styles_module_conversations",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
@@ -1480,8 +1477,8 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames2(styles_module_default2.chatHeader, "zero-chat-header"), children: [
-    /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames2(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+    /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
         {
@@ -1500,7 +1497,7 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
       /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default2.chatTitle, children: agentState.agentInfo.name }) })
     ] }),
     /* @__PURE__ */ jsxs(Space, { size: 2, children: [
-      /* @__PURE__ */ jsxs(Flex, { gap: 8, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderBtnGroup, children: [
         /* @__PURE__ */ jsx(RenderWrapper, { control: newConversationBtn, DefaultComponent: CreateBtn_default }),
         /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default })
       ] }),
@@ -1524,7 +1521,15 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 50, src: agentState.agentInfo?.iconUrl || /* @__PURE__ */ jsx(IconFont_default, { type: "icon-lolrai" }), shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
+          DefaultComponent: /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              size: 50,
+              src: agentState.agentInfo?.iconUrl || /* @__PURE__ */ jsx(IconFont_default, { type: "icon-lolrai", className: styles_module_default2.conversationAvatar }),
+              shape: "square",
+              style: { flexShrink: 0 }
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(
@@ -4676,7 +4681,7 @@ var ReasonBtn_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   return /* @__PURE__ */ jsxs(
-    Flex,
+    "div",
     {
       className: classNames2(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
@@ -4694,7 +4699,7 @@ var SkillBtn_default = ({}) => {
   const [modalOpen, setModalOpen] = useState(false);
   const skillsCount = conversationState.active.spec?.skills?.items?.length ?? 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Flex, { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
+    /* @__PURE__ */ jsxs("div", { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsx(IconFont_default, { type: "icon-skill" }),
       /* @__PURE__ */ jsx(Text7, { children: "\u6280\u80FD" }),
       skillsCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4713,9 +4718,9 @@ var ChatSender_default2 = forwardRef(
     sendBtnProps,
     footerBelow = false,
     reasonBtn = true,
-    skillsBtn = true,
-    knowledgeBtn = true,
-    modelSelect = true
+    skillsBtn = false,
+    knowledgeBtn = false,
+    modelSelect = false
   }, ref) => {
     const chatStore = useChatStore();
     const configState = useSnapshot(chatStore.config);
@@ -4797,7 +4802,7 @@ var ChatSender_default2 = forwardRef(
   }
 );
 var ChatSenderHeader = () => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: styles_module_default2.logoArea, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles_module_default2.logoArea, children: [
     /* @__PURE__ */ jsxs("div", { className: styles_module_default2.logoContainer, children: [
       /* @__PURE__ */ jsx("div", { className: styles_module_default2.staticHalo }),
       /* @__PURE__ */ jsx("div", { className: styles_module_default2.logoHoverWrapper, children: /* @__PURE__ */ jsx(IconFont_default, { type: "icon-lolrai", className: styles_module_default2.logoImage }) })
@@ -4912,6 +4917,7 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
     _ref,
     () => ({
       sendMessage: chatStore.sendMessage,
+      setConversationSpec: chatStore.setConversationSpec,
       switchConversation: chatStore.switchConversation,
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,