@yoka-ui/ui 1.0.1

package/dist/lib/business/AiChat/index.js

@@ -0,0 +1,723 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business/AiChat/index.tsx
+var AiChat_exports = {};
+__export(AiChat_exports, {
+  NavigationManager: () => import_navigationManager.NavigationManager,
+  default: () => AiChat_default,
+  delay: () => import_navigationManager.delay,
+  generateSuggestions: () => import_intentRecognizer2.generateSuggestions,
+  isTaskCreationIntent: () => import_intentRecognizer2.isTaskCreationIntent,
+  parseTaskDescription: () => import_intentRecognizer2.parseTaskDescription,
+  recognizeIntent: () => import_intentRecognizer2.recognizeIntent,
+  useAiChat: () => import_useAiChat2.useAiChat,
+  useTaskWorkflow: () => import_useTaskWorkflow2.useTaskWorkflow
+});
+module.exports = __toCommonJS(AiChat_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_intentRecognizer = require("./intentRecognizer");
+var import_MarkdownRender = __toESM(require("./MarkdownRender"));
+var import_useAiChat = require("./useAiChat");
+var import_useTaskWorkflow = require("./useTaskWorkflow");
+var import_intentRecognizer2 = require("./intentRecognizer");
+var import_navigationManager = require("./navigationManager");
+var import_useAiChat2 = require("./useAiChat");
+var import_useTaskWorkflow2 = require("./useTaskWorkflow");
+var { TextArea } = import_antd.Input;
+var { Title } = import_antd.Typography;
+var AiChat = ({
+  apiPath = "/api/ai/chat-stream",
+  storageKey = "ai_chat_sessions",
+  position: initialPosition = { bottom: 24, right: 24 },
+  buttonSize = 56,
+  zIndex = 1080,
+  showSessionPanel = true,
+  onBeforeSend,
+  onError,
+  onSuccess,
+  onFetchSessions,
+  onFetchSessionDetail,
+  onCreateSession,
+  onSendMessage,
+  onUploadFile,
+  className,
+  style,
+  renderTrigger,
+  renderHeader,
+  renderFooter,
+  // 增强配置
+  taskWorkflow,
+  intentRecognition: intentConfig,
+  navigation: navConfig
+}) => {
+  const {
+    sessions,
+    activeSession,
+    loading,
+    visible,
+    createNewSession,
+    switchSession,
+    deleteSession,
+    sendQuestion,
+    regenerateAnswer,
+    deleteSingleMsg,
+    cancelRequest,
+    toggleVisible
+  } = (0, import_useAiChat.useAiChat)({
+    apiPath,
+    storageKey,
+    onBeforeSend,
+    onError,
+    onSuccess,
+    onFetchSessions,
+    onFetchSessionDetail,
+    onCreateSession,
+    onSendMessage,
+    onUploadFile
+  });
+  const {
+    tasks,
+    createTask,
+    updateTaskStatus,
+    deleteTask,
+    createTaskFromNaturalLanguage,
+    updateUrlWithTaskId,
+    refreshCurrentPage,
+    executeTaskCreationWorkflow
+  } = (0, import_useTaskWorkflow.useTaskWorkflow)({
+    enabled: taskWorkflow == null ? void 0 : taskWorkflow.enabled,
+    createTaskApi: taskWorkflow == null ? void 0 : taskWorkflow.createTaskApi,
+    supportedTaskTypes: taskWorkflow == null ? void 0 : taskWorkflow.supportedTaskTypes,
+    autoNavigate: taskWorkflow == null ? void 0 : taskWorkflow.autoNavigate,
+    refreshDelay: navConfig == null ? void 0 : navConfig.refreshDelay,
+    taskIdParamName: taskWorkflow == null ? void 0 : taskWorkflow.taskIdParamName,
+    taskTypeParamName: taskWorkflow == null ? void 0 : taskWorkflow.taskTypeParamName,
+    onTaskCreated: (taskId, taskData) => {
+      if (activeSession) {
+        const systemMsg = {
+          id: `${Date.now()}_sys`,
+          role: "system",
+          content: `任务创建成功，ID: ${taskId}`,
+          taskId
+        };
+      }
+    },
+    onError
+  });
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  const [showSessions, setShowSessions] = (0, import_react.useState)(false);
+  const [suggestions, setSuggestions] = (0, import_react.useState)([]);
+  const [fileList, setFileList] = (0, import_react.useState)([]);
+  const [isMaximized, setIsMaximized] = (0, import_react.useState)(false);
+  const [dialogPosition, setDialogPosition] = (0, import_react.useState)({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = (0, import_react.useState)(false);
+  const dragOffset = (0, import_react.useRef)({ x: 0, y: 0 });
+  const messagesEndRef = (0, import_react.useRef)(null);
+  const triggerRef = (0, import_react.useRef)(null);
+  const fileInputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+  }, [activeSession == null ? void 0 : activeSession.messages]);
+  const handleTriggerMouseDown = (0, import_react.useCallback)(
+    (e) => {
+      if (visible)
+        return;
+      const target = e.target;
+      if (target.closest(".ant-upload, .ant-btn"))
+        return;
+      e.preventDefault();
+      const triggerEl = triggerRef.current;
+      if (!triggerEl)
+        return;
+      const rect = triggerEl.getBoundingClientRect();
+      dragOffset.current = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top
+      };
+      setIsDragging(true);
+    },
+    [visible]
+  );
+  const handleTriggerMouseMove = (0, import_react.useCallback)(
+    (e) => {
+      if (!isDragging || visible)
+        return;
+      setDialogPosition({
+        x: e.clientX - dragOffset.current.x,
+        y: e.clientY - dragOffset.current.y
+      });
+    },
+    [isDragging, visible]
+  );
+  const handleTriggerMouseUp = (0, import_react.useCallback)(() => {
+    setIsDragging(false);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (isDragging && !visible) {
+      document.addEventListener("mousemove", handleTriggerMouseMove);
+      document.addEventListener("mouseup", handleTriggerMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleTriggerMouseMove);
+        document.removeEventListener("mouseup", handleTriggerMouseUp);
+      };
+    }
+    return void 0;
+  }, [isDragging, visible, handleTriggerMouseMove, handleTriggerMouseUp]);
+  const handleInputChange = (0, import_react.useCallback)((e) => {
+    const value = e.target.value;
+    setInputValue(value);
+    if (value.length > 3) {
+      const intent = (0, import_intentRecognizer.recognizeIntent)(value);
+      const newSuggestions = (0, import_intentRecognizer.generateSuggestions)(value, intent);
+      setSuggestions(newSuggestions);
+    } else {
+      setSuggestions([]);
+    }
+  }, []);
+  const handleFileChange = (0, import_react.useCallback)(
+    async (info) => {
+      const uploadFile = info.file;
+      if (!uploadFile || !uploadFile.originFileObj) {
+        setFileList(info.fileList);
+        return;
+      }
+      const file = uploadFile.originFileObj;
+      const isImage = file.type.startsWith("image/");
+      const fileType = isImage ? "image" : "document";
+      try {
+        if (onUploadFile && activeSession) {
+          const result = await onUploadFile({
+            sessionId: activeSession.id,
+            file,
+            type: fileType
+          });
+          const uploadedFile = {
+            uid: file.name,
+            name: result.name || file.name,
+            status: "done",
+            url: result.url
+          };
+          setFileList([...fileList, uploadedFile]);
+          import_antd.message.success(`${fileType === "image" ? "图片" : "文件"}上传成功`);
+        } else {
+          setFileList([...fileList, uploadFile]);
+        }
+      } catch (err) {
+        console.error("文件上传失败:", err);
+        import_antd.message.error("文件上传失败");
+        setFileList(fileList.filter((f) => f.uid !== file.name));
+      }
+    },
+    [fileList, activeSession, onUploadFile]
+  );
+  const handleSend = (0, import_react.useCallback)(async () => {
+    if (!inputValue.trim() && fileList.length === 0) {
+      import_antd.message.warning("请输入问题或上传文件");
+      return;
+    }
+    let content = inputValue.trim();
+    if (fileList.length > 0) {
+      const fileInfo = fileList.map((f) => f.name).join(", ");
+      content += `
+[附件: ${fileInfo}]`;
+    }
+    setInputValue("");
+    setSuggestions([]);
+    setFileList([]);
+    const intentEnabled = (intentConfig == null ? void 0 : intentConfig.enabled) !== false;
+    if (intentEnabled && (0, import_intentRecognizer.isTaskCreationIntent)(content)) {
+      await executeTaskCreationWorkflow(content);
+      return;
+    }
+    sendQuestion(content);
+  }, [inputValue, fileList, intentConfig == null ? void 0 : intentConfig.enabled, executeTaskCreationWorkflow, sendQuestion]);
+  const copyMsg = (c) => {
+    navigator.clipboard.writeText(c);
+    import_antd.message.success("复制成功");
+  };
+  const toggleMaximize = (0, import_react.useCallback)(() => {
+    setIsMaximized((prev) => !prev);
+  }, []);
+  const renderMsg = (item) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.List.Item,
+    {
+      key: item.id,
+      style: {
+        justifyContent: item.role === "user" ? "flex-end" : "flex-start",
+        marginBottom: 12,
+        padding: "4px 0"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          maxWidth: "85%",
+          padding: "10px 14px",
+          borderRadius: 12,
+          backgroundColor: item.role === "user" ? "#1677ff" : item.role === "system" ? "#f6ffed" : "#fafafa",
+          color: item.role === "user" ? "#fff" : "#333",
+          border: item.role === "ai" ? "1px solid #f0f0f0" : item.role === "system" ? "1px solid #b7eb8f" : "none",
+          boxShadow: item.role === "user" ? "0 2px 8px rgba(22, 119, 255, 0.3)" : item.role === "system" ? "0 1px 4px rgba(82, 196, 26, 0.1)" : "0 1px 4px rgba(0,0,0,0.05)"
+        }
+      },
+      item.role === "user" ? /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "flex-start", gap: 8 } }, /* @__PURE__ */ import_react.default.createElement("span", null, item.content), /* @__PURE__ */ import_react.default.createElement(
+        import_icons.CopyOutlined,
+        {
+          onClick: () => copyMsg(item.content),
+          style: {
+            fontSize: 12,
+            color: "rgba(255,255,255,0.7)",
+            cursor: "pointer",
+            flexShrink: 0
+          }
+        }
+      )) : item.role === "system" ? /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            fontSize: 13
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#52c41a" } }, "✓"),
+        /* @__PURE__ */ import_react.default.createElement("span", null, item.content),
+        item.taskId && /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            type: "link",
+            size: "small",
+            style: { padding: 0, fontSize: 12 },
+            onClick: () => updateUrlWithTaskId(item.taskId)
+          },
+          "查看任务"
+        )
+      ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { minHeight: 20 } }, /* @__PURE__ */ import_react.default.createElement(import_MarkdownRender.default, { content: item.content, msgId: item.id, isAi: true, onDelete: deleteSingleMsg })), item.loading && /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#1677ff", fontSize: 12 } }, " 思考中..."), !item.loading && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8, style: { fontSize: 12, marginTop: 6, display: "flex" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "复制" }, /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, { onClick: () => copyMsg(item.content), style: { cursor: "pointer", color: "#999" } })), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "重新生成" }, /* @__PURE__ */ import_react.default.createElement(import_icons.ReloadOutlined, { onClick: () => regenerateAnswer(item), style: { cursor: "pointer", color: "#999" } }))))
+    )
+  );
+  const renderSession = (s) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.List.Item,
+    {
+      key: s.id,
+      onClick: (e) => {
+        if (e.target.closest(".ant-popover, .ant-popconfirm")) {
+          return;
+        }
+        switchSession(s.id);
+      },
+      style: {
+        padding: "10px 12px",
+        borderRadius: 8,
+        cursor: "pointer",
+        backgroundColor: (activeSession == null ? void 0 : activeSession.id) === s.id ? "#e6f7ff" : "#fff",
+        transition: "all 0.2s",
+        marginBottom: 8
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            fontSize: 14,
+            fontWeight: 500,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }
+        },
+        s.title
+      ), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, color: "#999", marginTop: 2 } }, new Date(s.createTime).toLocaleString().slice(0, 16))),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Popconfirm,
+        {
+          title: "确定删除？",
+          onConfirm: (e) => {
+            deleteSession(s.id, e);
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_icons.DeleteOutlined,
+          {
+            style: { color: "#ff4d4f", cursor: "pointer", marginLeft: 8 },
+            onClick: (e) => e.stopPropagation()
+          }
+        )
+      )
+    )
+  );
+  const getDialogStyle = () => {
+    if (isMaximized) {
+      return {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100vw",
+        height: "100vh",
+        borderRadius: 0
+      };
+    }
+    const baseStyle = {
+      position: "relative",
+      width: showSessions ? 960 : 720,
+      height: 680,
+      borderRadius: 12
+    };
+    if (dialogPosition.x !== 0 || dialogPosition.y !== 0) {
+      return {
+        ...baseStyle,
+        transform: `translate(${dialogPosition.x}px, ${dialogPosition.y}px)`
+      };
+    }
+    return baseStyle;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className,
+      style: {
+        position: "fixed",
+        bottom: initialPosition.bottom,
+        right: initialPosition.right,
+        zIndex,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-end",
+        transform: dialogPosition.x !== 0 || dialogPosition.y !== 0 ? `translate(${dialogPosition.x}px, ${dialogPosition.y}px)` : void 0,
+        ...style
+      }
+    },
+    !visible ? renderTrigger ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseDown: handleTriggerMouseDown,
+        onClick: () => !isDragging && toggleVisible(true),
+        style: { cursor: isDragging ? "grabbing" : "grab" }
+      },
+      renderTrigger
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseDown: handleTriggerMouseDown,
+        onClick: () => !isDragging && toggleVisible(true),
+        style: { cursor: isDragging ? "grabbing" : "grab" }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          shape: "circle",
+          size: "large",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, null),
+          style: {
+            width: buttonSize,
+            height: buttonSize,
+            boxShadow: "0 4px 16px rgba(22, 119, 255, 0.4)"
+          }
+        }
+      )
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          ...getDialogStyle(),
+          background: "#fff",
+          boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
+          overflow: "hidden",
+          display: "flex",
+          flexDirection: "row",
+          marginBottom: isMaximized ? 0 : 12,
+          transition: "all 0.3s ease"
+        }
+      },
+      showSessionPanel && showSessions && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            width: 280,
+            borderRight: "1px solid #f0f0f0",
+            background: "#fafafa",
+            display: "flex",
+            flexDirection: "column",
+            flexShrink: 0
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: "1px solid #f0f0f0",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(Title, { level: 5, style: { margin: 0, fontSize: 16 } }, "历史会话"),
+          /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null), onClick: () => setShowSessions(false) })
+        ),
+        /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, padding: 16, overflowY: "auto" } }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            type: "primary",
+            block: true,
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
+            onClick: createNewSession,
+            style: { marginBottom: 12 }
+          },
+          "新建会话"
+        ), /* @__PURE__ */ import_react.default.createElement(import_antd.List, { dataSource: sessions, renderItem: renderSession, locale: { emptyText: "暂无会话" } }))
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            minWidth: 0
+          }
+        },
+        renderHeader || /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "ai-chat-header",
+            style: {
+              padding: "12px 16px",
+              background: "#fafafa",
+              borderBottom: "1px solid #f0f0f0",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              flexShrink: 0
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, showSessionPanel && /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              type: showSessions ? "primary" : "text",
+              icon: /* @__PURE__ */ import_react.default.createElement(import_icons.MenuOutlined, null),
+              size: "small",
+              onClick: () => setShowSessions(!showSessions)
+            },
+            showSessions ? "收起" : "会话"
+          ), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null), onClick: createNewSession, size: "small" }, "新会话")),
+          /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: isMaximized ? "还原" : "最大化" }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              type: "text",
+              icon: isMaximized ? /* @__PURE__ */ import_react.default.createElement(import_icons.CompressOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.ExpandOutlined, null),
+              onClick: toggleMaximize,
+              size: "small"
+            }
+          )), /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "关闭" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null), onClick: () => toggleVisible(false), size: "small" })))
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              flex: 1,
+              padding: 16,
+              overflowY: "auto"
+            }
+          },
+          !activeSession || activeSession.messages.length === 0 ? /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                textAlign: "center",
+                padding: "60px 0",
+                color: "#999"
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, { style: { fontSize: 48, color: "#d9d9d9" } }),
+            /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 16, fontSize: 16 } }, "开始你的 AI 对话"),
+            /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, fontSize: 13, color: "#bfbfbf" } }, "我可以帮你解答问题、创建任务"),
+            /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: createNewSession, style: { marginTop: 20 } }, "新建会话")
+          ) : /* @__PURE__ */ import_react.default.createElement(import_antd.List, { dataSource: activeSession.messages, renderItem: renderMsg }),
+          /* @__PURE__ */ import_react.default.createElement("div", { ref: messagesEndRef })
+        ),
+        renderFooter || /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              padding: 12,
+              borderTop: "1px solid #f0f0f0",
+              background: "#fafafa",
+              flexShrink: 0
+            }
+          },
+          suggestions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                marginBottom: 8,
+                display: "flex",
+                flexWrap: "wrap",
+                gap: 4
+              }
+            },
+            suggestions.slice(0, 3).map((suggestion, index) => /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Button,
+              {
+                key: index,
+                size: "small",
+                type: "dashed",
+                onClick: () => setInputValue(suggestion),
+                style: { fontSize: 12 }
+              },
+              suggestion
+            ))
+          ),
+          fileList.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 8 } }, fileList.map((file) => /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              key: file.uid,
+              style: {
+                display: "inline-block",
+                padding: "4px 8px",
+                background: "#e6f7ff",
+                borderRadius: 4,
+                marginRight: 8,
+                fontSize: 12
+              }
+            },
+            file.name,
+            /* @__PURE__ */ import_react.default.createElement(
+              import_icons.CloseOutlined,
+              {
+                style: {
+                  marginLeft: 8,
+                  cursor: "pointer",
+                  fontSize: 10
+                },
+                onClick: () => setFileList(fileList.filter((f) => f.uid !== file.uid))
+              }
+            )
+          ))),
+          /* @__PURE__ */ import_react.default.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ import_react.default.createElement(
+            TextArea,
+            {
+              value: inputValue,
+              onChange: handleInputChange,
+              placeholder: "输入问题或任务描述，如：帮我创建一个paimon调用任务",
+              autoSize: { minRows: 2, maxRows: 4 },
+              onPressEnter: (e) => {
+                if (!e.shiftKey) {
+                  e.preventDefault();
+                  handleSend();
+                }
+              },
+              style: {
+                marginBottom: 8,
+                borderRadius: 8,
+                paddingRight: 80
+              },
+              disabled: loading
+            }
+          ), /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                right: 12,
+                bottom: 16,
+                display: "flex",
+                gap: 8
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Upload,
+              {
+                fileList,
+                onChange: handleFileChange,
+                beforeUpload: () => false,
+                showUploadList: false,
+                accept: "image/*"
+              },
+              /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "上传图片" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.FileImageOutlined, null) }))
+            ),
+            /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Upload,
+              {
+                fileList,
+                onChange: handleFileChange,
+                beforeUpload: () => false,
+                showUploadList: false
+              },
+              /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "上传文件" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PaperClipOutlined, null) }))
+            )
+          )),
+          /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, loading && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { danger: true, icon: /* @__PURE__ */ import_react.default.createElement(import_icons.StopOutlined, null), onClick: cancelRequest, size: "small" }, "终止"), /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SendOutlined, null),
+              onClick: handleSend,
+              loading,
+              disabled: !inputValue.trim() && fileList.length === 0,
+              size: "small"
+            },
+            "发送"
+          )))
+        )
+      )
+    )
+  );
+};
+var AiChat_default = AiChat;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationManager,
+  delay,
+  generateSuggestions,
+  isTaskCreationIntent,
+  parseTaskDescription,
+  recognizeIntent,
+  useAiChat,
+  useTaskWorkflow
+});
+//# sourceMappingURL=index.js.map