@zero-library/chat-copilot 3.2.4 → 3.2.5

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
-import { DecoratorNode, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, $getRoot, $createParagraphNode, $createTextNode, $getNodeByKey } from 'lexical';
+import { DecoratorNode, FOCUS_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, $getRoot, $createParagraphNode, $createTextNode, $getSelection, $isRangeSelection, $getNodeByKey } from 'lexical';
 import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
 import { mergeRegister } from '@lexical/utils';
 import * as ReactDOM from 'react-dom';
@@ -1055,7 +1055,7 @@ function formatResourceName(resourceName) {
   return `${name.slice(0, 3)}***${name.slice(-3)}${extension}`;
 }
 function ReadonlyResourceTag({ resource }) {
-  return /* @__PURE__ */ jsx("div", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxs(Tag, { color: "blue", children: [
+  return /* @__PURE__ */ jsx("span", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxs(Tag, { color: "blue", children: [
     resource.resourceLabel,
     "\uFF1A",
     formatResourceName(resource.resourceName)
@@ -1071,7 +1071,7 @@ function ResourceTag({ resource }) {
       node?.remove();
     });
   };
-  return /* @__PURE__ */ jsx("div", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxs(Tag, { closeIcon: true, color: "blue", onClose: handleClose, children: [
+  return /* @__PURE__ */ jsx("span", { className: index_module_default.resourceTag, children: /* @__PURE__ */ jsxs(Tag, { closeIcon: true, color: "blue", onClose: handleClose, children: [
     resource.resourceLabel,
     "\uFF1A",
     formatResourceName(resource.resourceName)
@@ -1167,10 +1167,14 @@ var VariableNode = class _VariableNode extends DecoratorNode {
 function $createVariableNode(resourceLabel, resourceName, resourceType, resourceId) {
   return new VariableNode(resourceLabel, resourceName, resourceType, resourceId);
 }
+var RESOURCE_TOKEN_REGEX_SOURCE = String.raw`\/?(\w+):\/\/([^?\s#]+)\?name=([^&\s#]+)&label=([^#\s]+)(?:#)?`;
+function createResourceTokenRegex() {
+  return new RegExp(RESOURCE_TOKEN_REGEX_SOURCE, "g");
+}
 function serializeResourceToken(resourceLabel, resourceName, resourceType, resourceId) {
   return `${encodeURIComponent(resourceType)}://${encodeURIComponent(resourceId)}?name=${encodeURIComponent(resourceName)}&label=${encodeURIComponent(
     resourceLabel
-  )}`;
+  )}#`;
 }
 var emptyAgentResources = {
   skills: [],
@@ -1222,6 +1226,45 @@ var categoryValueTypeMap = Object.fromEntries(
   Object.entries(resourceTypeConfigMap).map(([type, config]) => [config.categoryValue, type])
 );
 var isHashCommandConfig = (config) => !!config && !Array.isArray(config);
+function insertVariableNode(editor, { resourceLabel, resourceName, resourceType, resourceId }, nodeToReplace) {
+  editor.update(() => {
+    const variableNode = $createVariableNode(resourceLabel, resourceName, resourceType, resourceId);
+    if (nodeToReplace) {
+      nodeToReplace.replace(variableNode);
+      variableNode.selectNext();
+      return;
+    }
+    const trailingTextNode = $createTextNode("");
+    const selection = $getSelection();
+    if ($isRangeSelection(selection)) {
+      selection.insertNodes([variableNode, trailingTextNode]);
+      trailingTextNode.select();
+      return;
+    }
+    const root = $getRoot();
+    const lastChild = root.getLastChild();
+    const paragraph = lastChild?.getType() === "paragraph" ? lastChild : $createParagraphNode();
+    if (!paragraph.getParent()) {
+      root.append(paragraph);
+    }
+    paragraph.append(variableNode, trailingTextNode);
+    trailingTextNode.select();
+  });
+}
+function ResourceInsertPlugin() {
+  const [editor] = useLexicalComposerContext();
+  const chatStore = useChatStore();
+  const resourceInsertionState = useSnapshot(chatStore.resourceInsertion);
+  useEffect(() => {
+    const pendingResource = resourceInsertionState.pending;
+    if (!pendingResource) return;
+    editor.focus(() => {
+      insertVariableNode(editor, pendingResource);
+    });
+    chatStore.consumeInsertedResource(pendingResource.requestId);
+  }, [chatStore, editor, resourceInsertionState.pending]);
+  return null;
+}
 var ResourceOption = class extends MenuOption {
   group;
   item;
@@ -1381,13 +1424,16 @@ function VariablePickerPlugin({ commandConfig = {} }) {
       const resource = selectedOption.item;
       const resourceLabel = selectedOption.group.label;
       const resourceType = selectedOption.group.value;
-      editor.update(() => {
-        const variableNode = $createVariableNode(resourceLabel, resource.label, resourceType, resource.value);
-        if (nodeToReplace) {
-          nodeToReplace.replace(variableNode);
-          variableNode.selectNext();
-        }
-      });
+      insertVariableNode(
+        editor,
+        {
+          resourceLabel,
+          resourceName: resource.label,
+          resourceType,
+          resourceId: resource.value
+        },
+        nodeToReplace
+      );
       closeMenu();
     },
     [editor]
@@ -1427,7 +1473,7 @@ function VariablePickerPlugin({ commandConfig = {} }) {
 function InitialStatePlugin({ value }) {
   const [editor] = useLexicalComposerContext();
   function parseAndAppendNodes(paragraph, value2) {
-    const variableRegex = /\/?(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
+    const variableRegex = createResourceTokenRegex();
     let lastIndex = 0;
     let match;
     while ((match = variableRegex.exec(value2)) !== null) {
@@ -1582,6 +1628,7 @@ var ChatInput = React10.forwardRef(
       ),
       /* @__PURE__ */ jsx(HistoryPlugin, {}),
       /* @__PURE__ */ jsx(VariablePickerPlugin, { commandConfig }),
+      /* @__PURE__ */ jsx(ResourceInsertPlugin, {}),
       /* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleOnChange }),
       /* @__PURE__ */ jsx(InitialStatePlugin, { value: stringValue })
     ] }) });
@@ -1970,7 +2017,7 @@ function createChatStore() {
       await getAgentInfo(agentInfo.id);
     }
     agent.agentInfo = { ...agent.agentInfo, ...agentInfo };
-    if (config.layout.userInput) {
+    if (config.layout.userInput && agent.agentInfo.agentType === 1 /* FLOW */) {
       await getUserInput(agent.agentInfo.id);
     }
     config.hooks?.onAfterSwitchAgent?.(agent.agentInfo);
@@ -2188,6 +2235,21 @@ function createChatStore() {
   const focusTarget = proxy({
     target: null
   });
+  let resourceInsertionRequestId = 0;
+  const resourceInsertion = proxy({
+    pending: null
+  });
+  const insertResource = (resource) => {
+    resourceInsertion.pending = {
+      requestId: ++resourceInsertionRequestId,
+      ...resource
+    };
+  };
+  const consumeInsertedResource = (requestId) => {
+    if (resourceInsertion.pending?.requestId === requestId) {
+      resourceInsertion.pending = null;
+    }
+  };
   const openSubAgent = async (item) => {
     let subConvId = item.subConversationId ?? item.metadata?.conversationId;
     let agentName = item.agentName;
@@ -2856,6 +2918,7 @@ function createChatStore() {
     const canProceed = await config.hooks?.onBeforeSend?.(msgContent, files || []);
     if (canProceed === false) return;
     if (conversation.active.userInput?.length) {
+      console.log(conversation.active.userInput);
       const invalid = conversation.active.userInput.some((item) => {
         const isRequired = item.rules?.some((r) => r.type === "required");
         if (isRequired) {
@@ -3022,7 +3085,13 @@ function createChatStore() {
     /** 关闭子智能体执行详情面板 */
     closeSubAgent,
     /** 右侧面板聚焦意图（通用） */
-    focusTarget
+    focusTarget,
+    /** 待插入的资源节点请求 */
+    resourceInsertion,
+    /** 发起资源节点插入 */
+    insertResource,
+    /** 消费已处理的资源节点请求 */
+    consumeInsertedResource
   };
 }
 var AuthImage = ({ path, size, shape = "square" }) => {
@@ -4099,6 +4168,7 @@ var MdEdit_default = ({ data, loading }) => {
 };
 var PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
   const chatStore = useChatStore();
+  const conversationId = chatStore.conversation.active?.id;
   const conversationWorkspacePrefix = "/workspace";
   const getLinkFileName = (path) => {
     const lastSegment = path.split("/").pop();
@@ -4128,7 +4198,7 @@ var PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
     chatStore.setPreview({
       fileUrl: chatStore.config.services.request.getPreviewUrl({
         path: normalizedPath,
-        workspaceId: message3.conversationId
+        workspaceId: conversationId
       }),
       fileName,
       suffix
@@ -5892,7 +5962,6 @@ var RunStartedNode = React10__default.memo(() => {
   ] });
 });
 var RESOURCE_MARKDOWN_TAG = "resourcetag";
-var RESOURCE_TOKEN_REGEX = /(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
 function QuestionSummary({ content }) {
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
   return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
@@ -5906,7 +5975,8 @@ function MessageResourceTag({ data }) {
   return /* @__PURE__ */ jsx(ReadonlyResourceTag, { resource });
 }
 function transformResourceText(content) {
-  return content.replace(RESOURCE_TOKEN_REGEX, (_, resourceType, resourceId, resourceName, resourceLabel) => {
+  const resourceTokenRegex = createResourceTokenRegex();
+  return content.replace(resourceTokenRegex, (_, resourceType, resourceId, resourceName, resourceLabel) => {
     const resource = {
       resourceType: decodeURIComponent(resourceType),
       resourceId: decodeURIComponent(resourceId),
@@ -6879,29 +6949,8 @@ var emptyAgentResources2 = {
   subAgents: [],
   tools: []
 };
-var focusSenderInputToEnd = () => {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(() => {
-      const input = document.querySelector('.zero-chat-sender .ant-sender-input[contenteditable="true"]');
-      if (!input) return;
-      input.focus();
-      const selection = window.getSelection();
-      if (!selection) return;
-      const range = document.createRange();
-      range.selectNodeContents(input);
-      range.collapse(false);
-      selection.removeAllRanges();
-      selection.addRange(range);
-    });
-  });
-};
-var appendResourceToken = (content, token) => {
-  if (!content) return token;
-  return /\s$/.test(content) ? `${content}${token}` : `${content}  ${token}`;
-};
 var ResourceBtn_default = ({ types = defaultResourceTypes }) => {
   const chatStore = useChatStore();
-  const conversationState = useSnapshot(chatStore.conversation);
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
   const [open, setOpen] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -6911,15 +6960,13 @@ var ResourceBtn_default = ({ types = defaultResourceTypes }) => {
       key: getResourceKey(item),
       label: getLabel(item),
       onClick: () => {
-        const resourceName = getLabel(item);
-        const currentContent = conversationState.messages[conversationState.active.id]?.content || "";
-        const nextContent = appendResourceToken(
-          currentContent,
-          serializeResourceToken(resourceLabel, resourceName, resourceTypeMap[categoryKey].nodeType, getResourceKey(item))
-        );
-        chatStore.setContent(nextContent);
+        chatStore.insertResource({
+          resourceLabel,
+          resourceName: getLabel(item),
+          resourceType: resourceTypeMap[categoryKey].nodeType,
+          resourceId: getResourceKey(item)
+        });
         setOpen(false);
-        focusSenderInputToEnd();
       }
     }));
     const buildSubMenu = (key, label, items2, getLabel) => ({
@@ -6963,7 +7010,7 @@ var ResourceBtn_default = ({ types = defaultResourceTypes }) => {
         label: t11("empty")
       }
     ];
-  }, [chatStore, conversationState.active.id, conversationState.messages, loading, resources, t11, types]);
+  }, [chatStore, loading, resources, t11, types]);
   const handleOpenChange = async (nextOpen) => {
     setOpen(nextOpen);
     if (!nextOpen) return;
@@ -7239,10 +7286,19 @@ var UserInputPanel = () => {
   const [activeKey, setActiveKey] = useState(["1"]);
   const { t: t11 } = useTranslation(NS_CHAT_COPILOT);
   const inputs = useMemo(() => {
-    if (agentState.agentInfo.userInput?.length > 0) {
-      return agentState.agentInfo.userInput;
-    }
+    return agentState.agentInfo.userInput || [];
   }, [agentState.agentInfo.userInput]);
+  const syncConversationUserInput = useCallback(
+    (values) => {
+      if (inputs.length === 0) return;
+      const newInput = inputs.map((item) => ({
+        ...item,
+        value: values[item.name]
+      }));
+      chatStore.setConversationUserInput(newInput);
+    },
+    [chatStore, inputs]
+  );
   useEffect(() => {
     if (inputs.length > 0) {
       const initialValues = inputs.reduce((acc, cur) => {
@@ -7251,23 +7307,15 @@ var UserInputPanel = () => {
         return acc;
       }, {});
       form.setFieldsValue(initialValues);
+      syncConversationUserInput(initialValues);
     }
-  }, [inputs, form]);
-  const handleValuesChange = (changedValues) => {
-    if (agentState.agentInfo.userInput?.length > 0) {
-      const newInput = agentState.agentInfo.userInput.map((v) => {
-        if (v.name in changedValues) {
-          const newValue = changedValues[v.name];
-          return { ...v, value: newValue };
-        }
-        return v;
-      });
-      chatStore.setConversationUserInput(newInput);
-      return;
-    }
+  }, [form, inputs, syncConversationUserInput]);
+  const handleValuesChange = (_changedValues, allValues) => {
+    syncConversationUserInput(allValues);
   };
   const handleStartChat = () => {
     form.validateFields().then(() => {
+      syncConversationUserInput(form.getFieldsValue(true));
       setActiveKey([]);
     }).catch(() => {
       message.error(t11("checkParams"));