@gendive/chatllm 0.17.22 → 0.17.24

package/dist/react/index.mjs

@@ -1191,7 +1191,7 @@ var useProject = (options) => {
       }
     };
     loadProjects();
-  }, [useExternalStorage, onLoadProjects, onError, storageKey]);
+  }, [enabled, useExternalStorage, onLoadProjects, onError, storageKey]);
   const createProject = useCallback4(
     async (data) => {
       const now = Date.now();
@@ -1433,11 +1433,6 @@ var parsePollFromContent = (content) => {
         allowOther,
         required: false
       };
-      console.log("[pollParser] Parsed poll:", {
-        question: pollQuestion.question,
-        optionsCount: pollQuestion.options.length,
-        options: pollQuestion.options.map((o) => o.label)
-      });
       polls.push(pollQuestion);
     }
     cleanContent = cleanContent.replace(match[0], "");
@@ -1445,7 +1440,6 @@ var parsePollFromContent = (content) => {
   if (polls.length === 0) {
     return { pollBlock: null, cleanContent: content };
   }
-  console.log("[pollParser] Total polls parsed:", polls.length, polls.map((p) => p.question));
   cleanContent = cleanContent.replace(/\n{3,}/g, "\n\n");
   return {
     pollBlock: {
@@ -1730,7 +1724,8 @@ var useChatUI = (options) => {
     }),
     [globalMemoryConfig, storageKey]
   );
-  const globalMemory = useGlobalMemoryEnabled ? useGlobalMemory(memoryOptions) : null;
+  const globalMemoryRaw = useGlobalMemory(memoryOptions);
+  const globalMemory = useGlobalMemoryEnabled ? globalMemoryRaw : null;
   const stableToolCall = useCallback5(
     (name, params) => onToolCallRef.current(name, params),
     []
@@ -2349,7 +2344,7 @@ ${finalContent}`;
       ...userContentParts && { contentParts: userContentParts }
     };
     const capturedSessionId = sessionId;
-    const currentSession2 = sessions.find((s) => s.id === capturedSessionId);
+    const currentSession2 = sessionsRef.current.find((s) => s.id === capturedSessionId);
     const existingMessages = currentSession2?.messages || [];
     const isFirstMessage = !existingMessages.length;
     const contextSummary = currentSession2?.compressionState?.contextSummary || currentSession2?.contextSummary;
@@ -2366,6 +2361,9 @@ ${finalContent}`;
     setInput("");
     setQuotedText(null);
     setSelectedAction(null);
+    attachments.forEach((a) => {
+      if (a.previewUrl) URL.revokeObjectURL(a.previewUrl);
+    });
     setAttachments([]);
     setSessions(
       (prev) => prev.map((s) => {
@@ -2737,6 +2735,26 @@ ${attachmentContext}
         } catch {
         }
       }
+      const saveMessagesOnEarlyReturn = () => {
+        if (!useExternalStorage || !capturedSessionId) return;
+        queueMicrotask(() => {
+          const latestSession = sessionsRef.current.find((s) => s.id === capturedSessionId);
+          if (!latestSession) return;
+          const latestMessages = latestSession.messages;
+          const assistantMsg = [...latestMessages].reverse().find((m) => m.role === "assistant");
+          const userMsg = latestMessages.find((m) => m.role === "user" && m.content === finalContent);
+          const assistantContent = assistantMsg?.content || "";
+          if (assistantContent && onSaveMessagesRef.current) {
+            onSaveMessagesRef.current(capturedSessionId, [
+              { role: "user", message: finalContent, ...userMsg?.contentParts && { contentParts: userMsg.contentParts } },
+              { role: "assistant", message: assistantContent, ...assistantMsg?.contentParts && { contentParts: assistantMsg.contentParts } }
+            ]).catch((e) => console.error("[useChatUI] Failed to save messages:", e));
+          }
+          if (latestSession.messages.length > 0) {
+            writeSessionCache(storageKey, latestSession);
+          }
+        });
+      };
       if (!shouldSkipSkillParsing) {
         const assistantContent = accumulatedContent;
         const { skillCall: detectedSkill, cleanContent: skillCleanContent } = parseSkillCallFromContent(assistantContent);
@@ -2840,6 +2858,7 @@ ${attachmentContext}
                 })
               );
               if (resultType === "image" || resultType === "file") {
+                saveMessagesOnEarlyReturn();
                 setIsLoading(false);
                 abortControllerRef.current = null;
                 return;
@@ -2850,11 +2869,13 @@ ${attachmentContext}
                 shouldContinue = decision === "continue";
               }
               if (!shouldContinue) {
+                saveMessagesOnEarlyReturn();
                 setIsLoading(false);
                 abortControllerRef.current = null;
                 return;
               }
               skipNextSkillParsingRef.current = true;
+              saveMessagesOnEarlyReturn();
               const feedbackPrompt = resultType === "error" ? `\uB3C4\uAD6C "${toolName}" \uC2E4\uD589 \uC911 \uC624\uB958 \uBC1C\uC0DD: ${result.content}
 
 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC624\uB958\uB97C \uC548\uB0B4\uD574\uC8FC\uC138\uC694. skill_use \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.` : `\uB3C4\uAD6C "${toolName}" \uACB0\uACFC:
@@ -2890,6 +2911,7 @@ ${result.content}
               })
             );
             if (streamedReport) {
+              saveMessagesOnEarlyReturn();
               setIsLoading(false);
               abortControllerRef.current = null;
               return;
@@ -2900,11 +2922,13 @@ ${result.content}
               shouldContinueSkill = decision === "continue";
             }
             if (!shouldContinueSkill) {
+              saveMessagesOnEarlyReturn();
               setIsLoading(false);
               abortControllerRef.current = null;
               return;
             }
             skipNextSkillParsingRef.current = true;
+            saveMessagesOnEarlyReturn();
             const resultPrompt = `\uC2A4\uD0AC "${detectedSkill.name}" \uC2E4\uD589 \uACB0\uACFC:
 
 ${result.content}
@@ -6441,6 +6465,7 @@ var MarkdownRenderer = ({
     if (hasUnfinishedPoll) {
       processedContent += "\n\xA7POLL_LOADING\xA7";
     }
+    processedContent = processedContent.replace(/<skill_use[^>]*>[\s\S]*?<\/skill_use>/gi, "");
     processedContent = processedContent.replace(UNCLOSED_SKILL_TAG_REGEX, "");
     const codeBlocks = [];
     processedContent = processedContent.replace(CODE_BLOCK_REGEX, (match, lang, code) => {
@@ -6772,7 +6797,7 @@ var MarkdownRenderer = ({
     flushBlockquote();
     flushTable();
     return elements;
-  }, [content, onChoiceClick, sources]);
+  }, [content, onChoiceClick, sources, showThinking, thinkingDefaultOpen]);
   return /* @__PURE__ */ jsx7(
     "div",
     {
@@ -7170,7 +7195,10 @@ var PollCard = ({
   useEffect7(() => {
     if (typeof window === "undefined") return;
     const handleKeyDown = (e) => {
-      if (e.key === "Escape") handleSkip();
+      if (e.key !== "Escape") return;
+      const modalOpen = document.querySelector(".chatllm-settings-overlay, .chatllm-disclaimer-overlay, .chatllm-project-settings-overlay");
+      if (modalOpen) return;
+      handleSkip();
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
@@ -8142,13 +8170,6 @@ var MessageBubble = ({
   const displayContent = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.content || message.content : message.content;
   const displayModel = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.model : message.model;
   const displaySources = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.sources : message.sources;
-  const handleMouseUp = () => {
-    if (!onQuote) return;
-    const selection = typeof window !== "undefined" ? window.getSelection() : null;
-    const text = selection?.toString().trim();
-    if (text && text.length > 0) {
-    }
-  };
   if (isUser) {
     return /* @__PURE__ */ jsxs14(
       "div",
@@ -8162,7 +8183,6 @@ var MessageBubble = ({
         },
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
-        onMouseUp: handleMouseUp,
         children: [
           /* @__PURE__ */ jsx15(
             "div",
@@ -8283,7 +8303,6 @@ var MessageBubble = ({
       },
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
-      onMouseUp: handleMouseUp,
       children: [
         /* @__PURE__ */ jsxs14(
           "div",
@@ -8386,7 +8405,7 @@ var MessageBubble = ({
                     ]
                   }
                 ),
-                message.contentParts?.length && /* @__PURE__ */ jsx15("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx15(
+                !!message.contentParts?.length && /* @__PURE__ */ jsx15("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx15(
                   ContentPartRenderer,
                   {
                     parts: message.contentParts,
@@ -8985,7 +9004,7 @@ var MessageList = ({
 };
 
 // src/react/components/SettingsModal.tsx
-import { useState as useState16 } from "react";
+import { useState as useState16, useEffect as useEffect9 } from "react";
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
@@ -9023,6 +9042,9 @@ var SettingsModal = ({
 }) => {
   const [activeTab, setActiveTab] = useState16("general");
   const [localApiKey, setLocalApiKey] = useState16(apiKey);
+  useEffect9(() => {
+    setLocalApiKey(apiKey);
+  }, [apiKey]);
   if (!isOpen) return null;
   const updateResponseStyle = (key, value) => {
     onPersonalizationChange({
@@ -9662,7 +9684,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 };
 
 // src/react/components/ProjectSettingsModal.tsx
-import { useState as useState17, useEffect as useEffect9 } from "react";
+import { useState as useState17, useEffect as useEffect10 } from "react";
 import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var COLOR_PRESETS = [
   "#3584FA",
@@ -9688,7 +9710,7 @@ var ProjectSettingsModal = ({
   const [description, setDescription] = useState17("");
   const [instructions, setInstructions] = useState17("");
   const [color, setColor] = useState17("#3584FA");
-  useEffect9(() => {
+  useEffect10(() => {
     if (project) {
       setTitle(project.title);
       setDescription(project.description || "");