@gendive/chatllm 0.17.20 → 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"
                             }
                           )
@@ -4704,7 +4704,8 @@ var ChatInput = ({
   onFileAttach,
   onRemoveAttachment,
   acceptedFileTypes,
-  onDisclaimerClick
+  onDisclaimerClick,
+  inline = false
 }) => {
   const [mainMenuOpen, setMainMenuOpen] = import_react9.default.useState(false);
   const textareaRef = (0, import_react9.useRef)(null);
@@ -4793,17 +4794,17 @@ var ChatInput = ({
     {
       className: "chatllm-input-footer",
       style: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
+        position: inline ? "relative" : "absolute",
+        bottom: inline ? void 0 : 0,
+        left: inline ? void 0 : 0,
+        right: inline ? void 0 : 0,
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
-        paddingBottom: "16px",
-        paddingTop: "64px",
-        background: "linear-gradient(to top, var(--chatllm-bg) 60%, transparent)",
-        pointerEvents: "none"
+        paddingBottom: inline ? "0px" : "16px",
+        paddingTop: inline ? "0px" : "64px",
+        background: inline ? "transparent" : "linear-gradient(to top, var(--chatllm-bg) 60%, transparent)",
+        pointerEvents: inline ? void 0 : "none"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
@@ -5404,7 +5405,7 @@ var ChatInput = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            !inline && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "p",
               {
                 onClick: onDisclaimerClick,
@@ -5785,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]
@@ -5814,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",
@@ -5956,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"
     }
@@ -6397,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,
@@ -6607,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)"
@@ -6667,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"
                     }
@@ -7310,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",
@@ -7381,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",
@@ -7399,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",
@@ -7455,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",
@@ -7472,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",
@@ -7548,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)",
@@ -7613,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)(
@@ -7851,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: [
@@ -7969,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
@@ -8645,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: [
@@ -9049,147 +9050,9 @@ var MessageList = ({
   );
 };
 
-// src/react/components/EmptyState.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var EmptyState = ({
-  greeting,
-  templates = [],
-  onTemplateClick,
-  actions = [],
-  onActionSelect
-}) => {
-  const getActionIcon = (icon) => {
-    const iconMap = {
-      search: "search-line",
-      image: "image-line",
-      code: "code-s-slash-line",
-      document: "file-text-line"
-    };
-    return iconMap[icon] || "sparkling-line";
-  };
-  const hasContent = actions.length > 0 || templates.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    "div",
-    {
-      className: "chatllm-empty-state",
-      style: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: hasContent ? "center" : "flex-end",
-        padding: "48px 24px",
-        paddingBottom: hasContent ? "200px" : "32px",
-        textAlign: "center"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "div",
-          {
-            className: "chatllm-sheet",
-            style: {
-              width: "64px",
-              height: "64px",
-              borderRadius: "16px",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              marginBottom: "32px",
-              color: "var(--chatllm-primary)"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "chat-1-line", size: 40 })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "h1",
-          {
-            style: {
-              fontSize: "30px",
-              fontWeight: 700,
-              color: "var(--chatllm-text)",
-              marginBottom: hasContent ? "40px" : "0",
-              lineHeight: 1.3
-            },
-            children: "How can I help you today?"
-          }
-        ),
-        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexWrap: "wrap",
-              justifyContent: "center",
-              gap: "12px",
-              maxWidth: "800px",
-              marginBottom: "48px"
-            },
-            children: [
-              actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                "button",
-                {
-                  onClick: () => onActionSelect?.(action),
-                  className: "chatllm-btn-secondary",
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    padding: "12px 20px",
-                    fontSize: "14px",
-                    fontWeight: 500
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      IconSvg,
-                      {
-                        name: getActionIcon(action.icon),
-                        size: 18,
-                        color: "var(--chatllm-primary)"
-                      }
-                    ),
-                    action.label
-                  ]
-                },
-                action.id
-              )),
-              templates.slice(0, 4).map((template) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                "button",
-                {
-                  onClick: () => onTemplateClick(template),
-                  className: "chatllm-btn-secondary",
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    padding: "12px 20px",
-                    fontSize: "14px",
-                    fontWeight: 500
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      IconSvg,
-                      {
-                        name: "sparkling-line",
-                        size: 18,
-                        color: "var(--chatllm-primary)"
-                      }
-                    ),
-                    template.title
-                  ]
-                },
-                template.id
-              ))
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
 // src/react/components/SettingsModal.tsx
 var import_react18 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
     warmth: "medium",
@@ -9249,7 +9112,7 @@ var SettingsModal = ({
     setLocalApiKey(value);
     onApiKeyChange?.(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       className: "chatllm-settings-overlay",
@@ -9263,7 +9126,7 @@ var SettingsModal = ({
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "div",
         {
           className: "chatllm-settings-modal",
@@ -9281,7 +9144,7 @@ var SettingsModal = ({
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 style: {
@@ -9292,7 +9155,7 @@ var SettingsModal = ({
                   flexDirection: "column"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -9306,11 +9169,11 @@ var SettingsModal = ({
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { style: { flex: 1, padding: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("nav", { style: { flex: 1, padding: "8px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "general",
@@ -9319,7 +9182,7 @@ var SettingsModal = ({
                         label: "\uC77C\uBC18"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "personalization",
@@ -9328,7 +9191,7 @@ var SettingsModal = ({
                         label: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815"
                       }
                     ),
-                    showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "memory",
@@ -9337,7 +9200,7 @@ var SettingsModal = ({
                         label: "AI \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "project-memory",
@@ -9346,7 +9209,7 @@ var SettingsModal = ({
                         label: "\uD504\uB85C\uC81D\uD2B8 \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "data",
@@ -9359,24 +9222,24 @@ var SettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
-              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
+              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                   "select",
                   {
                     value: personalization.language,
                     onChange: (e) => onPersonalizationChange({ ...personalization, language: e.target.value }),
                     style: selectStyle,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "en", children: "English" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "en", children: "English" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     onClick: () => onPersonalizationChange(DEFAULT_PERSONALIZATION2),
@@ -9384,11 +9247,11 @@ var SettingsModal = ({
                     children: "\uCD08\uAE30\uD654"
                   }
                 ) }),
-                onApiKeyChange && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                onApiKeyChange && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "input",
                       {
                         type: "password",
@@ -9398,18 +9261,18 @@ var SettingsModal = ({
                         style: inputStyle
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
                   ] })
                 ] })
               ] }),
-              activeTab === "personalization" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { style: { marginBottom: "32px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              activeTab === "personalization" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { style: { marginBottom: "32px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "input",
                         {
                           type: "text",
@@ -9420,9 +9283,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "input",
                         {
                           type: "text",
@@ -9433,9 +9296,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "textarea",
                         {
                           value: personalization.userProfile.additionalInfo || "",
@@ -9448,68 +9311,68 @@ var SettingsModal = ({
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.warmth,
                       onChange: (e) => updateResponseStyle("warmth", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.enthusiasm,
                       onChange: (e) => updateResponseStyle("enthusiasm", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.emojiUsage,
                       onChange: (e) => updateResponseStyle("emojiUsage", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.verbosity,
                       onChange: (e) => updateResponseStyle("verbosity", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
                       ]
                     }
                   ) })
                 ] }),
-                onSave && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                onSave && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     onClick: onSave,
                     style: {
                       padding: "10px 24px",
-                      backgroundColor: "var(--chatllm-primary, #4A90E2)",
+                      backgroundColor: "var(--chatllm-primary, #3584FA)",
                       color: "#fff",
                       border: "none",
                       borderRadius: "8px",
@@ -9524,7 +9387,7 @@ var SettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 MemoryTabContent,
                 {
                   items: memoryItems,
@@ -9533,7 +9396,7 @@ var SettingsModal = ({
                   onClearAll: onClearMemory
                 }
               ),
-              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 MemoryTabContent,
                 {
                   items: projectMemoryItems,
@@ -9544,9 +9407,9 @@ var SettingsModal = ({
                   emptyDescription: "\uB300\uD654\uAC00 \uC9C4\uD589\uB418\uBA74 AI\uAC00 \uD504\uB85C\uC81D\uD2B8 \uB9E5\uB77D\uC744 \uC790\uB3D9\uC73C\uB85C \uD559\uC2B5\uD569\uB2C8\uB2E4"
                 }
               ),
-              activeTab === "data" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              activeTab === "data" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     onClick: () => onPersonalizationChange({ ...personalization, useMemory: !personalization.useMemory }),
@@ -9554,13 +9417,13 @@ 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",
                       transition: "background-color 0.2s"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         style: {
@@ -9578,7 +9441,7 @@ var SettingsModal = ({
                     )
                   }
                 ) }),
-                onClearAllData && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                onClearAllData && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "button",
                   {
                     onClick: () => {
@@ -9598,7 +9461,7 @@ var SettingsModal = ({
     }
   );
 };
-var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   "button",
   {
     onClick,
@@ -9612,19 +9475,19 @@ 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",
       marginBottom: "4px"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: icon, size: 20 }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: icon, size: 20 }),
       label
     ]
   }
 );
-var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   "div",
   {
     style: {
@@ -9635,9 +9498,9 @@ var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, impor
       borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
       ] }),
       children
     ]
@@ -9709,15 +9572,15 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
         items.length,
         "\uAC1C \uD56D\uBAA9"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "button",
       {
         onClick: () => setActiveFilter(tab),
@@ -9726,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"
         },
@@ -9735,7 +9598,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       tab
     )) }),
-    contextSummary && activeFilter === "all" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    contextSummary && activeFilter === "all" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         style: {
@@ -9743,22 +9606,22 @@ 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_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+          /* @__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, #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_runtime18.jsx)("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
       }
     ),
-    filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         style: {
@@ -9771,10 +9634,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
         },
         onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                item.category && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                item.category && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "span",
                   {
                     style: {
@@ -9788,12 +9651,12 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     children: memoryCategoryLabels[item.category]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-              onDelete && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+              onDelete && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "button",
                 {
                   onClick: (e) => {
@@ -9809,10 +9672,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     opacity: 0.5
                   },
                   "aria-label": "\uBA54\uBAA8\uB9AC \uC0AD\uC81C",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 IconSvg,
                 {
                   name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -9822,7 +9685,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
               )
             ] })
           ] }),
-          expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "div",
             {
               style: {
@@ -9830,7 +9693,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                 paddingTop: "12px",
                 borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "p",
                 {
                   style: {
@@ -9849,7 +9712,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       item.id
     )) }),
-    onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "button",
       {
         onClick: () => {
@@ -9866,9 +9729,9 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 
 // src/react/components/ProjectSettingsModal.tsx
 var import_react19 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var COLOR_PRESETS = [
-  "#2563eb",
+  "#3584FA",
   "#7c3aed",
   "#db2777",
   "#dc2626",
@@ -9890,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;
@@ -9939,15 +9802,15 @@ 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",
     cursor: "pointer",
     fontFamily: "inherit"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       style: {
@@ -9962,7 +9825,7 @@ var ProjectSettingsModal = ({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "div",
         {
           style: {
@@ -9976,7 +9839,7 @@ var ProjectSettingsModal = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 style: {
@@ -9986,8 +9849,8 @@ var ProjectSettingsModal = ({
                   padding: "20px 24px 0"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -10000,13 +9863,13 @@ var ProjectSettingsModal = ({
                         alignItems: "center"
                       },
                       "aria-label": "\uB2EB\uAE30",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 style: {
@@ -10016,9 +9879,9 @@ var ProjectSettingsModal = ({
                   borderBottom: "1px solid var(--chatllm-border, #e0e0e0)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
                     "\uD30C\uC77C (",
                     project.files.length,
                     ")"
@@ -10026,11 +9889,11 @@ var ProjectSettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
-              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
+              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "input",
                     {
                       type: "text",
@@ -10052,9 +9915,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "textarea",
                     {
                       value: description,
@@ -10075,9 +9938,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "button",
                     {
                       onClick: () => setColor(c),
@@ -10095,8 +9958,8 @@ var ProjectSettingsModal = ({
                     c
                   )) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
-                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
+                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -10119,7 +9982,7 @@ var ProjectSettingsModal = ({
                       children: "\uD504\uB85C\uC81D\uD2B8 \uC0AD\uC81C"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "button",
                     {
                       onClick: handleSaveGeneral,
@@ -10127,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,
@@ -10139,9 +10002,9 @@ var ProjectSettingsModal = ({
                   )
                 ] })
               ] }),
-              activeTab === "instructions" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              activeTab === "instructions" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "textarea",
                   {
                     value: instructions,
@@ -10162,7 +10025,7 @@ var ProjectSettingsModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "button",
                   {
                     onClick: handleSaveInstructions,
@@ -10170,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,
@@ -10181,10 +10044,10 @@ var ProjectSettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "files" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              activeTab === "files" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "button",
                     {
                       onClick: handleFileUpload,
@@ -10202,13 +10065,13 @@ var ProjectSettingsModal = ({
                         color: "var(--chatllm-text, #1a1a1a)"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "upload-line", size: 14 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "upload-line", size: 14 }),
                         "\uC5C5\uB85C\uB4DC"
                       ]
                     }
                   )
                 ] }),
-                project.files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                project.files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "div",
                   {
                     style: {
@@ -10221,7 +10084,7 @@ var ProjectSettingsModal = ({
                     },
                     children: "\uC544\uC9C1 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   "div",
                   {
                     style: {
@@ -10233,10 +10096,10 @@ var ProjectSettingsModal = ({
                       borderRadius: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { overflow: "hidden" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { overflow: "hidden" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                             "div",
                             {
                               style: {
@@ -10250,13 +10113,13 @@ var ProjectSettingsModal = ({
                               children: file.name
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
                             file.type,
                             formatSize(file.size) ? ` \xB7 ${formatSize(file.size)}` : ""
                           ] })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "button",
                         {
                           onClick: () => onDeleteFile(project.id, file.id),
@@ -10277,7 +10140,7 @@ var ProjectSettingsModal = ({
                             e.currentTarget.style.opacity = "0.5";
                           },
                           "aria-label": `${file.name} \uC0AD\uC81C`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
                         }
                       )
                     ]
@@ -10294,14 +10157,14 @@ var ProjectSettingsModal = ({
 };
 
 // src/react/components/DisclaimerModal.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var highlightStyle = {
   color: "var(--chatllm-text, #1e293b)",
   fontWeight: 600
 };
 var DisclaimerModal = ({ isOpen, onClose }) => {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: "chatllm-disclaimer-overlay",
@@ -10315,7 +10178,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           className: "chatllm-disclaimer-modal",
@@ -10333,7 +10196,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 style: {
@@ -10344,9 +10207,9 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #4A90E2)" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__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, #3584FA)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "h2",
                       {
                         style: {
@@ -10359,7 +10222,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -10374,13 +10237,13 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 className: "chatllm-scrollbar",
@@ -10392,51 +10255,51 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   color: "var(--chatllm-text-secondary, #475569)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC800\uB294 \uC5EC\uB7EC\uBD84\uC758 \uC9C8\uBB38\uC5D0 ",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
                     "\uD558\uACE0 \uC788\uC5B4\uC694. \uD558\uC9C0\uB9CC \uC194\uC9C1\uD558\uAC8C \uB9D0\uC500\uB4DC\uB9AC\uBA74, \uC800\uB3C4 \uB54C\uB54C\uB85C \uC2E4\uC218\uB97C \uD558\uAC70\uB098 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB2F5\uBCC0\uC744 \uB4DC\uB9B4 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                     "div",
                     {
                       style: {
                         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
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
                         ] })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC774\uB7F0 \uD604\uC0C1\uC744 ",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
                     "\uC774\uB77C\uACE0 \uBD80\uB974\uB294\uB370\uC694, \uC544\uC9C1\uC740 \uC800\uC640 \uAC19\uC740 AI\uAC00 \uAC00\uC9C4 \uADFC\uBCF8\uC801\uC778 \uD55C\uACC4\uC608\uC694. \uC81C \uB2F5\uBCC0\uC774 \uC544\uBB34\uB9AC \uC790\uC5F0\uC2A4\uB7EC\uC6CC \uBCF4\uC5EC\uB3C4, ",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
                     "\uD574 \uC8FC\uC2DC\uBA74 \uAC10\uC0AC\uD558\uACA0\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
                     "\uB85C \uD65C\uC6A9\uD574 \uC8FC\uC2DC\uACE0, \uC911\uC694\uD55C \uD310\uB2E8\uC744 \uB0B4\uB9AC\uC2E4 \uB54C\uB294 \uAF2D \uCD94\uAC00\uB85C \uD655\uC778\uD574 \uC8FC\uC138\uC694. \uC800\uB3C4 \uB354 \uC815\uD655\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uACC4\uC18D \uBC1C\uC804\uD558\uACE0 \uC788\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC81C\uAC00 \uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uC54C\uB824\uB4DC\uB9B4 \uB54C\uB3C4,",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
                     "\uD574 \uBCF4\uC2DC\uB294 \uAC78 \uCD94\uCC9C\uB4DC\uB824\uC694. \uC694\uC57D \uACFC\uC815\uC5D0\uC11C \uB193\uCE60 \uC218 \uC788\uB294 \uC911\uC694\uD55C \uB9E5\uB77D\uC774 \uC6D0\uBCF8\uC5D0 \uB2F4\uACA8 \uC788\uC744 \uC218 \uC788\uAC70\uB4E0\uC694."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "div",
                     {
                       style: {
@@ -10447,15 +10310,15 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7,
                         textAlign: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: 0 }, children: [
+                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: 0 }, children: [
                         "\uC800\uC5D0 \uB300\uD55C \uC758\uACAC\uC774\uB098 \uAC1C\uC120 \uC81C\uC548\uC774 \uC788\uC73C\uC2DC\uB2E4\uBA74",
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                           "a",
                           {
                             href: "mailto:info@gendive.ai",
                             style: {
-                              color: "var(--chatllm-primary, #4A90E2)",
+                              color: "var(--chatllm-primary, #3584FA)",
                               textDecoration: "none",
                               fontWeight: 600
                             },
@@ -10463,7 +10326,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                           }
                         ),
                         "\uB85C \uC54C\uB824\uC8FC\uC138\uC694.",
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("br", {}),
                         "\uC5EC\uB7EC\uBD84\uC758 \uD53C\uB4DC\uBC31 \uD558\uB098\uD558\uB098\uAC00 \uC81C\uAC00 \uC131\uC7A5\uD558\uB294 \uB370 \uD070 \uD798\uC774 \uB429\uB2C8\uB2E4."
                       ] })
                     }
@@ -10479,7 +10342,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
 };
 
 // src/react/ChatUI.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10522,10 +10385,20 @@ var injectStyles = () => {
       100% { transform: rotate(360deg); }
     }
 
+    @keyframes chatllm-welcome-exit {
+      from { opacity: 1; transform: translateY(0); }
+      to { opacity: 0; transform: translateY(-16px); }
+    }
+
+    @keyframes chatllm-chat-enter {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
     .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;
@@ -10550,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;
@@ -10617,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 {
@@ -10681,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 {
@@ -10704,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);
@@ -10727,7 +10600,8 @@ var ChatUIView = ({
   className,
   apiKey,
   onApiKeyChange,
-  deepResearchEnabled
+  deepResearchEnabled,
+  suggestedPrompts
 }) => {
   const {
     sessions,
@@ -10795,6 +10669,19 @@ var ChatUIView = ({
     isSessionsLoading
   } = state;
   const [disclaimerOpen, setDisclaimerOpen] = import_react20.default.useState(false);
+  const [welcomeExiting, setWelcomeExiting] = import_react20.default.useState(false);
+  const prevMessageCountRef = import_react20.default.useRef(messages.length);
+  import_react20.default.useEffect(() => {
+    let timer;
+    if (prevMessageCountRef.current === 0 && messages.length > 0) {
+      setWelcomeExiting(true);
+      timer = setTimeout(() => setWelcomeExiting(false), 400);
+    }
+    prevMessageCountRef.current = messages.length;
+    return () => {
+      if (timer) clearTimeout(timer);
+    };
+  }, [messages.length]);
   const greeting = currentPersonalization.userProfile.nickname ? `\uC548\uB155\uD558\uC138\uC694, ${currentPersonalization.userProfile.nickname}\uB2D8` : "\uC548\uB155\uD558\uC138\uC694";
   const handleTemplateClick = (template) => {
     setInput(template.prompt);
@@ -10837,7 +10724,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10850,7 +10737,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ChatSidebar,
           {
             sessions,
@@ -10882,7 +10769,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "main",
           {
             style: {
@@ -10894,7 +10781,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10908,68 +10795,158 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                EmptyState,
-                {
-                  greeting,
-                  templates,
-                  onTemplateClick: handleTemplateClick,
-                  actions,
-                  onActionSelect: handleActionSelect
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                MessageList,
+              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                "div",
                 {
-                  messages,
-                  isLoading,
-                  onCopy: copyMessage,
-                  onEdit: startEdit,
-                  onRegenerate: regenerate,
-                  onQuote: setQuotedText,
-                  onAskOtherModel: (userMessageId, assistantMessageId, targetModel) => askOtherModel(assistantMessageId, targetModel),
-                  onSetActiveAlternative: setActiveAlternative,
-                  activeAlternatives,
-                  models: hookModels,
-                  copiedId: copiedMessageId,
-                  editingId: editingMessageId,
-                  onChoiceClick: handleChoiceClick,
-                  showThinking,
-                  thinkingDefaultOpen,
-                  loadingAlternativeFor,
-                  onPollSubmit: handlePollSubmit
+                  style: {
+                    ...messages.length > 0 ? { position: "absolute", inset: 0, zIndex: 5, background: "var(--chatllm-bg)" } : { flex: 1 },
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    padding: "24px",
+                    gap: "24px",
+                    animation: welcomeExiting ? "chatllm-welcome-exit 0.3s ease forwards" : "none",
+                    pointerEvents: welcomeExiting ? "none" : "auto"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "h1",
+                      {
+                        style: {
+                          fontSize: "26px",
+                          fontWeight: 600,
+                          color: "var(--chatllm-text)",
+                          margin: 0,
+                          textAlign: "center",
+                          lineHeight: 1.4
+                        },
+                        children: greeting ? `${greeting} \u273A` : "\u273A \uBB34\uC5C7\uC744 \uC0DD\uAC01\uD574 \uBCFC\uAE4C\uC694?"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      ChatInput,
+                      {
+                        value: input,
+                        onChange: setInput,
+                        onSubmit: handleSubmit,
+                        onStop: stopGeneration,
+                        isLoading,
+                        placeholder: "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD558\uC138\uC694...",
+                        quotedText,
+                        onClearQuote: () => setQuotedText(null),
+                        selectedAction,
+                        onClearAction: () => setSelectedAction(null),
+                        onActionSelect: setSelectedAction,
+                        actions,
+                        onDeepResearch: toggleDeepResearchMode,
+                        isDeepResearchMode,
+                        deepResearchEnabled,
+                        manualSkills,
+                        onSkillSelect: executeManualSkill,
+                        activeSkillExecution,
+                        attachments,
+                        onFileAttach: addAttachments,
+                        onRemoveAttachment: removeAttachment,
+                        onDisclaimerClick: () => setDisclaimerOpen(true),
+                        inline: true
+                      }
+                    ) }),
+                    suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexWrap: "wrap",
+                          gap: "8px",
+                          justifyContent: "center",
+                          maxWidth: "680px"
+                        },
+                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                          "button",
+                          {
+                            onClick: () => setInput(sp.prompt),
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "6px",
+                              padding: "8px 16px",
+                              borderRadius: "20px",
+                              border: "1px solid var(--chatllm-border)",
+                              background: "var(--chatllm-content-bg)",
+                              color: "var(--chatllm-text-secondary)",
+                              fontSize: "13px",
+                              fontFamily: "inherit",
+                              cursor: "pointer",
+                              transition: "all 0.2s"
+                            },
+                            children: [
+                              sp.icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
+                              sp.label
+                            ]
+                          },
+                          sp.id
+                        ))
+                      }
+                    )
+                  ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                ChatInput,
-                {
-                  value: input,
-                  onChange: setInput,
-                  onSubmit: handleSubmit,
-                  onStop: stopGeneration,
-                  isLoading,
-                  placeholder: "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD558\uC138\uC694...",
-                  quotedText,
-                  onClearQuote: () => setQuotedText(null),
-                  selectedAction,
-                  onClearAction: () => setSelectedAction(null),
-                  onActionSelect: setSelectedAction,
-                  actions,
-                  onDeepResearch: toggleDeepResearchMode,
-                  isDeepResearchMode,
-                  deepResearchEnabled,
-                  manualSkills,
-                  onSkillSelect: executeManualSkill,
-                  activeSkillExecution,
-                  attachments,
-                  onFileAttach: addAttachments,
-                  onRemoveAttachment: removeAttachment,
-                  onDisclaimerClick: () => setDisclaimerOpen(true)
-                }
-              )
+              messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  MessageList,
+                  {
+                    messages,
+                    isLoading,
+                    onCopy: copyMessage,
+                    onEdit: startEdit,
+                    onRegenerate: regenerate,
+                    onQuote: setQuotedText,
+                    onAskOtherModel: (userMessageId, assistantMessageId, targetModel) => askOtherModel(assistantMessageId, targetModel),
+                    onSetActiveAlternative: setActiveAlternative,
+                    activeAlternatives,
+                    models: hookModels,
+                    copiedId: copiedMessageId,
+                    editingId: editingMessageId,
+                    onChoiceClick: handleChoiceClick,
+                    showThinking,
+                    thinkingDefaultOpen,
+                    loadingAlternativeFor,
+                    onPollSubmit: handlePollSubmit
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  ChatInput,
+                  {
+                    value: input,
+                    onChange: setInput,
+                    onSubmit: handleSubmit,
+                    onStop: stopGeneration,
+                    isLoading,
+                    placeholder: "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD558\uC138\uC694...",
+                    quotedText,
+                    onClearQuote: () => setQuotedText(null),
+                    selectedAction,
+                    onClearAction: () => setSelectedAction(null),
+                    onActionSelect: setSelectedAction,
+                    actions,
+                    onDeepResearch: toggleDeepResearchMode,
+                    isDeepResearchMode,
+                    deepResearchEnabled,
+                    manualSkills,
+                    onSkillSelect: executeManualSkill,
+                    activeSkillExecution,
+                    attachments,
+                    onFileAttach: addAttachments,
+                    onRemoveAttachment: removeAttachment,
+                    onDisclaimerClick: () => setDisclaimerOpen(true)
+                  }
+                )
+              ] })
             ]
           }
         ),
-        showSettings && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        showSettings && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10996,7 +10973,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -11008,7 +10985,7 @@ var ChatUIView = ({
             onDeleteProject: deleteProject
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -11017,6 +10994,7 @@ var ChatUIWithHook = ({
   models = DEFAULT_MODELS,
   actions = DEFAULT_ACTIONS,
   templates = DEFAULT_TEMPLATES,
+  suggestedPrompts,
   personalization,
   onPersonalizationChange,
   onPersonalizationSave,
@@ -11110,7 +11088,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     ChatUIView,
     {
       state,
@@ -11130,7 +11108,8 @@ var ChatUIWithHook = ({
       className,
       apiKey,
       onApiKeyChange,
-      deepResearchEnabled: !!deepResearch?.onWebSearch
+      deepResearchEnabled: !!deepResearch?.onWebSearch,
+      suggestedPrompts
     }
   );
 };
@@ -11154,9 +11133,10 @@ var ChatUI = (props) => {
       className = "",
       apiKey,
       onApiKeyChange,
-      deepResearch
+      deepResearch,
+      suggestedPrompts: chatStateSuggestedPrompts
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ChatUIView,
       {
         state: props.chatState,
@@ -11176,11 +11156,12 @@ var ChatUI = (props) => {
         className,
         apiKey,
         onApiKeyChange,
-        deepResearchEnabled: !!deepResearch?.onWebSearch
+        deepResearchEnabled: !!deepResearch?.onWebSearch,
+        suggestedPrompts: chatStateSuggestedPrompts
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
@@ -11497,6 +11478,144 @@ var useDeepResearch = (options) => {
   };
 };
 
+// src/react/components/EmptyState.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var EmptyState = ({
+  greeting,
+  templates = [],
+  onTemplateClick,
+  actions = [],
+  onActionSelect
+}) => {
+  const getActionIcon = (icon) => {
+    const iconMap = {
+      search: "search-line",
+      image: "image-line",
+      code: "code-s-slash-line",
+      document: "file-text-line"
+    };
+    return iconMap[icon] || "sparkling-line";
+  };
+  const hasContent = actions.length > 0 || templates.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "div",
+    {
+      className: "chatllm-empty-state",
+      style: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: hasContent ? "center" : "flex-end",
+        padding: "48px 24px",
+        paddingBottom: hasContent ? "200px" : "32px",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "div",
+          {
+            className: "chatllm-sheet",
+            style: {
+              width: "64px",
+              height: "64px",
+              borderRadius: "16px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              marginBottom: "32px",
+              color: "var(--chatllm-primary)"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "chat-1-line", size: 40 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "h1",
+          {
+            style: {
+              fontSize: "30px",
+              fontWeight: 700,
+              color: "var(--chatllm-text)",
+              marginBottom: hasContent ? "40px" : "0",
+              lineHeight: 1.3
+            },
+            children: "How can I help you today?"
+          }
+        ),
+        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              justifyContent: "center",
+              gap: "12px",
+              maxWidth: "800px",
+              marginBottom: "48px"
+            },
+            children: [
+              actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                "button",
+                {
+                  onClick: () => onActionSelect?.(action),
+                  className: "chatllm-btn-secondary",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    padding: "12px 20px",
+                    fontSize: "14px",
+                    fontWeight: 500
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      IconSvg,
+                      {
+                        name: getActionIcon(action.icon),
+                        size: 18,
+                        color: "var(--chatllm-primary)"
+                      }
+                    ),
+                    action.label
+                  ]
+                },
+                action.id
+              )),
+              templates.slice(0, 4).map((template) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                "button",
+                {
+                  onClick: () => onTemplateClick(template),
+                  className: "chatllm-btn-secondary",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    padding: "12px 20px",
+                    fontSize: "14px",
+                    fontWeight: 500
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      IconSvg,
+                      {
+                        name: "sparkling-line",
+                        size: 18,
+                        color: "var(--chatllm-primary)"
+                      }
+                    ),
+                    template.title
+                  ]
+                },
+                template.id
+              ))
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/react/components/MemoryPanel.tsx
 var import_react22 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -11542,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",
@@ -11599,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: [
@@ -11663,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",
@@ -11684,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)(
@@ -11697,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" })
                     ]
                   }
                 ),