@yoka-ui/ui 1.0.1

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

@@ -0,0 +1,733 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/business/AiChat/index.tsx
+import {
+  CloseOutlined,
+  CompressOutlined,
+  CopyOutlined,
+  DeleteOutlined,
+  ExpandOutlined,
+  FileImageOutlined,
+  MenuOutlined,
+  MessageOutlined,
+  PaperClipOutlined,
+  PlusOutlined,
+  ReloadOutlined,
+  SendOutlined,
+  StopOutlined
+} from "@ant-design/icons";
+import { Button, Input, List, message, Popconfirm, Space, Tooltip, Typography, Upload } from "antd";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { generateSuggestions, isTaskCreationIntent, recognizeIntent } from "./intentRecognizer";
+import MarkdownRender from "./MarkdownRender";
+import { useAiChat } from "./useAiChat";
+import { useTaskWorkflow } from "./useTaskWorkflow";
+import { generateSuggestions as generateSuggestions2, isTaskCreationIntent as isTaskCreationIntent2, parseTaskDescription, recognizeIntent as recognizeIntent2 } from "./intentRecognizer";
+import { delay, NavigationManager } from "./navigationManager";
+import { useAiChat as useAiChat2 } from "./useAiChat";
+import { useTaskWorkflow as useTaskWorkflow2 } from "./useTaskWorkflow";
+var { TextArea } = Input;
+var { Title } = 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
+  } = useAiChat({
+    apiPath,
+    storageKey,
+    onBeforeSend,
+    onError,
+    onSuccess,
+    onFetchSessions,
+    onFetchSessionDetail,
+    onCreateSession,
+    onSendMessage,
+    onUploadFile
+  });
+  const {
+    tasks,
+    createTask,
+    updateTaskStatus,
+    deleteTask,
+    createTaskFromNaturalLanguage,
+    updateUrlWithTaskId,
+    refreshCurrentPage,
+    executeTaskCreationWorkflow
+  } = 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] = useState("");
+  const [showSessions, setShowSessions] = useState(false);
+  const [suggestions, setSuggestions] = useState([]);
+  const [fileList, setFileList] = useState([]);
+  const [isMaximized, setIsMaximized] = useState(false);
+  const [dialogPosition, setDialogPosition] = useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragOffset = useRef({ x: 0, y: 0 });
+  const messagesEndRef = useRef(null);
+  const triggerRef = useRef(null);
+  const fileInputRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+  }, [activeSession == null ? void 0 : activeSession.messages]);
+  const handleTriggerMouseDown = 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 = useCallback(
+    (e) => {
+      if (!isDragging || visible)
+        return;
+      setDialogPosition({
+        x: e.clientX - dragOffset.current.x,
+        y: e.clientY - dragOffset.current.y
+      });
+    },
+    [isDragging, visible]
+  );
+  const handleTriggerMouseUp = useCallback(() => {
+    setIsDragging(false);
+  }, []);
+  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 = useCallback((e) => {
+    const value = e.target.value;
+    setInputValue(value);
+    if (value.length > 3) {
+      const intent = recognizeIntent(value);
+      const newSuggestions = generateSuggestions(value, intent);
+      setSuggestions(newSuggestions);
+    } else {
+      setSuggestions([]);
+    }
+  }, []);
+  const handleFileChange = useCallback(
+    (info) => __async(void 0, null, function* () {
+      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 = yield 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]);
+          message.success(`${fileType === "image" ? "图片" : "文件"}上传成功`);
+        } else {
+          setFileList([...fileList, uploadFile]);
+        }
+      } catch (err) {
+        console.error("文件上传失败:", err);
+        message.error("文件上传失败");
+        setFileList(fileList.filter((f) => f.uid !== file.name));
+      }
+    }),
+    [fileList, activeSession, onUploadFile]
+  );
+  const handleSend = useCallback(() => __async(void 0, null, function* () {
+    if (!inputValue.trim() && fileList.length === 0) {
+      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 && isTaskCreationIntent(content)) {
+      yield executeTaskCreationWorkflow(content);
+      return;
+    }
+    sendQuestion(content);
+  }), [inputValue, fileList, intentConfig == null ? void 0 : intentConfig.enabled, executeTaskCreationWorkflow, sendQuestion]);
+  const copyMsg = (c) => {
+    navigator.clipboard.writeText(c);
+    message.success("复制成功");
+  };
+  const toggleMaximize = useCallback(() => {
+    setIsMaximized((prev) => !prev);
+  }, []);
+  const renderMsg = (item) => /* @__PURE__ */ React.createElement(
+    List.Item,
+    {
+      key: item.id,
+      style: {
+        justifyContent: item.role === "user" ? "flex-end" : "flex-start",
+        marginBottom: 12,
+        padding: "4px 0"
+      }
+    },
+    /* @__PURE__ */ React.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__ */ React.createElement("div", { style: { display: "flex", alignItems: "flex-start", gap: 8 } }, /* @__PURE__ */ React.createElement("span", null, item.content), /* @__PURE__ */ React.createElement(
+        CopyOutlined,
+        {
+          onClick: () => copyMsg(item.content),
+          style: {
+            fontSize: 12,
+            color: "rgba(255,255,255,0.7)",
+            cursor: "pointer",
+            flexShrink: 0
+          }
+        }
+      )) : item.role === "system" ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            fontSize: 13
+          }
+        },
+        /* @__PURE__ */ React.createElement("span", { style: { color: "#52c41a" } }, "✓"),
+        /* @__PURE__ */ React.createElement("span", null, item.content),
+        item.taskId && /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            type: "link",
+            size: "small",
+            style: { padding: 0, fontSize: 12 },
+            onClick: () => updateUrlWithTaskId(item.taskId)
+          },
+          "查看任务"
+        )
+      ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: { minHeight: 20 } }, /* @__PURE__ */ React.createElement(MarkdownRender, { content: item.content, msgId: item.id, isAi: true, onDelete: deleteSingleMsg })), item.loading && /* @__PURE__ */ React.createElement("span", { style: { color: "#1677ff", fontSize: 12 } }, " 思考中..."), !item.loading && /* @__PURE__ */ React.createElement(Space, { size: 8, style: { fontSize: 12, marginTop: 6, display: "flex" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: "复制" }, /* @__PURE__ */ React.createElement(CopyOutlined, { onClick: () => copyMsg(item.content), style: { cursor: "pointer", color: "#999" } })), /* @__PURE__ */ React.createElement(Tooltip, { title: "重新生成" }, /* @__PURE__ */ React.createElement(ReloadOutlined, { onClick: () => regenerateAnswer(item), style: { cursor: "pointer", color: "#999" } }))))
+    )
+  );
+  const renderSession = (s) => /* @__PURE__ */ React.createElement(
+    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__ */ React.createElement(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflow: "hidden",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement("div", { style: { flex: 1, overflow: "hidden" } }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            fontSize: 14,
+            fontWeight: 500,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }
+        },
+        s.title
+      ), /* @__PURE__ */ React.createElement("div", { style: { fontSize: 12, color: "#999", marginTop: 2 } }, new Date(s.createTime).toLocaleString().slice(0, 16))),
+      /* @__PURE__ */ React.createElement(
+        Popconfirm,
+        {
+          title: "确定删除？",
+          onConfirm: (e) => {
+            deleteSession(s.id, e);
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          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 __spreadProps(__spreadValues({}, baseStyle), {
+        transform: `translate(${dialogPosition.x}px, ${dialogPosition.y}px)`
+      });
+    }
+    return baseStyle;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className,
+      style: __spreadValues({
+        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__ */ React.createElement(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseDown: handleTriggerMouseDown,
+        onClick: () => !isDragging && toggleVisible(true),
+        style: { cursor: isDragging ? "grabbing" : "grab" }
+      },
+      renderTrigger
+    ) : /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseDown: handleTriggerMouseDown,
+        onClick: () => !isDragging && toggleVisible(true),
+        style: { cursor: isDragging ? "grabbing" : "grab" }
+      },
+      /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          type: "primary",
+          shape: "circle",
+          size: "large",
+          icon: /* @__PURE__ */ React.createElement(MessageOutlined, null),
+          style: {
+            width: buttonSize,
+            height: buttonSize,
+            boxShadow: "0 4px 16px rgba(22, 119, 255, 0.4)"
+          }
+        }
+      )
+    ) : /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: __spreadProps(__spreadValues({}, 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__ */ React.createElement(
+        "div",
+        {
+          style: {
+            width: 280,
+            borderRight: "1px solid #f0f0f0",
+            background: "#fafafa",
+            display: "flex",
+            flexDirection: "column",
+            flexShrink: 0
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: "1px solid #f0f0f0",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            }
+          },
+          /* @__PURE__ */ React.createElement(Title, { level: 5, style: { margin: 0, fontSize: 16 } }, "历史会话"),
+          /* @__PURE__ */ React.createElement(Button, { type: "text", size: "small", icon: /* @__PURE__ */ React.createElement(CloseOutlined, null), onClick: () => setShowSessions(false) })
+        ),
+        /* @__PURE__ */ React.createElement("div", { style: { flex: 1, padding: 16, overflowY: "auto" } }, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            type: "primary",
+            block: true,
+            icon: /* @__PURE__ */ React.createElement(PlusOutlined, null),
+            onClick: createNewSession,
+            style: { marginBottom: 12 }
+          },
+          "新建会话"
+        ), /* @__PURE__ */ React.createElement(List, { dataSource: sessions, renderItem: renderSession, locale: { emptyText: "暂无会话" } }))
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            minWidth: 0
+          }
+        },
+        renderHeader || /* @__PURE__ */ React.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__ */ React.createElement(Space, null, showSessionPanel && /* @__PURE__ */ React.createElement(
+            Button,
+            {
+              type: showSessions ? "primary" : "text",
+              icon: /* @__PURE__ */ React.createElement(MenuOutlined, null),
+              size: "small",
+              onClick: () => setShowSessions(!showSessions)
+            },
+            showSessions ? "收起" : "会话"
+          ), /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(PlusOutlined, null), onClick: createNewSession, size: "small" }, "新会话")),
+          /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Tooltip, { title: isMaximized ? "还原" : "最大化" }, /* @__PURE__ */ React.createElement(
+            Button,
+            {
+              type: "text",
+              icon: isMaximized ? /* @__PURE__ */ React.createElement(CompressOutlined, null) : /* @__PURE__ */ React.createElement(ExpandOutlined, null),
+              onClick: toggleMaximize,
+              size: "small"
+            }
+          )), /* @__PURE__ */ React.createElement(Tooltip, { title: "关闭" }, /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(CloseOutlined, null), onClick: () => toggleVisible(false), size: "small" })))
+        ),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              flex: 1,
+              padding: 16,
+              overflowY: "auto"
+            }
+          },
+          !activeSession || activeSession.messages.length === 0 ? /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                textAlign: "center",
+                padding: "60px 0",
+                color: "#999"
+              }
+            },
+            /* @__PURE__ */ React.createElement(MessageOutlined, { style: { fontSize: 48, color: "#d9d9d9" } }),
+            /* @__PURE__ */ React.createElement("div", { style: { marginTop: 16, fontSize: 16 } }, "开始你的 AI 对话"),
+            /* @__PURE__ */ React.createElement("div", { style: { marginTop: 8, fontSize: 13, color: "#bfbfbf" } }, "我可以帮你解答问题、创建任务"),
+            /* @__PURE__ */ React.createElement(Button, { type: "primary", onClick: createNewSession, style: { marginTop: 20 } }, "新建会话")
+          ) : /* @__PURE__ */ React.createElement(List, { dataSource: activeSession.messages, renderItem: renderMsg }),
+          /* @__PURE__ */ React.createElement("div", { ref: messagesEndRef })
+        ),
+        renderFooter || /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              padding: 12,
+              borderTop: "1px solid #f0f0f0",
+              background: "#fafafa",
+              flexShrink: 0
+            }
+          },
+          suggestions.length > 0 && /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                marginBottom: 8,
+                display: "flex",
+                flexWrap: "wrap",
+                gap: 4
+              }
+            },
+            suggestions.slice(0, 3).map((suggestion, index) => /* @__PURE__ */ React.createElement(
+              Button,
+              {
+                key: index,
+                size: "small",
+                type: "dashed",
+                onClick: () => setInputValue(suggestion),
+                style: { fontSize: 12 }
+              },
+              suggestion
+            ))
+          ),
+          fileList.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 8 } }, fileList.map((file) => /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              key: file.uid,
+              style: {
+                display: "inline-block",
+                padding: "4px 8px",
+                background: "#e6f7ff",
+                borderRadius: 4,
+                marginRight: 8,
+                fontSize: 12
+              }
+            },
+            file.name,
+            /* @__PURE__ */ React.createElement(
+              CloseOutlined,
+              {
+                style: {
+                  marginLeft: 8,
+                  cursor: "pointer",
+                  fontSize: 10
+                },
+                onClick: () => setFileList(fileList.filter((f) => f.uid !== file.uid))
+              }
+            )
+          ))),
+          /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React.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__ */ React.createElement(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                right: 12,
+                bottom: 16,
+                display: "flex",
+                gap: 8
+              }
+            },
+            /* @__PURE__ */ React.createElement(
+              Upload,
+              {
+                fileList,
+                onChange: handleFileChange,
+                beforeUpload: () => false,
+                showUploadList: false,
+                accept: "image/*"
+              },
+              /* @__PURE__ */ React.createElement(Tooltip, { title: "上传图片" }, /* @__PURE__ */ React.createElement(Button, { type: "text", size: "small", icon: /* @__PURE__ */ React.createElement(FileImageOutlined, null) }))
+            ),
+            /* @__PURE__ */ React.createElement(
+              Upload,
+              {
+                fileList,
+                onChange: handleFileChange,
+                beforeUpload: () => false,
+                showUploadList: false
+              },
+              /* @__PURE__ */ React.createElement(Tooltip, { title: "上传文件" }, /* @__PURE__ */ React.createElement(Button, { type: "text", size: "small", icon: /* @__PURE__ */ React.createElement(PaperClipOutlined, null) }))
+            )
+          )),
+          /* @__PURE__ */ React.createElement("div", { style: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React.createElement(Space, null, loading && /* @__PURE__ */ React.createElement(Button, { danger: true, icon: /* @__PURE__ */ React.createElement(StopOutlined, null), onClick: cancelRequest, size: "small" }, "终止"), /* @__PURE__ */ React.createElement(
+            Button,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ React.createElement(SendOutlined, null),
+              onClick: handleSend,
+              loading,
+              disabled: !inputValue.trim() && fileList.length === 0,
+              size: "small"
+            },
+            "发送"
+          )))
+        )
+      )
+    )
+  );
+};
+var AiChat_default = AiChat;
+export {
+  NavigationManager,
+  AiChat_default as default,
+  delay,
+  generateSuggestions2 as generateSuggestions,
+  isTaskCreationIntent2 as isTaskCreationIntent,
+  parseTaskDescription,
+  recognizeIntent2 as recognizeIntent,
+  useAiChat2 as useAiChat,
+  useTaskWorkflow2 as useTaskWorkflow
+};
+//# sourceMappingURL=index.js.map