@gendive/chatllm 0.17.21 → 0.17.23

package/dist/react/index.js

@@ -1257,7 +1257,7 @@ var useProject = (options) => {
       }
     };
     loadProjects();
-  }, [useExternalStorage, onLoadProjects, onError, storageKey]);
+  }, [enabled, useExternalStorage, onLoadProjects, onError, storageKey]);
   const createProject = (0, import_react4.useCallback)(
     async (data) => {
       const now = Date.now();
@@ -1499,11 +1499,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], "");
@@ -1511,7 +1506,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: {
@@ -1796,7 +1790,8 @@ var useChatUI = (options) => {
     }),
     [globalMemoryConfig, storageKey]
   );
-  const globalMemory = useGlobalMemoryEnabled ? useGlobalMemory(memoryOptions) : null;
+  const globalMemoryRaw = useGlobalMemory(memoryOptions);
+  const globalMemory = useGlobalMemoryEnabled ? globalMemoryRaw : null;
   const stableToolCall = (0, import_react5.useCallback)(
     (name, params) => onToolCallRef.current(name, params),
     []
@@ -2415,7 +2410,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;
@@ -2432,6 +2427,9 @@ ${finalContent}`;
     setInput("");
     setQuotedText(null);
     setSelectedAction(null);
+    attachments.forEach((a) => {
+      if (a.previewUrl) URL.revokeObjectURL(a.previewUrl);
+    });
     setAttachments([]);
     setSessions(
       (prev) => prev.map((s) => {
@@ -3843,7 +3841,7 @@ var ProjectSelector = ({
                   width: "8px",
                   height: "8px",
                   borderRadius: "50%",
-                  backgroundColor: currentProject?.color || "var(--chatllm-primary, #2563eb)",
+                  backgroundColor: currentProject?.color || "var(--chatllm-primary, #3584FA)",
                   flexShrink: 0
                 }
               }
@@ -3929,7 +3927,7 @@ var ProjectSelector = ({
                         width: "8px",
                         height: "8px",
                         borderRadius: "50%",
-                        backgroundColor: project.color || "var(--chatllm-primary, #2563eb)",
+                        backgroundColor: project.color || "var(--chatllm-primary, #3584FA)",
                         flexShrink: 0
                       }
                     }
@@ -4003,8 +4001,8 @@ var ProjectSelector = ({
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconSvg, { name: "add-line", size: 16, color: "var(--chatllm-primary, #2563eb)" }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-primary, #2563eb)" }, children: "\uC0C8 \uD504\uB85C\uC81D\uD2B8" })
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconSvg, { name: "add-line", size: 16, color: "var(--chatllm-primary, #3584FA)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uC0C8 \uD504\uB85C\uC81D\uD2B8" })
               ]
             }
           )
@@ -4497,13 +4495,13 @@ var ChatHeader = ({
                   transition: "all 0.2s"
                 },
                 onMouseOver: (e) => {
-                  e.currentTarget.style.borderColor = "var(--chatllm-primary, #3b82f6)";
+                  e.currentTarget.style.borderColor = "var(--chatllm-primary, #3584FA)";
                 },
                 onMouseOut: (e) => {
                   e.currentTarget.style.borderColor = "var(--chatllm-border, #e5e7eb)";
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary, #3b82f6)" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary, #3584FA)" }),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: currentModel?.name || model }),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     IconSvg,
@@ -4600,7 +4598,7 @@ var ChatHeader = ({
                                 width: "28px",
                                 height: "28px",
                                 borderRadius: "6px",
-                                backgroundColor: m.id === model ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-bg-secondary, #f3f4f6)",
+                                backgroundColor: m.id === model ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-bg-secondary, #f3f4f6)",
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center"
@@ -4634,7 +4632,7 @@ var ChatHeader = ({
                             {
                               name: "check-line",
                               size: 16,
-                              color: "var(--chatllm-primary, #3b82f6)",
+                              color: "var(--chatllm-primary, #3584FA)",
                               className: "ml-auto"
                             }
                           )
@@ -5786,7 +5784,7 @@ var parseInlineElements = (text, key, sources) => {
               target: "_blank",
               rel: "noopener noreferrer",
               style: {
-                color: "var(--chatllm-link, #3b82f6)",
+                color: "var(--chatllm-link, #3584FA)",
                 textDecoration: "none"
               },
               children: match[1]
@@ -5815,7 +5813,7 @@ var parseInlineElements = (text, key, sources) => {
                 height: "18px",
                 borderRadius: "50%",
                 backgroundColor: "var(--chatllm-primary-light, #dbeafe)",
-                color: "var(--chatllm-primary, #3b82f6)",
+                color: "var(--chatllm-primary, #3584FA)",
                 fontSize: "11px",
                 fontWeight: 600,
                 textDecoration: "none",
@@ -5957,7 +5955,7 @@ var ThinkingSpinner = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       width: "12px",
       height: "12px",
       border: "2px solid var(--chatllm-border, #e5e7eb)",
-      borderTopColor: "var(--chatllm-primary, #3b82f6)",
+      borderTopColor: "var(--chatllm-primary, #3584FA)",
       borderRadius: "50%",
       animation: "chatllm-spin 0.8s linear infinite"
     }
@@ -6398,7 +6396,7 @@ var ChoiceButtons = ({ choices, title, onChoiceClick }) => {
                     width: "28px",
                     height: "28px",
                     borderRadius: "50%",
-                    backgroundColor: hoveredIndex === index ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-bg-tertiary, #f3f4f6)",
+                    backgroundColor: hoveredIndex === index ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-bg-tertiary, #f3f4f6)",
                     color: hoveredIndex === index ? "#ffffff" : "var(--chatllm-text, #374151)",
                     fontSize: "14px",
                     fontWeight: 600,
@@ -6608,7 +6606,7 @@ var MarkdownRenderer = ({
               style: {
                 margin: "12px 0",
                 padding: "12px 16px",
-                borderLeft: "4px solid var(--chatllm-primary, #3b82f6)",
+                borderLeft: "4px solid var(--chatllm-primary, #3584FA)",
                 backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
                 borderRadius: "0 8px 8px 0",
                 color: "var(--chatllm-text, #374151)"
@@ -6668,7 +6666,7 @@ var MarkdownRenderer = ({
                       width: "18px",
                       height: "18px",
                       borderRadius: "50%",
-                      border: "2px solid var(--chatllm-primary, #4A90E2)",
+                      border: "2px solid var(--chatllm-primary, #3584FA)",
                       borderTopColor: "transparent",
                       animation: "chatllm-spin 0.8s linear infinite"
                     }
@@ -6838,7 +6836,7 @@ var MarkdownRenderer = ({
     flushBlockquote();
     flushTable();
     return elements;
-  }, [content, onChoiceClick, sources]);
+  }, [content, onChoiceClick, sources, showThinking, thinkingDefaultOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
@@ -7236,7 +7234,10 @@ var PollCard = ({
   (0, import_react13.useEffect)(() => {
     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);
@@ -7311,11 +7312,11 @@ var PollCard = ({
                     padding: "12px 16px",
                     backgroundColor: isActive ? "var(--chatllm-content-bg, #fff)" : "transparent",
                     border: "none",
-                    borderBottom: isActive ? "2px solid var(--chatllm-primary, #4A90E2)" : "2px solid transparent",
+                    borderBottom: isActive ? "2px solid var(--chatllm-primary, #3584FA)" : "2px solid transparent",
                     cursor: "pointer",
                     fontSize: "13px",
                     fontWeight: isActive ? 600 : 500,
-                    color: isActive ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-text-muted, #64748b)",
+                    color: isActive ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #64748b)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -7382,8 +7383,8 @@ var PollCard = ({
                   alignItems: "flex-start",
                   gap: "12px",
                   padding: "12px 14px",
-                  backgroundColor: isSelected ? "var(--chatllm-primary-light, rgba(74, 144, 226, 0.08))" : "transparent",
-                  border: isSelected ? "1px solid var(--chatllm-primary, #4A90E2)" : "1px solid var(--chatllm-border, #e5e7eb)",
+                  backgroundColor: isSelected ? "var(--chatllm-primary-light, rgba(53, 132, 250, 0.08))" : "transparent",
+                  border: isSelected ? "1px solid var(--chatllm-primary, #3584FA)" : "1px solid var(--chatllm-border, #e5e7eb)",
                   borderRadius: "8px",
                   cursor: "pointer",
                   textAlign: "left",
@@ -7400,8 +7401,8 @@ var PollCard = ({
                         width: "20px",
                         height: "20px",
                         borderRadius: currentQuestion.multiSelect ? "4px" : "50%",
-                        border: `2px solid ${isSelected ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-border, #d1d5db)"}`,
-                        backgroundColor: isSelected ? "var(--chatllm-primary, #4A90E2)" : "transparent",
+                        border: `2px solid ${isSelected ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-border, #d1d5db)"}`,
+                        backgroundColor: isSelected ? "var(--chatllm-primary, #3584FA)" : "transparent",
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
@@ -7456,8 +7457,8 @@ var PollCard = ({
                     alignItems: "center",
                     gap: "12px",
                     padding: "12px 14px",
-                    backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary-light, rgba(74, 144, 226, 0.08))" : "transparent",
-                    border: otherSelected[currentQuestion.id] ? "1px solid var(--chatllm-primary, #4A90E2)" : "1px solid var(--chatllm-border, #e5e7eb)",
+                    backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary-light, rgba(53, 132, 250, 0.08))" : "transparent",
+                    border: otherSelected[currentQuestion.id] ? "1px solid var(--chatllm-primary, #3584FA)" : "1px solid var(--chatllm-border, #e5e7eb)",
                     borderRadius: "8px",
                     cursor: "pointer",
                     textAlign: "left",
@@ -7473,8 +7474,8 @@ var PollCard = ({
                           width: "20px",
                           height: "20px",
                           borderRadius: currentQuestion.multiSelect ? "4px" : "50%",
-                          border: `2px solid ${otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-border, #d1d5db)"}`,
-                          backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "transparent",
+                          border: `2px solid ${otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-border, #d1d5db)"}`,
+                          backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #3584FA)" : "transparent",
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
@@ -7549,7 +7550,7 @@ var PollCard = ({
                     disabled: !currentHasSelection,
                     style: {
                       padding: "8px 20px",
-                      backgroundColor: currentHasSelection ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-bg-disabled, #e5e7eb)",
+                      backgroundColor: currentHasSelection ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-bg-disabled, #e5e7eb)",
                       border: "none",
                       borderRadius: "6px",
                       color: currentHasSelection ? "#fff" : "var(--chatllm-text-muted, #94a3b8)",
@@ -7614,7 +7615,7 @@ var SkillProgressUI = ({
         marginTop: "8px",
         backgroundColor: isError ? "rgba(239, 68, 68, 0.08)" : "var(--chatllm-primary-light)",
         borderRadius: "12px",
-        border: `1px solid ${isError ? "rgba(239, 68, 68, 0.2)" : "rgba(74, 144, 226, 0.15)"}`
+        border: `1px solid ${isError ? "rgba(239, 68, 68, 0.2)" : "rgba(53, 132, 250, 0.15)"}`
       },
       children: [
         isExecuting && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -7852,13 +7853,13 @@ var FileContentCard = ({ part }) => {
               width: "36px",
               height: "36px",
               borderRadius: "8px",
-              backgroundColor: "var(--chatllm-primary-light, rgba(74, 144, 226, 0.1))",
+              backgroundColor: "var(--chatllm-primary-light, rgba(53, 132, 250, 0.1))",
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconSvg, { name: getFileIcon(part.mimeType), size: 18, color: "var(--chatllm-primary, #4A90E2)" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconSvg, { name: getFileIcon(part.mimeType), size: 18, color: "var(--chatllm-primary, #3584FA)" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -7970,7 +7971,7 @@ var ToolStatusCard = ({
                 width: 14,
                 height: 14,
                 borderRadius: "50%",
-                border: "2px solid var(--chatllm-primary, #4A90E2)",
+                border: "2px solid var(--chatllm-primary, #3584FA)",
                 borderTopColor: "transparent",
                 animation: "chatllm-spin 1s linear infinite",
                 flexShrink: 0
@@ -8208,13 +8209,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__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
@@ -8228,7 +8222,6 @@ var MessageBubble = ({
         },
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
-        onMouseUp: handleMouseUp,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
@@ -8349,7 +8342,6 @@ var MessageBubble = ({
       },
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
-      onMouseUp: handleMouseUp,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
@@ -8452,7 +8444,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,
@@ -8646,7 +8638,7 @@ var MessageBubble = ({
                       backgroundColor: "var(--chatllm-primary-light, #eff6ff)",
                       borderRadius: "8px",
                       fontSize: "13px",
-                      color: "var(--chatllm-primary, #2563eb)"
+                      color: "var(--chatllm-primary, #3584FA)"
                     },
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
@@ -9089,6 +9081,9 @@ var SettingsModal = ({
 }) => {
   const [activeTab, setActiveTab] = (0, import_react18.useState)("general");
   const [localApiKey, setLocalApiKey] = (0, import_react18.useState)(apiKey);
+  (0, import_react18.useEffect)(() => {
+    setLocalApiKey(apiKey);
+  }, [apiKey]);
   if (!isOpen) return null;
   const updateResponseStyle = (key, value) => {
     onPersonalizationChange({
@@ -9372,7 +9367,7 @@ var SettingsModal = ({
                     onClick: onSave,
                     style: {
                       padding: "10px 24px",
-                      backgroundColor: "var(--chatllm-primary, #4A90E2)",
+                      backgroundColor: "var(--chatllm-primary, #3584FA)",
                       color: "#fff",
                       border: "none",
                       borderRadius: "8px",
@@ -9417,7 +9412,7 @@ var SettingsModal = ({
                       width: "48px",
                       height: "28px",
                       borderRadius: "14px",
-                      backgroundColor: personalization.useMemory ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-text-muted, #d1d5db)",
+                      backgroundColor: personalization.useMemory ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #d1d5db)",
                       border: "none",
                       cursor: "pointer",
                       position: "relative",
@@ -9475,7 +9470,7 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import
       border: "none",
       backgroundColor: active ? "var(--chatllm-bg, #ffffff)" : "transparent",
       boxShadow: active ? "0 1px 3px rgba(0, 0, 0, 0.08)" : "none",
-      color: active ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-text-muted, #6b7280)",
+      color: active ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #6b7280)",
       fontSize: "14px",
       cursor: "pointer",
       textAlign: "left",
@@ -9589,8 +9584,8 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           fontSize: "13px",
           fontWeight: activeFilter === tab ? 500 : 400,
           backgroundColor: activeFilter === tab ? "var(--chatllm-primary-light, #dbeafe)" : "var(--chatllm-bg-secondary, #f9fafb)",
-          color: activeFilter === tab ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-text-muted, #6b7280)",
-          border: "1px solid " + (activeFilter === tab ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-border, #e5e7eb)"),
+          color: activeFilter === tab ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #6b7280)",
+          border: "1px solid " + (activeFilter === tab ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-border, #e5e7eb)"),
           borderRadius: "8px",
           cursor: "pointer"
         },
@@ -9606,12 +9601,12 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           marginBottom: "16px",
           backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
           borderRadius: "10px",
-          borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
+          borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
@@ -9731,7 +9726,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 var import_react19 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var COLOR_PRESETS = [
-  "#2563eb",
+  "#3584FA",
   "#7c3aed",
   "#db2777",
   "#dc2626",
@@ -9753,13 +9748,13 @@ var ProjectSettingsModal = ({
   const [title, setTitle] = (0, import_react19.useState)("");
   const [description, setDescription] = (0, import_react19.useState)("");
   const [instructions, setInstructions] = (0, import_react19.useState)("");
-  const [color, setColor] = (0, import_react19.useState)("#2563eb");
+  const [color, setColor] = (0, import_react19.useState)("#3584FA");
   (0, import_react19.useEffect)(() => {
     if (project) {
       setTitle(project.title);
       setDescription(project.description || "");
       setInstructions(project.instructions || "");
-      setColor(project.color || "#2563eb");
+      setColor(project.color || "#3584FA");
     }
   }, [project]);
   if (!isOpen || !project) return null;
@@ -9802,8 +9797,8 @@ var ProjectSettingsModal = ({
     padding: "8px 16px",
     fontSize: "13px",
     fontWeight: activeTab === tab ? 600 : 400,
-    color: activeTab === tab ? "var(--chatllm-primary, #2563eb)" : "var(--chatllm-text-muted, #999)",
-    borderBottom: activeTab === tab ? "2px solid var(--chatllm-primary, #2563eb)" : "2px solid transparent",
+    color: activeTab === tab ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #999)",
+    borderBottom: activeTab === tab ? "2px solid var(--chatllm-primary, #3584FA)" : "2px solid transparent",
     background: "none",
     border: "none",
     borderBottomStyle: "solid",
@@ -9990,7 +9985,7 @@ var ProjectSettingsModal = ({
                         padding: "8px 20px",
                         borderRadius: "6px",
                         border: "none",
-                        backgroundColor: "var(--chatllm-primary, #2563eb)",
+                        backgroundColor: "var(--chatllm-primary, #3584FA)",
                         color: "#fff",
                         fontSize: "13px",
                         fontWeight: 500,
@@ -10033,7 +10028,7 @@ var ProjectSettingsModal = ({
                       padding: "8px 20px",
                       borderRadius: "6px",
                       border: "none",
-                      backgroundColor: "var(--chatllm-primary, #2563eb)",
+                      backgroundColor: "var(--chatllm-primary, #3584FA)",
                       color: "#fff",
                       fontSize: "13px",
                       fontWeight: 500,
@@ -10208,7 +10203,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                 },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #4A90E2)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
                     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "h2",
                       {
@@ -10267,7 +10262,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         padding: "14px 16px",
                         backgroundColor: "var(--chatllm-primary-light, #eff6ff)",
                         borderRadius: "10px",
-                        borderLeft: "3px solid var(--chatllm-primary, #4A90E2)",
+                        borderLeft: "3px solid var(--chatllm-primary, #3584FA)",
                         marginBottom: "16px",
                         fontSize: "13px",
                         lineHeight: 1.7
@@ -10318,7 +10313,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                           {
                             href: "mailto:info@gendive.ai",
                             style: {
-                              color: "var(--chatllm-primary, #4A90E2)",
+                              color: "var(--chatllm-primary, #3584FA)",
                               textDecoration: "none",
                               fontWeight: 600
                             },
@@ -10396,9 +10391,9 @@ var injectStyles = () => {
     }
 
     .chatllm-root {
-      --chatllm-primary: #4A90E2;
-      --chatllm-primary-hover: #357ABD;
-      --chatllm-primary-light: rgba(74, 144, 226, 0.1);
+      --chatllm-primary: #3584FA;
+      --chatllm-primary-hover: #2D70D5;
+      --chatllm-primary-light: rgba(53, 132, 250, 0.1);
       --chatllm-bg: #F5F5F5;
       --chatllm-bg-secondary: #F5F5F5;
       --chatllm-bg-tertiary: #EDEDED;
@@ -10423,9 +10418,9 @@ var injectStyles = () => {
     }
 
     .chatllm-root.chatllm-dark {
-      --chatllm-primary: #60a5fa;
-      --chatllm-primary-hover: #3b82f6;
-      --chatllm-primary-light: rgba(96, 165, 250, 0.15);
+      --chatllm-primary: #3584FA;
+      --chatllm-primary-hover: #2D70D5;
+      --chatllm-primary-light: rgba(53, 132, 250, 0.15);
       --chatllm-bg: #0f172a;
       --chatllm-bg-secondary: #1e293b;
       --chatllm-bg-tertiary: #334155;
@@ -10490,8 +10485,8 @@ var injectStyles = () => {
     }
 
     .chatllm-input-container:focus-within {
-      border-color: rgba(74, 144, 226, 0.3);
-      box-shadow: var(--chatllm-shadow-input), 0 0 0 4px rgba(74, 144, 226, 0.05);
+      border-color: rgba(53, 132, 250, 0.3);
+      box-shadow: var(--chatllm-shadow-input), 0 0 0 4px rgba(53, 132, 250, 0.05);
     }
 
     .chatllm-dot-bounce {
@@ -10554,7 +10549,7 @@ var injectStyles = () => {
       border-radius: var(--chatllm-radius);
       font-weight: 600;
       transition: all 0.2s ease;
-      box-shadow: 0 2px 8px rgba(74, 144, 226, 0.25);
+      box-shadow: 0 2px 8px rgba(53, 132, 250, 0.25);
     }
 
     .chatllm-btn-primary:hover {
@@ -10577,7 +10572,7 @@ var injectStyles = () => {
 
     .chatllm-btn-secondary:hover {
       background: var(--chatllm-bg-hover);
-      border-color: rgba(74, 144, 226, 0.3);
+      border-color: rgba(53, 132, 250, 0.3);
     }
   `;
   document.head.appendChild(style);
@@ -11661,9 +11656,9 @@ var MemoryPanel = ({
           width: "48px",
           height: "48px",
           borderRadius: "50%",
-          backgroundColor: "var(--chatllm-primary, #3b82f6)",
+          backgroundColor: "var(--chatllm-primary, #3584FA)",
           border: "none",
-          boxShadow: "0 4px 12px rgba(59, 130, 246, 0.3)",
+          boxShadow: "0 4px 12px rgba(53, 132, 250, 0.3)",
           cursor: "pointer",
           display: "flex",
           alignItems: "center",
@@ -11718,7 +11713,7 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
@@ -11782,7 +11777,7 @@ var MemoryPanel = ({
                   fontSize: "13px",
                   fontWeight: activeTab === tab ? 500 : 400,
                   backgroundColor: activeTab === tab ? "var(--chatllm-primary-light, #dbeafe)" : "transparent",
-                  color: activeTab === tab ? "var(--chatllm-primary, #3b82f6)" : "var(--chatllm-text-muted, #6b7280)",
+                  color: activeTab === tab ? "var(--chatllm-primary, #3584FA)" : "var(--chatllm-text-muted, #6b7280)",
                   border: "none",
                   borderRadius: "6px",
                   cursor: "pointer",
@@ -11803,7 +11798,7 @@ var MemoryPanel = ({
                 marginBottom: "12px",
                 backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
                 borderRadius: "10px",
-                borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
+                borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -11816,8 +11811,8 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),