@gendive/chatllm 0.17.21 → 0.17.22

package/dist/react/index.js

@@ -3843,7 +3843,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 +3929,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 +4003,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 +4497,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 +4600,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 +4634,7 @@ var ChatHeader = ({
                             {
                               name: "check-line",
                               size: 16,
-                              color: "var(--chatllm-primary, #3b82f6)",
+                              color: "var(--chatllm-primary, #3584FA)",
                               className: "ml-auto"
                             }
                           )
@@ -5786,7 +5786,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 +5815,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 +5957,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 +6398,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 +6608,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 +6668,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"
                     }
@@ -7311,11 +7311,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 +7382,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 +7400,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 +7456,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 +7473,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 +7549,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 +7614,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 +7852,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 +7970,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
@@ -8646,7 +8646,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: [
@@ -9372,7 +9372,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 +9417,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 +9475,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 +9589,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 +9606,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 +9731,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 +9753,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 +9802,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 +9990,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 +10033,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 +10208,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 +10267,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 +10318,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 +10396,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 +10423,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 +10490,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 +10554,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 +10577,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 +11661,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 +11718,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 +11782,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 +11803,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 +11816,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" })
                     ]
                   }
                 ),