@gendive/chatllm 0.17.2 → 0.17.4

package/dist/react/index.js

@@ -2426,6 +2426,39 @@ ${finalContent}`;
       ...isHidden && { hidden: true },
       ...userContentParts && { contentParts: userContentParts }
     };
+    const capturedSessionId = sessionId;
+    const currentSession2 = sessions.find((s) => s.id === capturedSessionId);
+    const existingMessages = currentSession2?.messages || [];
+    const isFirstMessage = !existingMessages.length;
+    const contextSummary = currentSession2?.compressionState?.contextSummary || currentSession2?.contextSummary;
+    const summaryAfterIndex = currentSession2?.compressionState?.summaryAfterIndex || currentSession2?.summaryAfterIndex || 0;
+    let compressionCount = currentSession2?.compressionState?.compressionCount || 0;
+    const assistantMessageId = generateId3("msg");
+    const assistantMessage = {
+      id: assistantMessageId,
+      role: "assistant",
+      content: "",
+      model: selectedModel,
+      timestamp: Date.now()
+    };
+    setInput("");
+    setQuotedText(null);
+    setSelectedAction(null);
+    setAttachments([]);
+    setSessions(
+      (prev) => prev.map((s) => {
+        if (s.id === capturedSessionId) {
+          const newMessages = [...s.messages, userMessage, assistantMessage];
+          return {
+            ...s,
+            messages: newMessages,
+            title: s.messages.length === 0 ? generateTitle([userMessage]) : s.title,
+            updatedAt: Date.now()
+          };
+        }
+        return s;
+      })
+    );
     let attachmentResults = [];
     if (currentAttachments.length > 0) {
       const attachmentSkills = Object.entries(resolvedSkills).filter(
@@ -2444,10 +2477,29 @@ ${finalContent}`;
           });
         });
         if (matchedFiles.length === 0) continue;
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== capturedSessionId) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== assistantMessageId) return m;
+                return {
+                  ...m,
+                  contentParts: [...m.contentParts || [], {
+                    type: "tool_loading",
+                    toolName: skillName,
+                    label: skillConfig.label
+                  }]
+                };
+              })
+            };
+          })
+        );
         try {
           const filesToPass = skillConfig.autoConvertBase64 ? await convertAttachmentsToBase64(matchedFiles) : matchedFiles;
           const result = await skillConfig.execute({ files: filesToPass, userMessage: finalContent });
-          attachmentResults.push({
+          const toolResultPart = {
             type: "tool_result",
             toolName: skillName,
             label: skillConfig.label,
@@ -2458,9 +2510,44 @@ ${finalContent}`;
               metadata: result.metadata,
               sources: result.sources
             }
-          });
+          };
+          attachmentResults.push(toolResultPart);
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== capturedSessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map((m) => {
+                  if (m.id !== assistantMessageId) return m;
+                  return {
+                    ...m,
+                    contentParts: (m.contentParts || []).map(
+                      (p) => p.type === "tool_loading" && p.toolName === skillName ? toolResultPart : p
+                    )
+                  };
+                })
+              };
+            })
+          );
         } catch (error) {
           console.error(`[useChatUI] attachment skill ${skillName} failed:`, error);
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== capturedSessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map((m) => {
+                  if (m.id !== assistantMessageId) return m;
+                  return {
+                    ...m,
+                    contentParts: (m.contentParts || []).filter(
+                      (p) => !(p.type === "tool_loading" && p.toolName === skillName)
+                    )
+                  };
+                })
+              };
+            })
+          );
         }
       }
     }
@@ -2478,40 +2565,6 @@ ${finalContent}`;
         }
       }
     }
-    const assistantMessageId = generateId3("msg");
-    const assistantMessage = {
-      id: assistantMessageId,
-      role: "assistant",
-      content: "",
-      model: selectedModel,
-      timestamp: Date.now(),
-      ...attachmentResults.length > 0 && { contentParts: attachmentResults }
-    };
-    setInput("");
-    setQuotedText(null);
-    setSelectedAction(null);
-    setAttachments([]);
-    const capturedSessionId = sessionId;
-    const currentSession2 = sessions.find((s) => s.id === capturedSessionId);
-    const existingMessages = currentSession2?.messages || [];
-    const isFirstMessage = !existingMessages.length;
-    const contextSummary = currentSession2?.compressionState?.contextSummary || currentSession2?.contextSummary;
-    const summaryAfterIndex = currentSession2?.compressionState?.summaryAfterIndex || currentSession2?.summaryAfterIndex || 0;
-    let compressionCount = currentSession2?.compressionState?.compressionCount || 0;
-    setSessions(
-      (prev) => prev.map((s) => {
-        if (s.id === capturedSessionId) {
-          const newMessages = [...s.messages, userMessage, assistantMessage];
-          return {
-            ...s,
-            messages: newMessages,
-            title: s.messages.length === 0 ? generateTitle([userMessage]) : s.title,
-            updatedAt: Date.now()
-          };
-        }
-        return s;
-      })
-    );
     if (isFirstMessage && generateTitleRef.current) {
       Promise.resolve(generateTitleRef.current(finalContent)).then((generatedTitle) => {
         if (generatedTitle && generatedTitle.trim()) {
@@ -2588,6 +2641,7 @@ ${currentContextSummary}` },
         chatMessages = messagesToSend.map((m) => ({ role: m.role, content: m.content }));
       }
       if (attachmentResults.length > 0 && shouldContinueAfterAttachment) {
+        skipNextSkillParsingRef.current = true;
         const attachmentContext = attachmentResults.filter((part) => part.type === "tool_result").map((part) => `[${part.label || part.toolName} \uACB0\uACFC]
 ${part.result.content}`).join("\n\n");
         if (attachmentContext) {
@@ -8309,7 +8363,7 @@ var MessageBubble = ({
                     ] })
                   ] })
                 ] }),
-                message.contentParts?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                message.contentParts?.length && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   ContentPartRenderer,
                   {
                     parts: message.contentParts,
@@ -8317,7 +8371,8 @@ var MessageBubble = ({
                     showThinking,
                     thinkingDefaultOpen
                   }
-                ) }) : displayContent ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                ) }),
+                displayContent ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   MarkdownRenderer,
                   {
                     content: displayContent,
@@ -8649,9 +8704,26 @@ var MessageList = ({
   const containerRef = (0, import_react17.useRef)(null);
   const [selectedText, setSelectedText] = (0, import_react17.useState)("");
   const [selectionPosition, setSelectionPosition] = (0, import_react17.useState)(null);
+  const [showScrollButton, setShowScrollButton] = (0, import_react17.useState)(false);
+  const isUserScrolledUpRef = (0, import_react17.useRef)(false);
+  const SCROLL_THRESHOLD = 100;
+  const handleScroll = (0, import_react17.useCallback)(() => {
+    if (!containerRef.current) return;
+    const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
+    const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+    const isNearBottom = distanceFromBottom < SCROLL_THRESHOLD;
+    isUserScrolledUpRef.current = !isNearBottom;
+    setShowScrollButton(!isNearBottom);
+  }, []);
   (0, import_react17.useEffect)(() => {
+    if (isUserScrolledUpRef.current) return;
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
+  const scrollToBottom = (0, import_react17.useCallback)(() => {
+    isUserScrolledUpRef.current = false;
+    setShowScrollButton(false);
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, []);
   const handleMouseUp = (0, import_react17.useCallback)(() => {
     const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
@@ -8696,6 +8768,7 @@ var MessageList = ({
         overflow: "auto",
         position: "relative"
       },
+      onScroll: handleScroll,
       onMouseUp: handleMouseUp,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -8748,6 +8821,32 @@ var MessageList = ({
             ]
           }
         ),
+        showScrollButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            onClick: scrollToBottom,
+            "aria-label": "\uB9E8 \uC544\uB798\uB85C \uC2A4\uD06C\uB864",
+            style: {
+              position: "sticky",
+              bottom: "260px",
+              left: "50%",
+              transform: "translateX(-50%)",
+              width: "40px",
+              height: "40px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-content-bg)",
+              border: "1px solid var(--chatllm-border)",
+              boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              zIndex: 10,
+              transition: "opacity 0.2s"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "arrow-down-s-line", size: 24, color: "var(--chatllm-text-secondary)" })
+          }
+        ),
         selectionPosition && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {