@zero-library/chat-copilot 1.0.8 → 1.0.10

package/dist/index.d.mts

@@ -163,6 +163,7 @@ declare const createChatService: (request: ReturnType<typeof createRequest>, con
     feedbackUpdate: (params: FeedbackUpdate) => Promise<R<null>>;
     chatUpload: (agentId: string, data: FormData, conversationId: string, signal?: AbortSignal) => Promise<R<InputFile[]>>;
     getPreviewUrl: (agentId: string, conversationId: string, path: string) => string;
+    docQuery: (params: string) => Promise<R<DocType>>;
 };
 
 type RequestInstance = ReturnType<typeof createChatService>;
@@ -576,7 +577,16 @@ interface PlanEvent {
     content?: string;
     plan?: any;
 }
-type MessageEvent = RunStartedEvent | TextEvent | FilesEvent | StepStartedEvent | StepFinishedEvent | StepErrorEvent | RunFinishedEvent | RunStoppedEvent | ConversationNewTitleEvent | ToolCallEvent | ToolResultEvent | RunFailedEvent | A2uiCommandEvent | A2uiSchemaEvent | PlanEvent;
+interface Citation {
+    citationId?: string;
+    citationUrl?: string;
+    citationName?: string;
+}
+interface CitationEvent {
+    type: 'citation';
+    citations?: Citation[];
+}
+type MessageEvent = RunStartedEvent | TextEvent | FilesEvent | StepStartedEvent | StepFinishedEvent | StepErrorEvent | RunFinishedEvent | RunStoppedEvent | ConversationNewTitleEvent | ToolCallEvent | ToolResultEvent | RunFailedEvent | A2uiCommandEvent | A2uiSchemaEvent | PlanEvent | CitationEvent;
 /**
  * 消息类型
  * 定义智能体和用户之间的消息结构
@@ -1471,6 +1481,25 @@ interface ProviderModel {
     icon?: string;
     models: Model[];
 }
+/**
+ * 文档类型接口
+ */
+interface DocType {
+    /** 文档内容 */
+    content: string;
+    /** 文档唯一标识 */
+    docId: string;
+    /** 文档关键字列表 */
+    keywords?: string[];
+    /** 文档位置 */
+    position?: number;
+    /** 文档分段ID */
+    sid?: string;
+    /** 文档令牌数量 */
+    tokens?: number;
+    /** 文档字数 */
+    wordCount?: number;
+}
 
 /**
  * 附件组件属性接口

package/dist/index.d.ts

@@ -163,6 +163,7 @@ declare const createChatService: (request: ReturnType<typeof createRequest>, con
     feedbackUpdate: (params: FeedbackUpdate) => Promise<R<null>>;
     chatUpload: (agentId: string, data: FormData, conversationId: string, signal?: AbortSignal) => Promise<R<InputFile[]>>;
     getPreviewUrl: (agentId: string, conversationId: string, path: string) => string;
+    docQuery: (params: string) => Promise<R<DocType>>;
 };
 
 type RequestInstance = ReturnType<typeof createChatService>;
@@ -576,7 +577,16 @@ interface PlanEvent {
     content?: string;
     plan?: any;
 }
-type MessageEvent = RunStartedEvent | TextEvent | FilesEvent | StepStartedEvent | StepFinishedEvent | StepErrorEvent | RunFinishedEvent | RunStoppedEvent | ConversationNewTitleEvent | ToolCallEvent | ToolResultEvent | RunFailedEvent | A2uiCommandEvent | A2uiSchemaEvent | PlanEvent;
+interface Citation {
+    citationId?: string;
+    citationUrl?: string;
+    citationName?: string;
+}
+interface CitationEvent {
+    type: 'citation';
+    citations?: Citation[];
+}
+type MessageEvent = RunStartedEvent | TextEvent | FilesEvent | StepStartedEvent | StepFinishedEvent | StepErrorEvent | RunFinishedEvent | RunStoppedEvent | ConversationNewTitleEvent | ToolCallEvent | ToolResultEvent | RunFailedEvent | A2uiCommandEvent | A2uiSchemaEvent | PlanEvent | CitationEvent;
 /**
  * 消息类型
  * 定义智能体和用户之间的消息结构
@@ -1471,6 +1481,25 @@ interface ProviderModel {
     icon?: string;
     models: Model[];
 }
+/**
+ * 文档类型接口
+ */
+interface DocType {
+    /** 文档内容 */
+    content: string;
+    /** 文档唯一标识 */
+    docId: string;
+    /** 文档关键字列表 */
+    keywords?: string[];
+    /** 文档位置 */
+    position?: number;
+    /** 文档分段ID */
+    sid?: string;
+    /** 文档令牌数量 */
+    tokens?: number;
+    /** 文档字数 */
+    wordCount?: number;
+}
 
 /**
  * 附件组件属性接口

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { CloudUploadOutlined, PaperClipOutlined, LoadingOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlusOutlined, CommentOutlined, FileTextOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, RedoOutlined, PlayCircleOutlined, DotChartOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
-import { Attachments, Sender, Think, FileCard, Bubble, XProvider, Conversations, Welcome, Prompts, Mermaid, CodeHighlighter } from '@ant-design/x-v2';
-import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, FileIcon, LazyComponent, formatSize, isDef, isNull, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Tag as Tag$1, Spin, Splitter, theme, Collapse, Avatar, Space, Popover, Form, Empty, Input, InputNumber, Switch as Switch$1, message, List, Skeleton, Alert, Upload, Card, Table, Progress as Progress$1, Divider as Divider$1, Select as Select$1 } from 'antd';
+import { CloudUploadOutlined, PaperClipOutlined, LoadingOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlusOutlined, CommentOutlined, FileTextOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, PlayCircleOutlined, DotChartOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { Attachments, Sender, Think, FileCard, Bubble, XProvider, Mermaid, CodeHighlighter, Conversations, Welcome, Prompts } from '@ant-design/x-v2';
+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, formatSize, isDef, isNull, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Tag, Spin, Splitter, theme, Collapse, Avatar, Space, Popover, Form, Skeleton, Alert, Empty, Input, InputNumber, Switch as Switch$1, message, List, Drawer, Upload, Card, Table, Progress as Progress$1, Divider as Divider$1, Select as Select$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';
@@ -434,6 +434,9 @@ var createChatService = (request, config) => {
   const getPreviewUrl = (agentId, conversationId, path) => {
     return `${config?.baseURL}/agents/${agentId}/${conversationId}/files/download?path=${encodeURIComponent(path)}&${TOKEN_KEY}=${tokenManager.get()}`;
   };
+  const docQuery = (params) => {
+    return request.get(`/library/cloud/document?${params}`);
+  };
   return {
     fetchModelList,
     fetchAgentInfo,
@@ -447,7 +450,8 @@ var createChatService = (request, config) => {
     getAgentUserInput,
     feedbackUpdate,
     chatUpload,
-    getPreviewUrl
+    getPreviewUrl,
+    docQuery
   };
 };
 
@@ -1149,7 +1153,7 @@ function createChatStore() {
           messages.push(finalMsg);
         } else {
           const prevContent = messages[idx]?.content || [];
-          messages[idx].content = [...prevContent, newMessage.content[0]];
+          messages[idx].content = [...prevContent, ...newMessage.content];
         }
         conversation.messages[newMessage.conversationId].loading = true;
         break;
@@ -1549,7 +1553,7 @@ function getArtifactFallbackTitle(type) {
   return "\u672A\u547D\u540D\u5185\u5BB9";
 }
 var ArtifactCard = ({ type, title }) => /* @__PURE__ */ jsx(Card, { size: "small", style: { borderRadius: 12 }, children: /* @__PURE__ */ jsxs(Space, { align: "center", wrap: true, children: [
-  /* @__PURE__ */ jsx(Tag$1, { color: "blue", children: type }),
+  /* @__PURE__ */ jsx(Tag, { color: "blue", children: type }),
   /* @__PURE__ */ jsx(AText, { strong: true, children: title || getArtifactFallbackTitle(type) })
 ] }) });
 function renderMiniChart(spec, opts) {
@@ -2065,6 +2069,45 @@ var FileView_default = ({ data, loading }) => {
     /* @__PURE__ */ jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
   ] }) });
 };
+var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
+  const chatStore = useChatStore();
+  const configState = useSnapshot(chatStore.config);
+  const [content, setContent] = useState("");
+  const [loading, setLoading] = useState(false);
+  const getContent = async () => {
+    try {
+      setLoading(true);
+      const res = await configState.services.request.docQuery(paramsStr);
+      setContent(res.data?.content || "");
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    getContent();
+  }, [paramsStr]);
+  return /* @__PURE__ */ jsx(Drawer, { title, push: false, size: "100%", open, onClose, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsx(XMarkdown, { content }) : /* @__PURE__ */ jsx(Empty, { className: "m-t-32" }) }) });
+};
+var IndexQuote_default = ({ data, loading, message: message3 }) => {
+  const [open, setOpen] = useState(false);
+  const citation = useMemo(() => {
+    const citations = message3.content?.find((item) => item.type === "citation")?.citations ?? [];
+    return citations?.find((item) => String(item.citationId) === String(data.citationId));
+  }, [data.citationId, message3.content]);
+  const onClick = () => {
+    if (!citation?.citationUrl) return;
+    if (isExternal(citation.citationUrl)) {
+      window.open(citation.citationUrl, "_blank");
+    } else {
+      setOpen(true);
+    }
+  };
+  const Content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsx("a", { onClick, children: citation?.citationName }) }) });
+  return /* @__PURE__ */ jsxs("div", { className: "inline-block m-l-8", children: [
+    /* @__PURE__ */ jsx(Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsx(Popover, { content: Content, children: /* @__PURE__ */ jsx(Tag, { variant: "filled", color: "processing", className: "cursor-pointer", children: data?.citationName }) }) }),
+    open && /* @__PURE__ */ jsx(DocDrawer_default, { paramsStr: citation?.citationUrl, title: citation?.citationName, open, onClose: () => setOpen(false) })
+  ] });
+};
 var MdEdit_default = ({ data, loading }) => {
   const chatStore = useChatStore();
   const [value, setValue] = useState("");
@@ -2122,11 +2165,15 @@ var PreviewLink_default = ({ data, loading, domNode, ...rest }) => {
   };
   return /* @__PURE__ */ jsx("a", { ...rest, onClick: handleClick, children: data });
 };
+var Think_default = ({ data }) => {
+  return /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", className: "m-b-16", children: data });
+};
 
 // src/components/XMarkdown/styles.module.less
 var styles_module_default4 = {
   xMarkdownStyle: "styles_module_xMarkdownStyle"
 };
+var MARKDOWN_PAYLOAD_PLACEHOLDER_PREFIX = "XMD_PAYLOAD_";
 var singleTildeExtension = {
   name: "singleTilde",
   level: "inline",
@@ -2153,44 +2200,86 @@ var getMarkdownConfig = (options) => {
     breaks: options?.breaks ?? false
   };
 };
-var adaptMarkdownComponent = (Component, message3) => {
-  const WrappedComponent = ({ children, streamStatus, ...rest }) => /* @__PURE__ */ jsx(Component, { message: message3, ...rest, data: safeParseJson(children, { repair: true }), loading: streamStatus === "loading" });
-  WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
-  return WrappedComponent;
-};
-var adaptMarkdownComponents = (components, message3) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, message3)]));
+function makeMarkdownPayloadPlaceholder(index) {
+  return `${MARKDOWN_PAYLOAD_PLACEHOLDER_PREFIX}${index}`;
+}
+function resolveMappedMarkdownPayload(value, payloadMap) {
+  if (isString(value)) {
+    if (new RegExp(`^${MARKDOWN_PAYLOAD_PLACEHOLDER_PREFIX}\\d+$`).test(value)) {
+      return safeParseJson(payloadMap.get(value), { repair: true });
+    }
+  }
+  return value;
+}
 function formatMixedContent(content) {
   return content.replace(/<!DOCTYPE html>[\s\S]*?<\/html>/gi, (match) => `\`\`\`html
 ${match}
 \`\`\``);
 }
-var XMarkdown_default = ({ message: message3, components, content, ...rest }) => {
+function preprocessCustomTagPayloads(content = "", payloadTagPattern) {
+  let id = 0;
+  const payloadMap = /* @__PURE__ */ new Map();
+  const processedContent = content.replace(
+    new RegExp(`(?<opening><(?<tag>${payloadTagPattern})\\b[^>]*>)(?<inner>[\\s\\S]*?)(?<closing><\\/\\k<tag>\\s*>|$)`, "gi"),
+    (match, _opening, _tag, _inner, _closing, _offset, _source, groups) => {
+      const openingText = groups?.opening ?? "";
+      if (!openingText) {
+        return match;
+      }
+      const innerText = groups?.inner ?? "";
+      const closingText = groups?.closing ?? "";
+      const placeholder = makeMarkdownPayloadPlaceholder(id++);
+      payloadMap.set(placeholder, innerText.trim());
+      return `${openingText}${placeholder}${closingText}`;
+    }
+  );
+  return {
+    content: processedContent,
+    payloadMap
+  };
+}
+var adaptMarkdownComponent = (Component, payloadMap = /* @__PURE__ */ new Map(), message3) => {
+  const WrappedComponent = ({ children, streamStatus, ...rest }) => {
+    const rawData = resolveMappedMarkdownPayload(children, payloadMap);
+    return /* @__PURE__ */ jsx(Component, { message: message3, ...rest, data: rawData, loading: streamStatus === "loading" });
+  };
+  WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
+  return WrappedComponent;
+};
+var adaptMarkdownComponents = (components, payloadMap = /* @__PURE__ */ new Map(), message3) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMap, message3)]));
+var XMarkdown_default = ({ message: message3, components = {}, content = "", ...rest }) => {
   const config = useMemo(() => getMarkdownConfig(), []);
-  const markdownComponents = useMemo(
-    () => adaptMarkdownComponents(
-      {
-        code: CodeHighlight_default,
-        agentnavigate: AgentNavigate_default,
-        a: PreviewLink_default,
-        appcard: AppCard_default,
-        fileview: FileView_default,
-        charts: Charts_default,
-        // indexquote: IndexQuote,
-        mdedit: MdEdit_default,
-        fileedit: FileEdit_default,
-        ...components
-      },
-      message3
-    ),
-    [components, message3]
+  const formattedContent = useMemo(() => formatMixedContent(content), [content]);
+  const newComponents = useMemo(
+    () => ({
+      think: Think_default,
+      code: CodeHighlight_default,
+      agentnavigate: AgentNavigate_default,
+      a: PreviewLink_default,
+      appcard: AppCard_default,
+      fileview: FileView_default,
+      charts: Charts_default,
+      indexquote: IndexQuote_default,
+      mdedit: MdEdit_default,
+      fileedit: FileEdit_default,
+      ...components
+    }),
+    [components]
+  );
+  const componentKeys = useMemo(() => Object.keys(newComponents), [newComponents]);
+  const payloadTagPattern = useMemo(() => componentKeys.join("|"), [componentKeys]);
+  const { content: processedContent, payloadMap } = useMemo(
+    () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
+    [formattedContent, payloadTagPattern]
   );
+  const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMap, message3), [componentKeys, message3, payloadMap]);
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
       className: classNames2("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
-      content: formatMixedContent(content),
+      content: processedContent,
       components: markdownComponents
     }
   );
@@ -2546,7 +2635,7 @@ var Button7 = ({ label, variant = "default", onClick, action, onAction }) => {
   return /* @__PURE__ */ jsx(Button, { type: variant === "primary" ? "primary" : "default", danger: variant === "danger", onClick: handleClick, style: { borderRadius: 8 }, children: label });
 };
 var Divider = () => /* @__PURE__ */ jsx(Divider$1, { style: { margin: "8px 0" } });
-var Tag = ({ text, color }) => /* @__PURE__ */ jsx(Tag$1, { color, children: text });
+var Tag2 = ({ text, color }) => /* @__PURE__ */ jsx(Tag, { color, children: text });
 var Progress = ({
   percent,
   status = "normal",
@@ -2564,7 +2653,7 @@ var A2uiComponents = {
   Switch,
   Button: Button7,
   Divider,
-  Tag,
+  Tag: Tag2,
   Progress,
   ArtifactCard,
   TableViewer,
@@ -4818,7 +4907,7 @@ var ChatPreviewPanel = memo(({ file }) => {
             }
           });
         },
-        extraNav: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tag$1, { variant: "filled", color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsx(CloseOutlined, {}) }) })
+        extraNav: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tag, { variant: "filled", color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsx(CloseOutlined, {}) }) })
       }
     )
   ] });