@zero-library/chat-copilot 1.0.16 → 1.0.18

package/dist/index.cjs.js

@@ -3,12 +3,12 @@
 var icons = require('@ant-design/icons');
 var xV2 = require('@ant-design/x-v2');
 var common = require('@zero-library/common');
+var dayjs = require('dayjs');
 var antd = require('antd');
 var React6 = require('react');
 var valtio = require('valtio');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames2 = require('classnames');
-var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var xCard = require('@ant-design/x-card');
 require('@ant-design/x-markdown/themes/light.css');
@@ -17,14 +17,39 @@ var Latex = require('@ant-design/x-markdown/plugins/Latex');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var React6__default = /*#__PURE__*/_interopDefault(React6);
 var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
-var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 var XMarkdown__default = /*#__PURE__*/_interopDefault(XMarkdown);
 var Latex__default = /*#__PURE__*/_interopDefault(Latex);
 
 // src/components/Attachments.tsx
+var classifyTime = (timestamp) => {
+  const now = dayjs__default.default();
+  const target = dayjs__default.default(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 common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/ws`), "comma");
+};
+var isDocument = (fileName) => {
+  if (!fileName) return false;
+  const ext = common.getFileSuffixName(fileName);
+  return ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "csv"].includes(ext);
+};
 var ChatContext = React6.createContext(null);
 function ChatProvider({ store, children }) {
   return React6__default.default.createElement(ChatContext.Provider, { value: store }, children);
@@ -133,7 +158,7 @@ var Attachments_default = React6.forwardRef(({ fileUpload, fileUploadConfig, fil
       const uploadedFile = data[0];
       let previewUrl = uploadedFile.id;
       if (uploadedFile.conversationId && uploadedFile.path) {
-        if (common.isDocument(uploadedFile.name)) {
+        if (isDocument(uploadedFile.name)) {
           previewUrl = chatStore.config.services.request.getPreviewUrl(
             agentState.agentInfo.id,
             uploadedFile.conversationId,
@@ -331,26 +356,6 @@ var ChatSender_default = React6.forwardRef(
     );
   }
 );
-var classifyTime = (timestamp) => {
-  const now = dayjs__default.default();
-  const target = dayjs__default.default(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 common.buildUrlParams(params, common.getWebSocketUrl(`${baseURL}/ws`), "comma");
-};
 
 // src/core/constants.ts
 var CONV_MODE = {
@@ -459,13 +464,6 @@ var defaultLayout = {
   chatHeader: true,
   messageList: true,
   senderHeader: false,
-  sender: {
-    props: {
-      modelSelect: true,
-      skillsBtn: true,
-      reasoningBtn: true
-    }
-  },
   senderFooter: false,
   disclaimerNotice: true
 };
@@ -680,15 +678,6 @@ function createChatStore() {
     await setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
   };
-  const setConversationSpec = (spec) => {
-    if (common.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 = common.transform(data, {
       key: "id",
@@ -751,6 +740,11 @@ function createChatStore() {
   const setHeaderOpen = (headerOpen) => {
     conversation.messages[conversation.active.id].headerOpen = headerOpen;
   };
+  const setConversationSpec = (spec) => {
+    if (common.isObject(spec)) {
+      Object.assign(conversation.active.spec, spec);
+    }
+  };
   const feedback = async (executionId, feedback2, index) => {
     try {
       conversation.feedback.loading = true;
@@ -1375,9 +1369,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",
@@ -1491,8 +1488,8 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames2__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
         {
@@ -1511,7 +1508,7 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.chatTitle, children: agentState.agentInfo.name }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderBtnGroup, children: [
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: newConversationBtn, DefaultComponent: CreateBtn_default }),
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default })
       ] }),
@@ -1535,7 +1532,15 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         common.RenderWrapper,
         {
           control: avatar,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 50, src: agentState.agentInfo?.iconUrl || /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-lolrai" }), shape: "square", style: { flexShrink: 0 }, children: (agentState.agentInfo?.name || "AI").slice(0, 1) })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Avatar,
+            {
+              size: 50,
+              src: agentState.agentInfo?.iconUrl || /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-lolrai", className: styles_module_default2.conversationAvatar }),
+              shape: "square",
+              style: { flexShrink: 0 }
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3981,7 +3986,7 @@ var FilesNode = React6__default.default.memo(({ item }) => {
   const fileItems = React6.useMemo(() => {
     return (item.files || []).map((file) => {
       let previewUrl = file.id;
-      if (common.isDocument(file.name)) {
+      if (isDocument(file.name)) {
         previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path, "preview");
       } else {
         previewUrl = configState.services.request.getPreviewUrl(agentState.agentInfo.id, conversationState.active.id, file.path, "download");
@@ -4687,7 +4692,7 @@ var ReasonBtn_default = ({}) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    antd.Flex,
+    "div",
     {
       className: classNames2__default.default(styles_module_default2.resourceBtn, { [styles_module_default2.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
@@ -4705,7 +4710,7 @@ var SkillBtn_default = ({}) => {
   const [modalOpen, setModalOpen] = React6.useState(false);
   const skillsCount = conversationState.active.spec?.skills?.items?.length ?? 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-skill" }),
       /* @__PURE__ */ jsxRuntime.jsx(Text7, { children: "\u6280\u80FD" }),
       skillsCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4724,9 +4729,9 @@ var ChatSender_default2 = React6.forwardRef(
     sendBtnProps,
     footerBelow = false,
     reasonBtn = true,
-    skillsBtn = true,
-    knowledgeBtn = true,
-    modelSelect = true
+    skillsBtn = false,
+    knowledgeBtn = false,
+    modelSelect = false
   }, ref) => {
     const chatStore = useChatStore();
     const configState = valtio.useSnapshot(chatStore.config);
@@ -4808,7 +4813,7 @@ var ChatSender_default2 = React6.forwardRef(
   }
 );
 var ChatSenderHeader = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.logoArea, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.logoArea, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.logoContainer, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.staticHalo }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default2.logoHoverWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-lolrai", className: styles_module_default2.logoImage }) })
@@ -4923,6 +4928,7 @@ var layouts_default = React6.forwardRef(({ theme: theme4, params, hooks, layout,
     _ref,
     () => ({
       sendMessage: chatStore.sendMessage,
+      setConversationSpec: chatStore.setConversationSpec,
       switchConversation: chatStore.switchConversation,
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,