@gendive/chatllm 0.17.21 → 0.17.23

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) => {
@@ -3777,7 +3775,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
                 }
               }
@@ -3863,7 +3861,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
                       }
                     }
@@ -3937,8 +3935,8 @@ var ProjectSelector = ({
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: [
-                /* @__PURE__ */ jsx2(IconSvg, { name: "add-line", size: 16, color: "var(--chatllm-primary, #2563eb)" }),
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-primary, #2563eb)" }, children: "\uC0C8 \uD504\uB85C\uC81D\uD2B8" })
+                /* @__PURE__ */ jsx2(IconSvg, { name: "add-line", size: 16, color: "var(--chatllm-primary, #3584FA)" }),
+                /* @__PURE__ */ jsx2("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uC0C8 \uD504\uB85C\uC81D\uD2B8" })
               ]
             }
           )
@@ -4431,13 +4429,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__ */ jsx4(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary, #3b82f6)" }),
+                  /* @__PURE__ */ jsx4(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary, #3584FA)" }),
                   /* @__PURE__ */ jsx4("span", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: currentModel?.name || model }),
                   /* @__PURE__ */ jsx4(
                     IconSvg,
@@ -4534,7 +4532,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"
@@ -4568,7 +4566,7 @@ var ChatHeader = ({
                             {
                               name: "check-line",
                               size: 16,
-                              color: "var(--chatllm-primary, #3b82f6)",
+                              color: "var(--chatllm-primary, #3584FA)",
                               className: "ml-auto"
                             }
                           )
@@ -5720,7 +5718,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]
@@ -5749,7 +5747,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",
@@ -5891,7 +5889,7 @@ var ThinkingSpinner = () => /* @__PURE__ */ jsx7(
       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"
     }
@@ -6332,7 +6330,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,
@@ -6542,7 +6540,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)"
@@ -6602,7 +6600,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"
                     }
@@ -6772,7 +6770,7 @@ var MarkdownRenderer = ({
     flushBlockquote();
     flushTable();
     return elements;
-  }, [content, onChoiceClick, sources]);
+  }, [content, onChoiceClick, sources, showThinking, thinkingDefaultOpen]);
   return /* @__PURE__ */ jsx7(
     "div",
     {
@@ -7170,7 +7168,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);
@@ -7245,11 +7246,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",
@@ -7316,8 +7317,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",
@@ -7334,8 +7335,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",
@@ -7390,8 +7391,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",
@@ -7407,8 +7408,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",
@@ -7483,7 +7484,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)",
@@ -7548,7 +7549,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__ */ jsx10(
@@ -7786,13 +7787,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__ */ jsx12(IconSvg, { name: getFileIcon(part.mimeType), size: 18, color: "var(--chatllm-primary, #4A90E2)" })
+            children: /* @__PURE__ */ jsx12(IconSvg, { name: getFileIcon(part.mimeType), size: 18, color: "var(--chatllm-primary, #3584FA)" })
           }
         ),
         /* @__PURE__ */ jsxs11("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -7904,7 +7905,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
@@ -8142,13 +8143,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 +8156,6 @@ var MessageBubble = ({
         },
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
-        onMouseUp: handleMouseUp,
         children: [
           /* @__PURE__ */ jsx15(
             "div",
@@ -8283,7 +8276,6 @@ var MessageBubble = ({
       },
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
-      onMouseUp: handleMouseUp,
       children: [
         /* @__PURE__ */ jsxs14(
           "div",
@@ -8386,7 +8378,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,
@@ -8580,7 +8572,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__ */ jsxs14("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
@@ -8985,7 +8977,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 +9015,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({
@@ -9306,7 +9301,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",
@@ -9351,7 +9346,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",
@@ -9409,7 +9404,7 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs16(
       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",
@@ -9523,8 +9518,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"
         },
@@ -9540,12 +9535,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__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ jsx17(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-            /* @__PURE__ */ jsx17("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+            /* @__PURE__ */ jsx17(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+            /* @__PURE__ */ jsx17("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
           /* @__PURE__ */ jsx17("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
@@ -9662,10 +9657,10 @@ 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 = [
-  "#2563eb",
+  "#3584FA",
   "#7c3aed",
   "#db2777",
   "#dc2626",
@@ -9687,13 +9682,13 @@ var ProjectSettingsModal = ({
   const [title, setTitle] = useState17("");
   const [description, setDescription] = useState17("");
   const [instructions, setInstructions] = useState17("");
-  const [color, setColor] = useState17("#2563eb");
-  useEffect9(() => {
+  const [color, setColor] = useState17("#3584FA");
+  useEffect10(() => {
     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;
@@ -9736,8 +9731,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",
@@ -9924,7 +9919,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,
@@ -9967,7 +9962,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,
@@ -10142,7 +10137,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                 },
                 children: [
                   /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ jsx19(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #4A90E2)" }),
+                    /* @__PURE__ */ jsx19(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
                     /* @__PURE__ */ jsx19(
                       "h2",
                       {
@@ -10201,7 +10196,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
@@ -10252,7 +10247,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
                             },
@@ -10330,9 +10325,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;
@@ -10357,9 +10352,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;
@@ -10424,8 +10419,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 {
@@ -10488,7 +10483,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 {
@@ -10511,7 +10506,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);
@@ -11595,9 +11590,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",
@@ -11652,7 +11647,7 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
+                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
                   }
                 ),
                 /* @__PURE__ */ jsxs21("div", { children: [
@@ -11716,7 +11711,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",
@@ -11737,7 +11732,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__ */ jsxs21(
@@ -11750,8 +11745,8 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx22(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ jsx22(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),