@yoka-ui/ui 1.0.10-test → 1.1.0

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

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -37,41 +40,47 @@ var __async = (__this, __arguments, generator) => {
 
 // src/business/AiChat/index.tsx
 import {
-  ClearOutlined,
+  CloseOutlined,
+  CompressOutlined,
   CopyOutlined,
   DeleteOutlined,
-  ExportOutlined,
+  ExpandOutlined,
+  FileImageOutlined,
   MenuOutlined,
   MessageOutlined,
+  PaperClipOutlined,
   PlusOutlined,
   ReloadOutlined,
   SendOutlined,
-  StopOutlined,
-  SwitcherOutlined
+  StopOutlined
 } from "@ant-design/icons";
-import { Button, Input, List, message, Popconfirm, Space, Tooltip, Typography } from "antd";
+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 { recognizeIntent, generateSuggestions, isTaskCreationIntent } from "./intentRecognizer";
+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";
-import { recognizeIntent as recognizeIntent2, generateSuggestions as generateSuggestions2, isTaskCreationIntent as isTaskCreationIntent2, parseTaskDescription } from "./intentRecognizer";
-import { NavigationManager, delay } from "./navigationManager";
 var { TextArea } = Input;
 var { Title } = Typography;
 var AiChat = ({
   apiPath = "/api/ai/chat-stream",
   storageKey = "ai_chat_sessions",
-  position = { bottom: 24, right: 24 },
+  position: initialPosition = { bottom: 24, right: 24 },
   buttonSize = 56,
   zIndex = 1080,
   showSessionPanel = true,
-  showExport = true,
   onBeforeSend,
   onError,
   onSuccess,
+  onFetchSessions,
+  onFetchSessionDetail,
+  onCreateSession,
+  onSendMessage,
+  onUploadFile,
   className,
   style,
   renderTrigger,
@@ -93,17 +102,25 @@ var AiChat = ({
     sendQuestion,
     regenerateAnswer,
     deleteSingleMsg,
-    clearCurrentSession,
-    exportCurrentSession,
     cancelRequest,
     toggleVisible
-  } = useAiChat({ apiPath, storageKey, onBeforeSend, onError, onSuccess });
+  } = useAiChat({
+    apiPath,
+    storageKey,
+    onBeforeSend,
+    onError,
+    onSuccess,
+    onFetchSessions,
+    onFetchSessionDetail,
+    onCreateSession,
+    onSendMessage,
+    onUploadFile
+  });
   const {
     tasks,
     createTask,
     updateTaskStatus,
     deleteTask,
-    exportTasks,
     createTaskFromNaturalLanguage,
     updateUrlWithTaskId,
     refreshCurrentPage,
@@ -131,11 +148,63 @@ var AiChat = ({
   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);
@@ -147,25 +216,70 @@ var AiChat = ({
       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()) {
-      message.warning("请输入问题");
+    if (!inputValue.trim() && fileList.length === 0) {
+      message.warning("请输入问题或上传文件");
       return;
     }
-    const content = inputValue.trim();
+    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, intentConfig == null ? void 0 : intentConfig.enabled, executeTaskCreationWorkflow, sendQuestion]);
+  }), [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,
     {
@@ -200,16 +314,29 @@ var AiChat = ({
             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,
+      )) : item.role === "system" ? /* @__PURE__ */ React.createElement(
+        "div",
         {
-          type: "link",
-          size: "small",
-          style: { padding: 0, fontSize: 12 },
-          onClick: () => updateUrlWithTaskId(item.taskId)
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            fontSize: 13
+          }
         },
-        "查看任务"
-      )) : /* @__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" } }))))
+        /* @__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(
@@ -221,14 +348,14 @@ var AiChat = ({
           return;
         }
         switchSession(s.id);
-        setShowSessions(false);
       },
       style: {
         padding: "10px 12px",
         borderRadius: 8,
         cursor: "pointer",
         backgroundColor: (activeSession == null ? void 0 : activeSession.id) === s.id ? "#e6f7ff" : "#fff",
-        transition: "all 0.2s"
+        transition: "all 0.2s",
+        marginBottom: 8
       }
     },
     /* @__PURE__ */ React.createElement(
@@ -273,66 +400,126 @@ var AiChat = ({
       )
     )
   );
+  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: position.bottom,
-        right: position.right,
+        bottom: initialPosition.bottom,
+        right: initialPosition.right,
         zIndex,
         display: "flex",
         flexDirection: "column",
-        alignItems: "flex-end"
+        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", { onClick: () => toggleVisible(true), style: { cursor: "pointer" } }, renderTrigger) : /* @__PURE__ */ React.createElement(
-      Button,
+    !visible ? renderTrigger ? /* @__PURE__ */ React.createElement(
+      "div",
       {
-        type: "primary",
-        shape: "circle",
-        size: "large",
-        icon: /* @__PURE__ */ React.createElement(MessageOutlined, null),
-        onClick: () => toggleVisible(true),
-        style: {
-          width: buttonSize,
-          height: buttonSize,
-          boxShadow: "0 4px 16px rgba(22, 119, 255, 0.4)"
+        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: {
-          width: showSessions ? 960 : 720,
-          height: 680,
+        style: __spreadProps(__spreadValues({}, getDialogStyle()), {
           background: "#fff",
-          borderRadius: 12,
           boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
           overflow: "hidden",
           display: "flex",
           flexDirection: "row",
-          marginBottom: 12,
-          transition: "width 0.2s ease",
-          position: "relative"
-        }
+          marginBottom: isMaximized ? 0 : 12,
+          transition: "all 0.3s ease"
+        })
       },
-      /* @__PURE__ */ React.createElement(
-        Button,
+      showSessionPanel && showSessions && /* @__PURE__ */ React.createElement(
+        "div",
         {
-          type: "text",
-          icon: /* @__PURE__ */ React.createElement(SwitcherOutlined, null),
-          onClick: () => toggleVisible(false),
           style: {
-            position: "absolute",
-            top: -5,
-            right: -5,
-            zIndex: zIndex + 1,
-            fontSize: 14,
-            color: "#999"
+            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",
@@ -347,6 +534,7 @@ var AiChat = ({
         renderHeader || /* @__PURE__ */ React.createElement(
           "div",
           {
+            className: "ai-chat-header",
             style: {
               padding: "12px 16px",
               background: "#fafafa",
@@ -357,16 +545,25 @@ var AiChat = ({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(PlusOutlined, null), onClick: createNewSession, style: { fontWeight: 500 } }, "新会话"), /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(ClearOutlined, null), onClick: clearCurrentSession }, "清空")),
-          /* @__PURE__ */ React.createElement(Space, null, showExport && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(ExportOutlined, null), onClick: exportCurrentSession }, "导出"), (taskWorkflow == null ? void 0 : taskWorkflow.enabled) && /* @__PURE__ */ React.createElement(Button, { type: "text", icon: /* @__PURE__ */ React.createElement(ExportOutlined, null), onClick: () => exportTasks("json") }, "导出任务")), showSessionPanel && /* @__PURE__ */ React.createElement(
+          /* @__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 ? "收起会话" : "会话"
-          ))
+            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",
@@ -387,7 +584,7 @@ var AiChat = ({
               }
             },
             /* @__PURE__ */ React.createElement(MessageOutlined, { style: { fontSize: 48, color: "#d9d9d9" } }),
-            /* @__PURE__ */ React.createElement("div", { style: { marginTop: 16 } }, "开始你的 AI 对话"),
+            /* @__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 }),
@@ -425,7 +622,33 @@ var AiChat = ({
               suggestion
             ))
           ),
-          /* @__PURE__ */ React.createElement(
+          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,
@@ -438,69 +661,58 @@ var AiChat = ({
                   handleSend();
                 }
               },
-              style: { marginBottom: 8, borderRadius: 8 },
+              style: {
+                marginBottom: 8,
+                borderRadius: 8,
+                paddingRight: 80
+              },
               disabled: loading
             }
-          ),
-          /* @__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(),
-              size: "small"
-            },
-            "发送"
-          )))
-        ),
-        showSessionPanel && showSessions && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              width: 240,
-              borderLeft: "1px solid #f0f0f0",
-              padding: 16,
-              background: "#fafafa",
-              overflowY: "auto",
-              flexShrink: 0
-            }
-          },
-          /* @__PURE__ */ React.createElement(
+          ), /* @__PURE__ */ React.createElement(
             "div",
             {
               style: {
+                position: "absolute",
+                right: 12,
+                bottom: 16,
                 display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                marginBottom: 16
+                gap: 8
               }
             },
-            /* @__PURE__ */ React.createElement(Title, { level: 5, style: { margin: 0 } }, "我的会话"),
             /* @__PURE__ */ React.createElement(
-              Button,
+              Upload,
               {
-                type: "link",
-                size: "small",
-                onClick: () => {
-                  setShowSessions(false);
-                },
-                style: { padding: 0 }
+                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(
-            List,
+          )),
+          /* @__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,
             {
-              dataSource: sessions,
-              renderItem: renderSession,
-              locale: { emptyText: "暂无会话" },
-              style: { marginBottom: 16 }
-            }
-          ),
-          /* @__PURE__ */ React.createElement(Button, { type: "primary", block: true, icon: /* @__PURE__ */ React.createElement(PlusOutlined, null), onClick: createNewSession }, "新建会话")
+              type: "primary",
+              icon: /* @__PURE__ */ React.createElement(SendOutlined, null),
+              onClick: handleSend,
+              loading,
+              disabled: !inputValue.trim() && fileList.length === 0,
+              size: "small"
+            },
+            "发送"
+          )))
         )
       )
     )