@gendive/chatllm 0.17.1 → 0.17.3

package/dist/react/index.js

@@ -2353,7 +2353,8 @@ ${newConversation}
   }, []);
   const sendMessage = (0, import_react5.useCallback)(async (content, options2) => {
     const messageContent = content || input;
-    if (!messageContent.trim() || isLoading) return;
+    if (!messageContent.trim() && attachments.length === 0 || isLoading) return;
+    setIsLoading(true);
     let sessionId = currentSessionId;
     if (!sessionId) {
       if (useExternalStorage && onCreateSessionRef.current) {
@@ -2528,7 +2529,6 @@ ${finalContent}`;
       setIsLoading(false);
       return;
     }
-    setIsLoading(true);
     abortControllerRef.current = new AbortController();
     try {
       let messagesToSend = [...existingMessages, userMessage];
@@ -2588,6 +2588,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) {
@@ -2608,8 +2609,8 @@ ${attachmentContext}
       const modelConfig = models.find((m) => m.id === selectedModel);
       const provider = modelConfig?.provider || "ollama";
       let response;
-      if (onSendMessage) {
-        const result = await onSendMessage({
+      if (onSendMessageRef.current) {
+        const result = await onSendMessageRef.current({
           messages: messagesForApi,
           model: selectedModel,
           provider,
@@ -3034,14 +3035,12 @@ ${result.content}
     keepRecentMessages,
     buildSystemPrompt,
     compressContext,
-    onSendMessage,
-    onError,
-    generateTitleCallback,
-    onTitleChange,
     useExternalStorage,
-    onSaveMessages,
     handleSkillCall,
-    resolvedSkills
+    resolvedSkills,
+    /** @Todo vibecode - attachments, continueAfterToolResult를 deps에 추가하여 stale closure 방지 */
+    attachments,
+    continueAfterToolResult
   ]);
   const handlePollSubmit = (0, import_react5.useCallback)(
     (messageId, responses) => {
@@ -3309,8 +3308,8 @@ ${currentSession.contextSummary}` },
       const provider = modelConfig?.provider || "ollama";
       let responseContent = "";
       let responseSources;
-      if (onSendMessage) {
-        const result = await onSendMessage({
+      if (onSendMessageRef.current) {
+        const result = await onSendMessageRef.current({
           messages: messagesForApi,
           model: targetModel,
           provider,
@@ -8651,9 +8650,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();
@@ -8698,6 +8714,7 @@ var MessageList = ({
         overflow: "auto",
         position: "relative"
       },
+      onScroll: handleScroll,
       onMouseUp: handleMouseUp,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -8750,6 +8767,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",
           {