@zero-library/chat-copilot 3.1.8 → 3.1.9

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Drawer, Empty, Modal, Checkbox, Input, message, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
+import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Form, Drawer, Empty, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, List, Upload, Card, Table, Progress as Progress$1 } from 'antd';
 import * as React10 from 'react';
 import React10__default, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback, useLayoutEffect } from 'react';
 import { useSnapshot, proxy } from 'valtio';
@@ -43,7 +43,7 @@ var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender"};
 var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
-  const { message: message2 } = App.useApp();
+  const { message: message3 } = App.useApp();
   const chatStore = useChatStore();
   useSnapshot(chatStore.agent);
   const fileListRef = useRef([]);
@@ -71,7 +71,7 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList =
     onChange(files);
   }, [attachedFiles]);
   const onErrorTip = useDebounce((errorMsg) => {
-    message2.error(errorMsg);
+    message3.error(errorMsg);
   }, 300);
   const findConfig = (file) => {
     return fileUploadConfig?.allowedTypes?.find((type) => type === getFileSuffixName(file.name)) || "";
@@ -265,6 +265,41 @@ var classifyTime = (timestamp) => {
     return "\u66F4\u65E9";
   }
 };
+var variablesToObject = (variables) => {
+  if (!isArray(variables)) return {};
+  const jsonTypes = ["OBJECT", "ARRAY", "ARRAY_STRING", "ARRAY_NUMBER", "ARRAY_DECIMAL", "ARRAY_BOOLEAN", "ARRAY_OBJECT"];
+  return variables.reduce(
+    (acc, cur) => {
+      if (cur.type === "BOOLEAN") {
+        if (isDef(cur.value) && !isNull(cur.value)) {
+          acc[cur.name] = cur.value;
+        }
+      } else if (jsonTypes.includes(cur.type)) {
+        if (isDef(cur.value) && !isNull(cur.value)) {
+          if (typeof cur.value === "string") {
+            if (cur.value === "") {
+              acc[cur.name] = cur.type === "OBJECT" ? {} : [];
+            } else {
+              try {
+                acc[cur.name] = JSON.parse(cur.value);
+              } catch (e) {
+                acc[cur.name] = cur.type === "OBJECT" ? {} : [];
+              }
+            }
+          } else {
+            acc[cur.name] = cur.value;
+          }
+        }
+      } else {
+        if (isDef(cur.value) && !isNull(cur.value) && cur.value !== "") {
+          acc[cur.name] = cur.value;
+        }
+      }
+      return acc;
+    },
+    {}
+  );
+};
 var getChatSocketUrl = (baseURL, params) => {
   return buildUrlParams(params, getWebSocketUrl(`${baseURL}/ws`), "comma");
 };
@@ -302,6 +337,15 @@ var getFileUrl = (params, baseUrl, url) => {
   };
   return buildUrlParams(data, url || `${baseUrl}/files/access`);
 };
+var formatFileSize = (size = 0) => {
+  if (size < 1024) return `${size} B`;
+  const kb = size / 1024;
+  if (kb < 1024) return `${kb.toFixed(2)} KB`;
+  const mb = kb / 1024;
+  if (mb < 1024) return `${mb.toFixed(2)} MB`;
+  const gb = mb / 1024;
+  return `${gb.toFixed(2)} GB`;
+};
 function GroupPicker({
   groups,
   selectedIndex,
@@ -372,6 +416,13 @@ function formatResourceName(resourceName) {
   if (name.length <= 6) return `${name}${extension}`;
   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: [
+    resource.resourceLabel,
+    "\uFF1A",
+    formatResourceName(resource.resourceName)
+  ] }) });
+}
 function ResourceTag({ resource }) {
   const [editor] = useLexicalComposerContext();
   const handleClose = (event) => {
@@ -459,7 +510,7 @@ var VariableNode = class _VariableNode extends DecoratorNode {
    * 生成节点的纯文本表达，便于发送、存储和重新初始化编辑器内容。
    */
   getTextContent() {
-    return `${this.__resourceType}://${this.__resourceId}?name=${this.__resourceName}&label=${this.__resourceLabel}`;
+    return `  ${this.__resourceType}://${this.__resourceId}?name=${this.__resourceName}&label=${this.__resourceLabel}  `;
   }
   /**
    * 将变量节点渲染为可交互的资源标签组件。
@@ -527,6 +578,7 @@ function VariablePickerPlugin({ commandConfig = {} }) {
   useEffect(() => {
     setCommandDataSource(commandConfig);
   }, [commandConfig]);
+  const commandKeys = useMemo(() => Object.keys(commandConfig), [commandConfig]);
   const commandKey = queryString?.[0] || "";
   const searchKeyword = queryString?.slice(commandKey.length).trim().toLocaleLowerCase() || "";
   const categoryConfig = useMemo(
@@ -639,15 +691,15 @@ function VariablePickerPlugin({ commandConfig = {} }) {
       onQueryChange: (query) => setQueryString(query),
       onSelectOption,
       triggerFn: (text) => {
-        const match = new RegExp(
-          `(?:${Object.keys(commandConfig).map((key) => key.replace(/[.*+?^${}()|[\\]\\]/g, "\\$&")).join("|")})([^\\s]*)$`
-        ).exec(text);
+        if (!commandKeys.length) return null;
+        const match = new RegExp(`(?:${commandKeys.map((key) => key.replace(/[.*+?^${}()|[\\]\\]/g, "\\$&")).join("|")})([^\\s]*)$`).exec(text);
         if (!match) return null;
         return { leadOffset: match.index, matchingString: match[0], replaceableString: match[0] };
       },
       options: commandOptions,
       menuRenderFn: (anchorElementRef, { selectedIndex, setHighlightedIndex, selectOptionAndCleanUp }) => {
-        if (!isEditorFocused || !anchorElementRef.current || searchKeyword && !commandGroups.length) return null;
+        if (!isEditorFocused || !anchorElementRef.current || !commandKeys.length || !commandGroups.length && !searchKeyword) return null;
+        if (searchKeyword && !commandGroups.length) return null;
         return ReactDOM.createPortal(
           /* @__PURE__ */ jsx(ResourcePickerMenu, { anchorElementRef, children: /* @__PURE__ */ jsx(
             GroupPicker,
@@ -977,7 +1029,8 @@ var defaultLayout = {
   messageList: true,
   senderHeader: false,
   senderFooter: false,
-  disclaimerNotice: true
+  disclaimerNotice: true,
+  userInput: false
 };
 function createChatStore() {
   const config = proxy({
@@ -1090,6 +1143,17 @@ function createChatStore() {
     agent.model = { ...agent.model, ...model };
     config.hooks?.onAfterSwitchModel?.(model);
   };
+  const getUserInput = async (agentId) => {
+    agent.loading = true;
+    try {
+      const { data } = await config.services.request.getAgentUserInput(agentId);
+      if (data?.inputs && !agent.agentInfo.userInput?.length) {
+        agent.agentInfo.userInput = data.inputs.filter((item) => item.enableEdit);
+      }
+    } finally {
+      agent.loading = false;
+    }
+  };
   const setAgent = (agentInfo) => {
     agent.agentInfo = agentInfo;
     if (agentInfo.agentType === 2 /* AUTONOMOUS */) {
@@ -1097,6 +1161,13 @@ function createChatStore() {
         modelName: agent.agentInfo.spec?.model?.modelName || "",
         providerName: agent.agentInfo.spec?.model?.providerName || ""
       });
+    } else if (config.layout.userInput) {
+      getUserInput(agent.agentInfo.id);
+    }
+  };
+  const setUserInput = (userInput) => {
+    if (agent.agentInfo.agentType === 1 /* FLOW */) {
+      agent.agentInfo.userInput = userInput;
     }
   };
   const getAgentInfo = async (id) => {
@@ -1223,7 +1294,8 @@ function createChatStore() {
     /** 当前激活的会话信息 */
     active: {
       id: "",
-      spec: {}
+      spec: {},
+      userInput: []
     },
     /** 每个会话的消息存储，以会话ID为键 */
     messages: {},
@@ -1258,6 +1330,9 @@ function createChatStore() {
       Object.assign(conversation.active.spec, spec);
     }
   };
+  const setConversationUserInput = (userInput) => {
+    conversation.active.userInput = userInput;
+  };
   const feedback = async (executionId, feedback2, index) => {
     try {
       conversation.feedback.loading = true;
@@ -1642,9 +1717,9 @@ function createChatStore() {
       }
     }
   }
-  function processMessageContent(message2) {
+  function processMessageContent(message3) {
     const newMessage = {
-      ...message2,
+      ...message3,
       agentId: agent.agentInfo.id
     };
     const contentList = Array.isArray(newMessage.content) ? newMessage.content : [];
@@ -1692,14 +1767,14 @@ function createChatStore() {
     }
     processMessageContent(newMessage);
   };
-  const sendMessage = async (message2, msgFiles = [], params) => {
+  const sendMessage = async (message3, msgFiles = [], params) => {
     const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
     let msgContent = "", files;
     const references = conversation.messages[conversationId].references;
-    if (message2) {
-      msgContent = message2;
-      files = msgFiles;
+    if (message3) {
+      msgContent = message3;
+      files = [...msgFiles, ...conversation.messages[conversationId].files || []];
     } else {
       if (references?.type === 1 && references?.content?.msgContent) {
         msgContent = references.content.msgContent + "\n\n";
@@ -1710,6 +1785,22 @@ function createChatStore() {
     if (!msgContent) return;
     const canProceed = await config.hooks?.onBeforeSend?.(msgContent, files || []);
     if (canProceed === false) return;
+    if (conversation.active.userInput?.length) {
+      const invalid = conversation.active.userInput.some((item) => {
+        const isRequired = item.rules?.some((r) => r.type === "required");
+        if (isRequired) {
+          if (item.type === "BOOLEAN") {
+            return isNullOrUnDef(item.value);
+          }
+          return isNullOrUnDef(item.value) || item.value === "";
+        }
+        return false;
+      });
+      if (invalid) {
+        message.error("\u8BF7\u68C0\u67E5\u8F93\u5165\u53C2\u6570");
+        return;
+      }
+    }
     conversation.messages[conversationId].loading = true;
     const idx = conversations.list.items.findIndex((item) => item.id === conversationId);
     if (idx !== -1 && !conversations.list.items[idx].label) {
@@ -1728,15 +1819,16 @@ function createChatStore() {
       responseMode: 2
     };
     const extraParams = deepCopy(config.params?.params || {});
-    Object.assign(extraParams, message2 ? {} : { ...references?.params }, params);
+    const userInputParams = variablesToObject(conversation.active.userInput || []);
+    Object.assign(extraParams, message3 ? {} : { ...references?.params }, params, userInputParams);
     sendParams.params = extraParams;
-    if (!message2) {
+    if (!message3) {
       setContent("");
       setContentParams();
-      setFileList([]);
       setReferences();
-      setHeaderOpen(false);
     }
+    setFileList([]);
+    setHeaderOpen(false);
     try {
       const dealedParams = await config.hooks?.onHandleSendParams?.(sendParams);
       await config.services.request.sendMessageStream(dealedParams || sendParams, agent.agentInfo?.id || "");
@@ -1794,7 +1886,7 @@ function createChatStore() {
     /** 设置智能体 */
     setAgent,
     /** 设置智能体用户输入 */
-    // setUserInput,
+    setUserInput,
     /** 设置会话配置 */
     setConversationSpec,
     /** 历史会话状态 */
@@ -1828,9 +1920,11 @@ function createChatStore() {
     /** 接收消息 */
     acceptMessage,
     /** 获取智能体用户输入 */
-    // getUserInput,
+    getUserInput,
     /** 消息反馈 */
-    feedback
+    feedback,
+    /** 设置会话用户输入 */
+    setConversationUserInput
   };
 }
 var AuthImage = ({ path, size, shape = "square" }) => {
@@ -1924,6 +2018,7 @@ var styles_module_default2 = {
   chatWelcome: "styles_module_chatWelcome",
   promptItem: "styles_module_promptItem",
   bubbleList: "styles_module_bubbleList",
+  userInputCollapse: "styles_module_userInputCollapse",
   logoArea: "styles_module_logoArea",
   logoContainer: "styles_module_logoContainer",
   staticHalo: "styles_module_staticHalo",
@@ -2657,12 +2752,12 @@ var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
   }, [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: message2 }) => {
+var IndexQuote_default = ({ data, loading, message: message3 }) => {
   const [open, setOpen] = useState(false);
   const citation = useMemo(() => {
-    const citations = message2.content?.find((item) => item.type === "citation")?.citations ?? [];
+    const citations = message3.content?.find((item) => item.type === "citation")?.citations ?? [];
     return citations?.find((item) => String(item.citationId) === String(data.citationId));
-  }, [data.citationId, message2.content]);
+  }, [data.citationId, message3.content]);
   const onClick = () => {
     if (!citation?.citationUrl) return;
     if (isExternal(citation.citationUrl)) {
@@ -2677,7 +2772,7 @@ var IndexQuote_default = ({ data, loading, message: message2 }) => {
     open && /* @__PURE__ */ jsx(DocDrawer_default, { paramsStr: citation?.citationUrl, title: citation?.citationName, open, onClose: () => setOpen(false) })
   ] });
 };
-var MarkImg_default = ({ data, loading, message: message2, ...rest }) => {
+var MarkImg_default = ({ data, loading, message: message3, ...rest }) => {
   const getPreviewFileUrl = (src) => {
     return buildUrlParams({ [TOKEN_KEY]: tokenManager.get() || "" }, src);
   };
@@ -2704,7 +2799,7 @@ var MdEdit_default = ({ data, loading }) => {
     !loading && /* @__PURE__ */ jsx(Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { color: "primary", variant: "outlined", onClick: onOk, children: btnText }) })
   ] });
 };
-var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
+var PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
   const chatStore = useChatStore();
   const getLinkFileName = (href) => {
     const url = new URL(href, window.location.origin);
@@ -2737,7 +2832,7 @@ var PreviewLink_default = ({ data, loading, message: message2, ...rest }) => {
     chatStore.setPreview({
       fileUrl: chatStore.config.services.request.getPreviewUrl({
         path: href,
-        workspaceId: message2.conversationId
+        workspaceId: message3.conversationId
       }),
       fileName,
       suffix
@@ -2844,7 +2939,7 @@ var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   return WrappedComponent;
 };
 var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
-var XMarkdown_default = memo(({ message: message2, components = {}, content = "", ...rest }) => {
+var XMarkdown_default = memo(({ message: message3, components = {}, content = "", ...rest }) => {
   const config = useMemo(() => getMarkdownConfig(), []);
   const formattedContent = useMemo(() => formatMixedContent(content), [content]);
   const newComponents = useMemo(
@@ -2870,9 +2965,9 @@ var XMarkdown_default = memo(({ message: message2, components = {}, content = ""
     [formattedContent, payloadTagPattern]
   );
   const payloadMapRef = useRef(payloadMap);
-  const messageRef = useRef(message2);
+  const messageRef = useRef(message3);
   payloadMapRef.current = payloadMap;
-  messageRef.current = message2;
+  messageRef.current = message3;
   const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsx(
     XMarkdown,
@@ -3325,9 +3420,9 @@ function splitA2uiTextSegments(text) {
   }
   return segments.length ? segments : [];
 }
-function extractInlineSurfaceIdsFromMessage(message2) {
+function extractInlineSurfaceIdsFromMessage(message3) {
   const surfaceIds = /* @__PURE__ */ new Set();
-  const items = Array.isArray(message2?.content) ? message2.content : [];
+  const items = Array.isArray(message3?.content) ? message3.content : [];
   for (const item of items) {
     if (item?.type !== "text") continue;
     const text = item.messageContent || item.text || "";
@@ -3346,10 +3441,10 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
   const lastCreateIndexBySurface = /* @__PURE__ */ new Map();
   const lastActionIndexBySurface = /* @__PURE__ */ new Map();
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex++) {
-    const message2 = messages[messageIndex];
-    const items = Array.isArray(message2?.content) ? message2.content : [];
+    const message3 = messages[messageIndex];
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
-      if (message2?.role !== 1) {
+      if (message3?.role !== 1) {
         if (item?.type === "a2uiCommand" && item.command) {
           const surfaceId = String(item.command?.createSurface?.surfaceId || "").trim();
           if (surfaceId) lastCreateIndexBySurface.set(surfaceId, messageIndex);
@@ -3367,7 +3462,7 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
           }
         }
       }
-      if (message2?.role === 1 && item?.type === "text") {
+      if (message3?.role === 1 && item?.type === "text") {
         const text = item.messageContent || item.text || "";
         if (typeof text !== "string" || !text.includes("a2ui_action.v1")) continue;
         try {
@@ -3896,9 +3991,9 @@ function diffConversationMessages(messages, prevCursors) {
   const nextCursors = [];
   const pendingItems = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message2 = messages[messageIndex];
-    const messageId = String(message2?.messageId ?? messageIndex);
-    const items = Array.isArray(message2?.content) ? message2.content : [];
+    const message3 = messages[messageIndex];
+    const messageId = String(message3?.messageId ?? messageIndex);
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     const prevCursor = prevCursors[messageIndex];
     const startIndex = prevCursor ? prevCursor.contentLength : 0;
     if (prevCursor && (prevCursor.messageId !== messageId || items.length < prevCursor.contentLength)) {
@@ -3960,9 +4055,9 @@ function scanA2uiTagsFromMessages(messages, processedTagIds) {
   const newTags = [];
   const newTagIds = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message2 = messages[messageIndex];
-    const messageId = String(message2?.messageId ?? messageIndex);
-    const items = Array.isArray(message2?.content) ? message2.content : [];
+    const message3 = messages[messageIndex];
+    const messageId = String(message3?.messageId ?? messageIndex);
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
       if (item?.type !== "text") continue;
       const text = item.messageContent || item.text || "";
@@ -3980,9 +4075,9 @@ function scanA2uiTagsFromMessages(messages, processedTagIds) {
 }
 function reduceA2uiRuntimeMessages(state, messages) {
   const { shouldReplayAll, pendingItems, nextCursors } = diffConversationMessages(messages || [], state.processedMessageCursors);
-  const itemsToProcess = shouldReplayAll ? messages.flatMap((message2, messageIndex) => {
-    const messageId = String(message2?.messageId ?? messageIndex);
-    const items = Array.isArray(message2?.content) ? message2.content : [];
+  const itemsToProcess = shouldReplayAll ? messages.flatMap((message3, messageIndex) => {
+    const messageId = String(message3?.messageId ?? messageIndex);
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     return items.map((item) => ({ messageIndex, messageId, item }));
   }) : pendingItems;
   const tagProcessedSet = new Set(shouldReplayAll ? [] : state.processedTagIds);
@@ -4024,9 +4119,9 @@ function reduceA2uiRuntimeMessages(state, messages) {
       processA2uiCommand(cmd, messageIndex, messageId, nextState, effects, deletedSurfaceIds, nextWizardSteps);
     }
   });
-  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message2, messageIndex) => ({
-    messageId: String(message2?.messageId ?? messageIndex),
-    contentLength: Array.isArray(message2?.content) ? message2.content.length : 0
+  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message3, messageIndex) => ({
+    messageId: String(message3?.messageId ?? messageIndex),
+    contentLength: Array.isArray(message3?.content) ? message3.content.length : 0
   })) : nextCursors;
   nextState.wizardStepBySurface = { ...nextState.wizardStepBySurface, ...nextWizardSteps };
   if (deletedSurfaceIds.size) {
@@ -4175,10 +4270,10 @@ var A2uiRuntimeContext = React10__default.createContext({
 function useA2uiRuntimeView() {
   return React10__default.useContext(A2uiRuntimeContext);
 }
-function A2uiMessageCards({ messageIndex, message: message2 }) {
+function A2uiMessageCards({ messageIndex, message: message3 }) {
   const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
   const allSurfaceIds = surfaceIdsByMessageIndex[messageIndex] || [];
-  const inlineSurfaceIds = message2 ? extractInlineSurfaceIdsFromMessage(message2) : /* @__PURE__ */ new Set();
+  const inlineSurfaceIds = message3 ? extractInlineSurfaceIdsFromMessage(message3) : /* @__PURE__ */ new Set();
   const surfaceIds = allSurfaceIds.filter((id) => !inlineSurfaceIds.has(id));
   if (!surfaceIds.length) return null;
   return /* @__PURE__ */ jsx("div", { children: surfaceIds.map((surfaceId) => /* @__PURE__ */ jsx(XCard.Card, { id: surfaceId }, surfaceId)) });
@@ -4376,8 +4471,8 @@ function readContextModelPath(context) {
 function buildLatestCommandIndexBySurface(messages) {
   const indexBySurface = {};
   let commandIndex = -1;
-  for (const message2 of messages) {
-    const items = Array.isArray(message2?.content) ? message2.content : [];
+  for (const message3 of messages) {
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
       if (item?.type === "a2uiCommand" && item.command) {
         commandIndex += 1;
@@ -4533,6 +4628,8 @@ var RunStartedNode = React10__default.memo(({ loading }) => {
   if (!loading) return null;
   return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: style_module_default2.runStartedNode, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
+var RESOURCE_MARKDOWN_TAG = "resourcetag";
+var RESOURCE_TOKEN_REGEX = /(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
 function QuestionSummary({ content }) {
   const answer = content.replace(/^Question:\s*/, "").trim() || "\u5DF2\u56DE\u7B54";
   return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", flexDirection: "column", gap: 4 }, children: [
@@ -4540,17 +4637,37 @@ function QuestionSummary({ content }) {
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#262626", lineHeight: 1.6, whiteSpace: "pre-wrap" }, children: answer })
   ] });
 }
+function MessageResourceTag({ data }) {
+  const resource = data;
+  if (!resource) return null;
+  return /* @__PURE__ */ jsx(ReadonlyResourceTag, { resource });
+}
+function transformResourceText(content) {
+  return content.replace(RESOURCE_TOKEN_REGEX, (_, resourceType, resourceId, resourceName, resourceLabel) => {
+    const resource = {
+      resourceType: decodeURIComponent(resourceType),
+      resourceId: decodeURIComponent(resourceId),
+      resourceName: decodeURIComponent(resourceName),
+      resourceLabel: decodeURIComponent(resourceLabel)
+    };
+    return `<${RESOURCE_MARKDOWN_TAG}>${JSON.stringify(resource)}</${RESOURCE_MARKDOWN_TAG}>`;
+  });
+}
 var TextNode2 = React10__default.memo(
   ({
     item,
     role,
     customComponents,
-    message: message2,
+    message: message3,
     messageIndex = -1
   }) => {
     const { surfaceIdsByMessageIndex } = useA2uiRuntimeView();
     const rawContent = toA2uiDisplayText(role, item?.messageContent);
     const segments = splitA2uiTextSegments(rawContent);
+    const markdownComponents = {
+      [RESOURCE_MARKDOWN_TAG]: MessageResourceTag,
+      ...customComponents
+    };
     const visibleSurfaceIds = messageIndex >= 0 ? new Set(surfaceIdsByMessageIndex[messageIndex] || []) : null;
     const firstSeg = segments[0];
     const isPureText = segments.length === 0 || segments.length === 1 && firstSeg.type === "text";
@@ -4559,16 +4676,18 @@ var TextNode2 = React10__default.memo(
       if (typeof content === "string" && content.startsWith("Question:")) {
         return /* @__PURE__ */ jsx(QuestionSummary, { content });
       }
+      const markdownContent = typeof content === "string" ? transformResourceText(content) : content;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
-        !!content && /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content })
+        !!markdownContent && /* @__PURE__ */ jsx(XMarkdown_default, { message: message3, components: markdownComponents, content: markdownContent })
       ] });
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
       segments.map((seg, i) => {
         if (seg.type === "text") {
-          return seg.content.trim() ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content: seg.content }, `text-${i}`) : null;
+          const markdownContent = transformResourceText(seg.content);
+          return seg.content.trim() ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message3, components: markdownComponents, content: markdownContent }, `text-${i}`) : null;
         }
         return seg.surfaceIds.filter((sid) => !visibleSurfaceIds || visibleSurfaceIds.has(sid)).map((sid) => /* @__PURE__ */ jsx(XCard.Card, { id: sid }, `a2ui-${i}-${sid}`));
       })
@@ -4787,9 +4906,9 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "files", "plan"];
-var MessageRender_default = React10__default.memo(({ role, message: message2, messageIndex = -1, loading, containerRef, customComponents }) => {
+var MessageRender_default = React10__default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = useMemo(() => {
-    return (message2.content || []).filter((item) => {
+    return (message3.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
       }
@@ -4807,12 +4926,12 @@ var MessageRender_default = React10__default.memo(({ role, message: message2, me
       }
       return true;
     });
-  }, [loading, message2.content]);
+  }, [loading, message3.content]);
   const quoteMsg = useMemo(() => {
     const quoteMsg2 = {};
-    if (message2.params) {
+    if (message3.params) {
       try {
-        const citation = JSON.parse(message2.params).citation;
+        const citation = JSON.parse(message3.params).citation;
         if (citation) {
           quoteMsg2.messageContent = citation;
         }
@@ -4820,7 +4939,7 @@ var MessageRender_default = React10__default.memo(({ role, message: message2, me
       }
     }
     return isEmptyObj(quoteMsg2) ? null : quoteMsg2;
-  }, [message2.params, message2.quoteMsg]);
+  }, [message3.params, message3.quoteMsg]);
   if (content.length === 0) return null;
   return /* @__PURE__ */ jsxs(Flex, { ref: containerRef, vertical: true, gap: 8, children: [
     content.map((item, index) => {
@@ -4833,8 +4952,8 @@ var MessageRender_default = React10__default.memo(({ role, message: message2, me
           content: /* @__PURE__ */ jsxs(Fragment, { children: [
             item.type === "runStarted" && /* @__PURE__ */ jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(tool_call_item_default, { item }, `tool-call-${item.toolCallId || index}`),
-            item.type === "text" && /* @__PURE__ */ jsx(TextNode2, { item, role: message2.role, customComponents, message: message2, messageIndex }, `message-${index}`),
-            item.type === "stepError" && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message2, components: customComponents, content: item.errorMessage }) : null),
+            item.type === "text" && /* @__PURE__ */ jsx(TextNode2, { item, role: message3.role, customComponents, message: message3, messageIndex }, `message-${index}`),
+            item.type === "stepError" && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message3, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
@@ -4843,7 +4962,7 @@ var MessageRender_default = React10__default.memo(({ role, message: message2, me
       );
     }),
     quoteMsg && /* @__PURE__ */ jsx(QuoteMsgNode, { quoteMsg, role }),
-    messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message2 }) : null
+    messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message3 }) : null
   ] });
 });
 var WelcomeItem_default = ({ icon = true, title = true, description = true, prompts = true }) => {
@@ -4936,13 +5055,13 @@ var BubbleListItems_default = ({
   const messageRefs = useRef({});
   const chatRecords = useMemo(() => {
     const chatRecords2 = [];
-    conversationMessages.forEach((message2, messageIndex) => {
-      const role = getRole(message2.role);
+    conversationMessages.forEach((message3, messageIndex) => {
+      const role = getRole(message3.role);
       const isLeftBubble = role.user === "agent";
-      const isMessageLoading = !!message2.generating;
-      const baseKey = `${message2.executionId}-${messageIndex}`;
+      const isMessageLoading = !!message3.generating;
+      const baseKey = `${message3.executionId}-${messageIndex}`;
       const footerNode = !isMessageLoading ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
-        message2.stopFlag && isLeftBubble && /* @__PURE__ */ jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
+        message3.stopFlag && isLeftBubble && /* @__PURE__ */ jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
         /* @__PURE__ */ jsx(Flex, { align: "center", gap: 4, children: role.user === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -4962,21 +5081,21 @@ var BubbleListItems_default = ({
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message2.feedback === 1 ? "primary" : "default",
+              color: message3.feedback === 1 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(LikeOutlined, {}),
-              onClick: () => chatStore.feedback(message2.executionId, 1, messageIndex)
+              onClick: () => chatStore.feedback(message3.executionId, 1, messageIndex)
             }
           ),
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message2.feedback === 2 ? "primary" : "default",
+              color: message3.feedback === 2 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(DislikeOutlined, {}),
-              onClick: () => chatStore.feedback(message2.executionId, 2, messageIndex)
+              onClick: () => chatStore.feedback(message3.executionId, 2, messageIndex)
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4984,7 +5103,7 @@ var BubbleListItems_default = ({
             {
               control: agentActions,
               ctx: {
-                message: message2,
+                message: message3,
                 get dom() {
                   return messageRefs.current[baseKey];
                 }
@@ -5002,7 +5121,7 @@ var BubbleListItems_default = ({
           MessageRender_default,
           {
             role,
-            message: message2,
+            message: message3,
             messageIndex,
             customComponents,
             loading: isMessageLoading,
@@ -5581,6 +5700,313 @@ var ChatSenderHeader = () => {
   ] });
 };
 var ChatSenderHeader_default = ChatSenderHeader;
+var MonacoEditor = ({ value = "", onChange, placeholder, height = 200, readOnly = false, style }) => {
+  const handleKeyDownCapture = useCallback((e) => {
+    if (e.key === " " || e.code === "Space") {
+      e.stopPropagation();
+    }
+  }, []);
+  const handleKeyUpCapture = useCallback((e) => {
+    if (e.key === " " || e.code === "Space") {
+      e.stopPropagation();
+    }
+  }, []);
+  const handleScriptChange = useCallback(
+    (event) => {
+      onChange?.(event.target.value || "");
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx("div", { style, onKeyDownCapture: handleKeyDownCapture, onKeyUpCapture: handleKeyUpCapture, children: /* @__PURE__ */ jsx(
+    Input.TextArea,
+    {
+      value,
+      onChange: handleScriptChange,
+      readOnly,
+      placeholder,
+      autoSize: false,
+      style: {
+        height,
+        resize: "vertical",
+        fontFamily: 'Monaco, Menlo, Consolas, "Courier New", monospace',
+        ...style
+      }
+    }
+  ) });
+};
+var MonacoEditor_default = MonacoEditor;
+var { Text: Text8 } = Typography;
+var FormFileUpload = ({ value, onChange, multiple = false }) => {
+  const { token } = theme.useToken();
+  const fileList = Array.isArray(value) ? value : value ? [value] : [];
+  const chatStore = useChatStore();
+  const conversationState = useSnapshot(chatStore.conversation);
+  const agentState = useSnapshot(chatStore.agent);
+  const configState = useSnapshot(chatStore.config);
+  const customRequest = async (options) => {
+    const { file, onSuccess, onError } = options;
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      const params = {
+        workspaceType: "conversation" /* CONVERSATION */,
+        agentId: agentState.agentInfo.id,
+        workspaceId: conversationState.active.id
+      };
+      const res = await configState.services.request.chatUpload(params, formData);
+      if (res.code === 200 && res.data?.length) {
+        const uploadedFile = res.data[0];
+        onSuccess(uploadedFile);
+        if (multiple) {
+          onChange?.([...fileList, uploadedFile]);
+        } else {
+          onChange?.([uploadedFile]);
+        }
+      } else {
+        message.error(res.message || "\u4E0A\u4F20\u5931\u8D25");
+        onError(new Error(res.message));
+      }
+    } catch (error) {
+      onError(error);
+    }
+  };
+  const handleRemove = (fileToRemove) => {
+    const newList = fileList.filter((f) => f.id !== fileToRemove.id);
+    onChange?.(newList.length > 0 ? newList : void 0);
+  };
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 12, style: { width: "100%" }, children: [
+    !multiple && fileList.length >= 1 ? null : /* @__PURE__ */ jsx(Upload, { multiple, customRequest, showUploadList: false, children: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(CloudUploadOutlined, {}), children: "\u4ECE\u672C\u5730\u4E0A\u4F20" }) }),
+    fileList.length > 0 && /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, children: fileList.map((file) => /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        justify: "space-between",
+        style: {
+          padding: "8px 12px",
+          backgroundColor: token.colorFillAlter,
+          borderRadius: token.borderRadiusLG || 8,
+          border: `1px solid ${token.colorBorderSecondary}`
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 12, style: { overflow: "hidden", flex: 1 }, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  width: 40,
+                  height: 40,
+                  backgroundColor: "#000",
+                  borderRadius: token.borderRadiusSM || 4,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  flexShrink: 0
+                },
+                children: getFileIcon(file.extension || getFileSuffixName(file.name), 20)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { overflow: "hidden", display: "flex", flexDirection: "column", flex: 1 }, children: [
+              /* @__PURE__ */ jsx(Text8, { ellipsis: true, style: { width: "100%", fontSize: 14, fontWeight: 500 }, children: file.name }),
+              /* @__PURE__ */ jsxs(Text8, { type: "secondary", style: { fontSize: 12 }, children: [
+                (file.extension || getFileSuffixName(file.name)).toUpperCase(),
+                " \u2022 ",
+                formatFileSize(file.size)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(DeleteOutlined, {}), onClick: () => handleRemove(file), style: { color: token.colorTextSecondary } })
+        ]
+      },
+      file.id || file.uid
+    )) })
+  ] });
+};
+var FormMonacoEditor = ({ value, onChange }) => {
+  const { token } = theme.useToken();
+  return /* @__PURE__ */ jsx("div", { style: { backgroundColor: token.colorFillAlter, padding: 8, borderRadius: token.borderRadius }, children: /* @__PURE__ */ jsx(MonacoEditor_default, { language: "json", placeholder: "\u8BF7\u8F93\u5165\u503C...", height: 80, value, onChange }) });
+};
+var UserInputPanel = () => {
+  const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
+  const [form] = Form.useForm();
+  const [activeKey, setActiveKey] = useState(["1"]);
+  const inputs = useMemo(() => {
+    if (agentState.agentInfo.userInput?.length > 0) {
+      return agentState.agentInfo.userInput;
+    }
+  }, [agentState.agentInfo.userInput]);
+  useEffect(() => {
+    if (inputs.length > 0) {
+      const initialValues = inputs.reduce((acc, cur) => {
+        let value = cur.value;
+        acc[cur.name] = value;
+        return acc;
+      }, {});
+      form.setFieldsValue(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;
+    }
+  };
+  const handleStartChat = () => {
+    form.validateFields().then(() => {
+      setActiveKey([]);
+    }).catch(() => {
+      message.error("\u8BF7\u68C0\u67E5\u8F93\u5165\u53C2\u6570");
+    });
+  };
+  const renderFormItem = (item) => {
+    const itemStyle = { marginBottom: 0 };
+    const commonProps = {
+      label: item.name,
+      name: item.name,
+      style: itemStyle,
+      rules: item.rules?.map((r) => {
+        const valStr = String(r.value || "");
+        if (r.type === "required") return { required: true, message: r.message };
+        if (r.type === "email") return { type: "email", message: r.message };
+        if (r.type === "pattern") return { pattern: new RegExp(valStr), message: r.message };
+        if (r.type === "max" || r.type === "min") {
+          return {
+            validator: (_, val) => {
+              if (val === void 0 || val === null || val === "") return Promise.resolve();
+              const numVal = Number(val);
+              if (isNaN(numVal)) return Promise.resolve();
+              if (r.type === "max" && numVal > Number(valStr)) return Promise.reject(new Error(r.message));
+              if (r.type === "min" && numVal < Number(valStr)) return Promise.reject(new Error(r.message));
+              return Promise.resolve();
+            }
+          };
+        }
+        if (r.type === "length") {
+          const [min, max] = valStr.split(",").map((v) => v ? Number(v) : void 0);
+          return {
+            validator: (_, val) => {
+              if (val === void 0 || val === null || val === "") return Promise.resolve();
+              const strVal = String(val);
+              if (min !== void 0 && strVal.length < min) return Promise.reject(new Error(r.message));
+              if (max !== void 0 && strVal.length > max) return Promise.reject(new Error(r.message));
+              return Promise.resolve();
+            }
+          };
+        }
+        if (r.type === "size") {
+          const [min, max] = valStr.split(",").map((v) => v ? Number(v) : void 0);
+          return {
+            validator: (_, val) => {
+              if (val === void 0 || val === null || val === "") return Promise.resolve();
+              let len = 0;
+              if (Array.isArray(val)) {
+                len = val.length;
+              } else if (typeof val === "string") {
+                try {
+                  const parsed = JSON.parse(val);
+                  if (Array.isArray(parsed)) len = parsed.length;
+                  else return Promise.resolve();
+                } catch (e) {
+                  return Promise.resolve();
+                }
+              } else {
+                return Promise.resolve();
+              }
+              if (min !== void 0 && len < min) return Promise.reject(new Error(r.message));
+              if (max !== void 0 && len > max) return Promise.reject(new Error(r.message));
+              return Promise.resolve();
+            }
+          };
+        }
+        if (r.type === "enum") {
+          const options = valStr.split(",").map((s) => s.trim());
+          return {
+            validator: (_, val) => {
+              if (val === void 0 || val === null || val === "") return Promise.resolve();
+              if (options.includes(String(val))) return Promise.resolve();
+              return Promise.reject(new Error(r.message));
+            }
+          };
+        }
+        return {};
+      })
+    };
+    if (["STRING", "LONG"].includes(item.type)) {
+      return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u503C" }) });
+    }
+    if (["NUMBER"].includes(item.type)) {
+      return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(InputNumber, { style: { width: "100%" }, placeholder: "\u8BF7\u8F93\u5165\u6570\u503C" }) });
+    }
+    if (item.type === "BOOLEAN") {
+      return /* @__PURE__ */ jsx(Form.Item, { style: itemStyle, name: item.name, valuePropName: "checked", children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx("span", { children: item.name }),
+        /* @__PURE__ */ jsx(Switch$1, { size: "small" })
+      ] }) });
+    }
+    if (item.type === "FILE") {
+      return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(FormFileUpload, { multiple: false }) });
+    }
+    if (item.type === "ARRAY_FILE") {
+      return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(FormFileUpload, { multiple: true }) });
+    }
+    if (["OBJECT", "ARRAY", "ARRAY_STRING", "ARRAY_NUMBER", "ARRAY_DECIMAL", "ARRAY_BOOLEAN", "ARRAY_OBJECT"].includes(item.type)) {
+      return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(FormMonacoEditor, {}) });
+    }
+    return /* @__PURE__ */ jsx(Form.Item, { ...commonProps, children: /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u503C" }) });
+  };
+  const genExtra = () => {
+    if (activeKey.includes("1")) return null;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "text",
+        size: "small",
+        onClick: (e) => {
+          e.stopPropagation();
+          setActiveKey(["1"]);
+        },
+        children: "\u7F16\u8F91"
+      }
+    );
+  };
+  const items = [
+    {
+      key: "1",
+      label: "\u53C2\u6570\u8BBE\u7F6E",
+      extra: genExtra(),
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Form, { form, layout: "vertical", onValuesChange: handleValuesChange, style: { maxHeight: 500, overflow: "auto", paddingRight: 16 }, children: inputs.length > 0 ? /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 12, children: inputs.map((item) => /* @__PURE__ */ jsx(React10__default.Fragment, { children: renderFormItem(item) }, item.name)) }) : /* @__PURE__ */ jsx("div", { style: { padding: "10px", color: "#999", textAlign: "center" }, children: "\u6682\u65E0\u7528\u6237\u8F93\u5165\u5B57\u6BB5" }) }),
+        /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleStartChat, children: "\u5F00\u59CB\u4F1A\u8BDD" }) })
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { className: styles_module_default2.userInputCollapse, children: /* @__PURE__ */ jsx(
+    Collapse,
+    {
+      activeKey,
+      onChange: (keys) => {
+        const newKeys = typeof keys === "string" ? [keys] : keys;
+        setActiveKey(newKeys);
+      },
+      items,
+      className: "m-16",
+      styles: {
+        body: {
+          paddingRight: 0,
+          paddingBottom: 10
+        }
+      }
+    }
+  ) });
+};
+var UserInputPanel_default = UserInputPanel;
 
 // src/ui/layouts/components/styles.module.less
 var styles_module_default5 = {
@@ -5605,9 +6031,11 @@ var ChatMainPanel = memo(
       []
     );
     const configState = useSnapshot(chatStore.config);
+    const agentState = useSnapshot(chatStore.agent);
     return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
       /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames2("height-full", styles_module_default5.bodyWidth), children: [
+        shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.userInput, DefaultComponent: UserInputPanel_default }),
         shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
         /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsx(ChatSenderHeader_default, {}) }),
         /* @__PURE__ */ jsxs(Flex, { className: styles_module_default5.inputContainer, vertical: true, gap: 8, children: [
@@ -5686,7 +6114,7 @@ var index_module_default3 = {
   animatedSplitter: "index_module_animatedSplitter",
   hideSplitterBar: "index_module_hideSplitterBar"
 };
-var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config, services }, _ref) => {
+var layouts_default = forwardRef(({ theme: theme5, params, hooks, layout, config, services }, _ref) => {
   const chatStore = useMemo(() => createChatStore(), []);
   const senderRef = useRef(null);
   useImperativeHandle(
@@ -5733,6 +6161,11 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
       chatStore.setAgent({ ...agentState.agentInfo, config: config.agent.config || {} });
     }
   }, [agentState.agentInfo.id, config.agent?.config]);
+  useDeepEffect(() => {
+    if (agentState.agentInfo.id) {
+      chatStore.setUserInput(config.agent.userInput);
+    }
+  }, [agentState.agentInfo.id, config.agent?.userInput]);
   useDeepEffect(() => {
     if (config?.agent?.id) {
       chatStore.getAgentInfo(config.agent.id);
@@ -5759,20 +6192,20 @@ var layouts_default = forwardRef(({ theme: theme4, params, hooks, layout, config
   }, [hasPreView]);
   useWebSocket({
     url: configState.services.websocketUrls?.[0],
-    onMessage: (message2) => chatStore.acceptMessage(message2.payload),
+    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   useWebSocket({
     url: configState.services.websocketUrls?.[1],
-    onMessage: (message2) => chatStore.acceptMessage(message2.payload),
+    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme4 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),