@gendive/chatllm 0.17.20 → 0.17.21

package/dist/react/index.mjs

@@ -4638,7 +4638,8 @@ var ChatInput = ({
   onFileAttach,
   onRemoveAttachment,
   acceptedFileTypes,
-  onDisclaimerClick
+  onDisclaimerClick,
+  inline = false
 }) => {
   const [mainMenuOpen, setMainMenuOpen] = React4.useState(false);
   const textareaRef = useRef7(null);
@@ -4727,17 +4728,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__ */ jsxs4(
         "div",
@@ -5338,7 +5339,7 @@ var ChatInput = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx5(
+            !inline && /* @__PURE__ */ jsx5(
               "p",
               {
                 onClick: onDisclaimerClick,
@@ -8983,147 +8984,9 @@ var MessageList = ({
   );
 };
 
-// src/react/components/EmptyState.tsx
-import { jsx as jsx17, jsxs as jsxs16 } from "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__ */ jsxs16(
-    "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__ */ jsx17(
-          "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__ */ jsx17(IconSvg, { name: "chat-1-line", size: 40 })
-          }
-        ),
-        /* @__PURE__ */ jsx17(
-          "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__ */ jsxs16(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexWrap: "wrap",
-              justifyContent: "center",
-              gap: "12px",
-              maxWidth: "800px",
-              marginBottom: "48px"
-            },
-            children: [
-              actions.map((action) => /* @__PURE__ */ jsxs16(
-                "button",
-                {
-                  onClick: () => onActionSelect?.(action),
-                  className: "chatllm-btn-secondary",
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    padding: "12px 20px",
-                    fontSize: "14px",
-                    fontWeight: 500
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx17(
-                      IconSvg,
-                      {
-                        name: getActionIcon(action.icon),
-                        size: 18,
-                        color: "var(--chatllm-primary)"
-                      }
-                    ),
-                    action.label
-                  ]
-                },
-                action.id
-              )),
-              templates.slice(0, 4).map((template) => /* @__PURE__ */ jsxs16(
-                "button",
-                {
-                  onClick: () => onTemplateClick(template),
-                  className: "chatllm-btn-secondary",
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    padding: "12px 20px",
-                    fontSize: "14px",
-                    fontWeight: 500
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx17(
-                      IconSvg,
-                      {
-                        name: "sparkling-line",
-                        size: 18,
-                        color: "var(--chatllm-primary)"
-                      }
-                    ),
-                    template.title
-                  ]
-                },
-                template.id
-              ))
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
 // src/react/components/SettingsModal.tsx
 import { useState as useState16 } from "react";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
     warmth: "medium",
@@ -9183,7 +9046,7 @@ var SettingsModal = ({
     setLocalApiKey(value);
     onApiKeyChange?.(value);
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: "chatllm-settings-overlay",
@@ -9197,7 +9060,7 @@ var SettingsModal = ({
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsxs16(
         "div",
         {
           className: "chatllm-settings-modal",
@@ -9215,7 +9078,7 @@ var SettingsModal = ({
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs16(
               "div",
               {
                 style: {
@@ -9226,7 +9089,7 @@ var SettingsModal = ({
                   flexDirection: "column"
                 },
                 children: [
-                  /* @__PURE__ */ jsx18("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx17("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx17(
                     "button",
                     {
                       onClick: onClose,
@@ -9240,11 +9103,11 @@ var SettingsModal = ({
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ jsx18(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
+                      children: /* @__PURE__ */ jsx17(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs17("nav", { style: { flex: 1, padding: "8px" }, children: [
-                    /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsxs16("nav", { style: { flex: 1, padding: "8px" }, children: [
+                    /* @__PURE__ */ jsx17(
                       TabButton,
                       {
                         active: activeTab === "general",
@@ -9253,7 +9116,7 @@ var SettingsModal = ({
                         label: "\uC77C\uBC18"
                       }
                     ),
-                    /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsx17(
                       TabButton,
                       {
                         active: activeTab === "personalization",
@@ -9262,7 +9125,7 @@ var SettingsModal = ({
                         label: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815"
                       }
                     ),
-                    showMemoryTab && /* @__PURE__ */ jsx18(
+                    showMemoryTab && /* @__PURE__ */ jsx17(
                       TabButton,
                       {
                         active: activeTab === "memory",
@@ -9271,7 +9134,7 @@ var SettingsModal = ({
                         label: "AI \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    showMemoryTab && enableProjects && /* @__PURE__ */ jsx18(
+                    showMemoryTab && enableProjects && /* @__PURE__ */ jsx17(
                       TabButton,
                       {
                         active: activeTab === "project-memory",
@@ -9280,7 +9143,7 @@ var SettingsModal = ({
                         label: "\uD504\uB85C\uC81D\uD2B8 \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsx17(
                       TabButton,
                       {
                         active: activeTab === "data",
@@ -9293,24 +9156,24 @@ var SettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs17("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
-              activeTab === "general" && /* @__PURE__ */ jsxs17("div", { children: [
-                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
-                /* @__PURE__ */ jsx18(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs16("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
+              activeTab === "general" && /* @__PURE__ */ jsxs16("div", { children: [
+                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
+                /* @__PURE__ */ jsx17(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ jsxs16(
                   "select",
                   {
                     value: personalization.language,
                     onChange: (e) => onPersonalizationChange({ ...personalization, language: e.target.value }),
                     style: selectStyle,
                     children: [
-                      /* @__PURE__ */ jsx18("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
-                      /* @__PURE__ */ jsx18("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
-                      /* @__PURE__ */ jsx18("option", { value: "en", children: "English" }),
-                      /* @__PURE__ */ jsx18("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
+                      /* @__PURE__ */ jsx17("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
+                      /* @__PURE__ */ jsx17("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
+                      /* @__PURE__ */ jsx17("option", { value: "en", children: "English" }),
+                      /* @__PURE__ */ jsx17("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsx18(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__ */ jsx18(
+                /* @__PURE__ */ jsx17(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__ */ jsx17(
                   "button",
                   {
                     onClick: () => onPersonalizationChange(DEFAULT_PERSONALIZATION2),
@@ -9318,11 +9181,11 @@ var SettingsModal = ({
                     children: "\uCD08\uAE30\uD654"
                   }
                 ) }),
-                onApiKeyChange && /* @__PURE__ */ jsxs17("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
-                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
-                  /* @__PURE__ */ jsxs17("div", { children: [
-                    /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
-                    /* @__PURE__ */ jsx18(
+                onApiKeyChange && /* @__PURE__ */ jsxs16("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
+                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
+                  /* @__PURE__ */ jsxs16("div", { children: [
+                    /* @__PURE__ */ jsx17("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
+                    /* @__PURE__ */ jsx17(
                       "input",
                       {
                         type: "password",
@@ -9332,18 +9195,18 @@ var SettingsModal = ({
                         style: inputStyle
                       }
                     ),
-                    /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
+                    /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
                   ] })
                 ] })
               ] }),
-              activeTab === "personalization" && /* @__PURE__ */ jsxs17("div", { children: [
-                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
-                /* @__PURE__ */ jsxs17("section", { style: { marginBottom: "32px" }, children: [
-                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
-                  /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                    /* @__PURE__ */ jsxs17("div", { children: [
-                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
-                      /* @__PURE__ */ jsx18(
+              activeTab === "personalization" && /* @__PURE__ */ jsxs16("div", { children: [
+                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
+                /* @__PURE__ */ jsxs16("section", { style: { marginBottom: "32px" }, children: [
+                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
+                  /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                    /* @__PURE__ */ jsxs16("div", { children: [
+                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
+                      /* @__PURE__ */ jsx17(
                         "input",
                         {
                           type: "text",
@@ -9354,9 +9217,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs17("div", { children: [
-                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
-                      /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsxs16("div", { children: [
+                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
+                      /* @__PURE__ */ jsx17(
                         "input",
                         {
                           type: "text",
@@ -9367,9 +9230,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs17("div", { children: [
-                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
-                      /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsxs16("div", { children: [
+                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
+                      /* @__PURE__ */ jsx17(
                         "textarea",
                         {
                           value: personalization.userProfile.additionalInfo || "",
@@ -9382,62 +9245,62 @@ var SettingsModal = ({
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs17("section", { children: [
-                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
-                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ jsxs17(
+                /* @__PURE__ */ jsxs16("section", { children: [
+                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
+                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ jsxs16(
                     "select",
                     {
                       value: personalization.responseStyle.warmth,
                       onChange: (e) => updateResponseStyle("warmth", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
-                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
+                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
+                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ jsxs16(
                     "select",
                     {
                       value: personalization.responseStyle.enthusiasm,
                       onChange: (e) => updateResponseStyle("enthusiasm", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
-                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
+                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
+                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ jsxs16(
                     "select",
                     {
                       value: personalization.responseStyle.emojiUsage,
                       onChange: (e) => updateResponseStyle("emojiUsage", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
-                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
+                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
+                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ jsxs16(
                     "select",
                     {
                       value: personalization.responseStyle.verbosity,
                       onChange: (e) => updateResponseStyle("verbosity", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx18("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
-                        /* @__PURE__ */ jsx18("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx18("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
+                        /* @__PURE__ */ jsx17("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
+                        /* @__PURE__ */ jsx17("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx17("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
                       ]
                     }
                   ) })
                 ] }),
-                onSave && /* @__PURE__ */ jsx18("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx18(
+                onSave && /* @__PURE__ */ jsx17("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx17(
                   "button",
                   {
                     onClick: onSave,
@@ -9458,7 +9321,7 @@ var SettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ jsx18(
+              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ jsx17(
                 MemoryTabContent,
                 {
                   items: memoryItems,
@@ -9467,7 +9330,7 @@ var SettingsModal = ({
                   onClearAll: onClearMemory
                 }
               ),
-              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ jsx18(
+              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ jsx17(
                 MemoryTabContent,
                 {
                   items: projectMemoryItems,
@@ -9478,9 +9341,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__ */ jsxs17("div", { children: [
-                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
-                /* @__PURE__ */ jsx18(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx18(
+              activeTab === "data" && /* @__PURE__ */ jsxs16("div", { children: [
+                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
+                /* @__PURE__ */ jsx17(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx17(
                   "button",
                   {
                     onClick: () => onPersonalizationChange({ ...personalization, useMemory: !personalization.useMemory }),
@@ -9494,7 +9357,7 @@ var SettingsModal = ({
                       position: "relative",
                       transition: "background-color 0.2s"
                     },
-                    children: /* @__PURE__ */ jsx18(
+                    children: /* @__PURE__ */ jsx17(
                       "div",
                       {
                         style: {
@@ -9512,7 +9375,7 @@ var SettingsModal = ({
                     )
                   }
                 ) }),
-                onClearAllData && /* @__PURE__ */ jsx18(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx18(
+                onClearAllData && /* @__PURE__ */ jsx17(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx17(
                   "button",
                   {
                     onClick: () => {
@@ -9532,7 +9395,7 @@ var SettingsModal = ({
     }
   );
 };
-var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs17(
+var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs16(
   "button",
   {
     onClick,
@@ -9553,12 +9416,12 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs17(
       marginBottom: "4px"
     },
     children: [
-      /* @__PURE__ */ jsx18(IconSvg, { name: icon, size: 20 }),
+      /* @__PURE__ */ jsx17(IconSvg, { name: icon, size: 20 }),
       label
     ]
   }
 );
-var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs17(
+var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs16(
   "div",
   {
     style: {
@@ -9569,9 +9432,9 @@ var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs17(
       borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)"
     },
     children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsx18("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
-        description && /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx17("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
+        description && /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
       ] }),
       children
     ]
@@ -9643,15 +9506,15 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ jsxs17("div", { children: [
-    /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
-      /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
-      /* @__PURE__ */ jsxs17("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+  return /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
+      /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
+      /* @__PURE__ */ jsxs16("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
         items.length,
         "\uAC1C \uD56D\uBAA9"
       ] })
     ] }),
-    /* @__PURE__ */ jsx18("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx17("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx17(
       "button",
       {
         onClick: () => setActiveFilter(tab),
@@ -9669,7 +9532,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       tab
     )) }),
-    contextSummary && activeFilter === "all" && /* @__PURE__ */ jsxs17(
+    contextSummary && activeFilter === "all" && /* @__PURE__ */ jsxs16(
       "div",
       {
         style: {
@@ -9680,19 +9543,19 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
         },
         children: [
-          /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ jsx18(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-            /* @__PURE__ */ jsx18("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+          /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx17(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
+            /* @__PURE__ */ jsx17("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
-          /* @__PURE__ */ jsx18("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
+          /* @__PURE__ */ jsx17("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
       }
     ),
-    filteredItems.length === 0 ? /* @__PURE__ */ jsxs17("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx18(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
-      /* @__PURE__ */ jsx18("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
-      /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
-    ] }) : /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs17(
+    filteredItems.length === 0 ? /* @__PURE__ */ jsxs16("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx17(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
+      /* @__PURE__ */ jsx17("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
+      /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
+    ] }) : /* @__PURE__ */ jsx17("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs16(
       "div",
       {
         style: {
@@ -9705,10 +9568,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
         },
         onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
         children: [
-          /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ jsxs17("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                item.category && /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsxs16("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                item.category && /* @__PURE__ */ jsx17(
                   "span",
                   {
                     style: {
@@ -9722,12 +9585,12 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     children: memoryCategoryLabels[item.category]
                   }
                 ),
-                /* @__PURE__ */ jsx18("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                /* @__PURE__ */ jsx17("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
               ] }),
-              /* @__PURE__ */ jsx18("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
+              /* @__PURE__ */ jsx17("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
             ] }),
-            /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-              onDelete && /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+              onDelete && /* @__PURE__ */ jsx17(
                 "button",
                 {
                   onClick: (e) => {
@@ -9743,10 +9606,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     opacity: 0.5
                   },
                   "aria-label": "\uBA54\uBAA8\uB9AC \uC0AD\uC81C",
-                  children: /* @__PURE__ */ jsx18(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                  children: /* @__PURE__ */ jsx17(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx17(
                 IconSvg,
                 {
                   name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -9756,7 +9619,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
               )
             ] })
           ] }),
-          expandedId === item.id && /* @__PURE__ */ jsx18(
+          expandedId === item.id && /* @__PURE__ */ jsx17(
             "div",
             {
               style: {
@@ -9764,7 +9627,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                 paddingTop: "12px",
                 borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
               },
-              children: /* @__PURE__ */ jsx18(
+              children: /* @__PURE__ */ jsx17(
                 "p",
                 {
                   style: {
@@ -9783,7 +9646,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       item.id
     )) }),
-    onClearAll && items.length > 0 && /* @__PURE__ */ jsx18("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx18(
+    onClearAll && items.length > 0 && /* @__PURE__ */ jsx17("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx17(
       "button",
       {
         onClick: () => {
@@ -9800,7 +9663,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 
 // src/react/components/ProjectSettingsModal.tsx
 import { useState as useState17, useEffect as useEffect9 } from "react";
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var COLOR_PRESETS = [
   "#2563eb",
   "#7c3aed",
@@ -9881,7 +9744,7 @@ var ProjectSettingsModal = ({
     cursor: "pointer",
     fontFamily: "inherit"
   });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       style: {
@@ -9896,7 +9759,7 @@ var ProjectSettingsModal = ({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs17(
         "div",
         {
           style: {
@@ -9910,7 +9773,7 @@ var ProjectSettingsModal = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 style: {
@@ -9920,8 +9783,8 @@ var ProjectSettingsModal = ({
                   padding: "20px 24px 0"
                 },
                 children: [
-                  /* @__PURE__ */ jsx19("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx18("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
+                  /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: onClose,
@@ -9934,13 +9797,13 @@ var ProjectSettingsModal = ({
                         alignItems: "center"
                       },
                       "aria-label": "\uB2EB\uAE30",
-                      children: /* @__PURE__ */ jsx19(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
+                      children: /* @__PURE__ */ jsx18(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 style: {
@@ -9950,9 +9813,9 @@ var ProjectSettingsModal = ({
                   borderBottom: "1px solid var(--chatllm-border, #e0e0e0)"
                 },
                 children: [
-                  /* @__PURE__ */ jsx19("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
-                  /* @__PURE__ */ jsx19("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
-                  /* @__PURE__ */ jsxs18("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
+                  /* @__PURE__ */ jsx18("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
+                  /* @__PURE__ */ jsx18("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
+                  /* @__PURE__ */ jsxs17("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
                     "\uD30C\uC77C (",
                     project.files.length,
                     ")"
@@ -9960,11 +9823,11 @@ var ProjectSettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs18("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
-              activeTab === "general" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                /* @__PURE__ */ jsxs18("div", { children: [
-                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
-                  /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsxs17("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
+              activeTab === "general" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                /* @__PURE__ */ jsxs17("div", { children: [
+                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
+                  /* @__PURE__ */ jsx18(
                     "input",
                     {
                       type: "text",
@@ -9986,9 +9849,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs18("div", { children: [
-                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
-                  /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs17("div", { children: [
+                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
+                  /* @__PURE__ */ jsx18(
                     "textarea",
                     {
                       value: description,
@@ -10009,9 +9872,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs18("div", { children: [
-                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
-                  /* @__PURE__ */ jsx19("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs17("div", { children: [
+                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
+                  /* @__PURE__ */ jsx18("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: () => setColor(c),
@@ -10029,8 +9892,8 @@ var ProjectSettingsModal = ({
                     c
                   )) })
                 ] }),
-                /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
-                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
+                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: () => {
@@ -10053,7 +9916,7 @@ var ProjectSettingsModal = ({
                       children: "\uD504\uB85C\uC81D\uD2B8 \uC0AD\uC81C"
                     }
                   ),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: handleSaveGeneral,
@@ -10073,9 +9936,9 @@ var ProjectSettingsModal = ({
                   )
                 ] })
               ] }),
-              activeTab === "instructions" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ jsx19("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__ */ jsx19(
+              activeTab === "instructions" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx18("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__ */ jsx18(
                   "textarea",
                   {
                     value: instructions,
@@ -10096,7 +9959,7 @@ var ProjectSettingsModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx19("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx18("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: handleSaveInstructions,
@@ -10115,10 +9978,10 @@ var ProjectSettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "files" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ jsxs18("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx19("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__ */ jsxs18(
+              activeTab === "files" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ jsxs17("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx18("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__ */ jsxs17(
                     "button",
                     {
                       onClick: handleFileUpload,
@@ -10136,13 +9999,13 @@ var ProjectSettingsModal = ({
                         color: "var(--chatllm-text, #1a1a1a)"
                       },
                       children: [
-                        /* @__PURE__ */ jsx19(IconSvg, { name: "upload-line", size: 14 }),
+                        /* @__PURE__ */ jsx18(IconSvg, { name: "upload-line", size: 14 }),
                         "\uC5C5\uB85C\uB4DC"
                       ]
                     }
                   )
                 ] }),
-                project.files.length === 0 ? /* @__PURE__ */ jsx19(
+                project.files.length === 0 ? /* @__PURE__ */ jsx18(
                   "div",
                   {
                     style: {
@@ -10155,7 +10018,7 @@ var ProjectSettingsModal = ({
                     },
                     children: "\uC544\uC9C1 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
                   }
-                ) : /* @__PURE__ */ jsx19("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ jsxs18(
+                ) : /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ jsxs17(
                   "div",
                   {
                     style: {
@@ -10167,10 +10030,10 @@ var ProjectSettingsModal = ({
                       borderRadius: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
-                        /* @__PURE__ */ jsx19(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
-                        /* @__PURE__ */ jsxs18("div", { style: { overflow: "hidden" }, children: [
-                          /* @__PURE__ */ jsx19(
+                      /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
+                        /* @__PURE__ */ jsx18(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
+                        /* @__PURE__ */ jsxs17("div", { style: { overflow: "hidden" }, children: [
+                          /* @__PURE__ */ jsx18(
                             "div",
                             {
                               style: {
@@ -10184,13 +10047,13 @@ var ProjectSettingsModal = ({
                               children: file.name
                             }
                           ),
-                          /* @__PURE__ */ jsxs18("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
+                          /* @__PURE__ */ jsxs17("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
                             file.type,
                             formatSize(file.size) ? ` \xB7 ${formatSize(file.size)}` : ""
                           ] })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx19(
+                      /* @__PURE__ */ jsx18(
                         "button",
                         {
                           onClick: () => onDeleteFile(project.id, file.id),
@@ -10211,7 +10074,7 @@ var ProjectSettingsModal = ({
                             e.currentTarget.style.opacity = "0.5";
                           },
                           "aria-label": `${file.name} \uC0AD\uC81C`,
-                          children: /* @__PURE__ */ jsx19(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
+                          children: /* @__PURE__ */ jsx18(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
                         }
                       )
                     ]
@@ -10228,14 +10091,14 @@ var ProjectSettingsModal = ({
 };
 
 // src/react/components/DisclaimerModal.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var highlightStyle = {
   color: "var(--chatllm-text, #1e293b)",
   fontWeight: 600
 };
 var DisclaimerModal = ({ isOpen, onClose }) => {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: "chatllm-disclaimer-overlay",
@@ -10249,7 +10112,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs18(
         "div",
         {
           className: "chatllm-disclaimer-modal",
@@ -10267,7 +10130,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs19(
+            /* @__PURE__ */ jsxs18(
               "div",
               {
                 style: {
@@ -10278,9 +10141,9 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs19("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ jsx20(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #4A90E2)" }),
-                    /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ jsx19(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #4A90E2)" }),
+                    /* @__PURE__ */ jsx19(
                       "h2",
                       {
                         style: {
@@ -10293,7 +10156,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx19(
                     "button",
                     {
                       onClick: onClose,
@@ -10308,13 +10171,13 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ jsx20(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                      children: /* @__PURE__ */ jsx19(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs19(
+            /* @__PURE__ */ jsxs18(
               "div",
               {
                 className: "chatllm-scrollbar",
@@ -10326,12 +10189,12 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   color: "var(--chatllm-text-secondary, #475569)"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC800\uB294 \uC5EC\uB7EC\uBD84\uC758 \uC9C8\uBB38\uC5D0 ",
-                    /* @__PURE__ */ jsx20("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
+                    /* @__PURE__ */ jsx19("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__ */ jsxs19(
+                  /* @__PURE__ */ jsxs18(
                     "div",
                     {
                       style: {
@@ -10344,33 +10207,33 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7
                       },
                       children: [
-                        /* @__PURE__ */ jsx20("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__ */ jsxs19("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                          /* @__PURE__ */ jsx20("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
-                          /* @__PURE__ */ jsx20("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
-                          /* @__PURE__ */ jsx20("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__ */ jsx19("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__ */ jsxs18("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                          /* @__PURE__ */ jsx19("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
+                          /* @__PURE__ */ jsx19("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
+                          /* @__PURE__ */ jsx19("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__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC774\uB7F0 \uD604\uC0C1\uC744 ",
-                    /* @__PURE__ */ jsx20("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
+                    /* @__PURE__ */ jsx19("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__ */ jsx20("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
+                    /* @__PURE__ */ jsx19("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
                     "\uD574 \uC8FC\uC2DC\uBA74 \uAC10\uC0AC\uD558\uACA0\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
-                    /* @__PURE__ */ jsx20("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
+                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
+                    /* @__PURE__ */ jsx19("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__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC81C\uAC00 \uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uC54C\uB824\uB4DC\uB9B4 \uB54C\uB3C4,",
                     " ",
-                    /* @__PURE__ */ jsx20("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
+                    /* @__PURE__ */ jsx19("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__ */ jsx20(
+                  /* @__PURE__ */ jsx19(
                     "div",
                     {
                       style: {
@@ -10381,10 +10244,10 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7,
                         textAlign: "center"
                       },
-                      children: /* @__PURE__ */ jsxs19("p", { style: { margin: 0 }, children: [
+                      children: /* @__PURE__ */ jsxs18("p", { style: { margin: 0 }, children: [
                         "\uC800\uC5D0 \uB300\uD55C \uC758\uACAC\uC774\uB098 \uAC1C\uC120 \uC81C\uC548\uC774 \uC788\uC73C\uC2DC\uB2E4\uBA74",
                         " ",
-                        /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsx19(
                           "a",
                           {
                             href: "mailto:info@gendive.ai",
@@ -10397,7 +10260,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                           }
                         ),
                         "\uB85C \uC54C\uB824\uC8FC\uC138\uC694.",
-                        /* @__PURE__ */ jsx20("br", {}),
+                        /* @__PURE__ */ jsx19("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."
                       ] })
                     }
@@ -10413,7 +10276,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
 };
 
 // src/react/ChatUI.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10456,6 +10319,16 @@ 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;
@@ -10661,7 +10534,8 @@ var ChatUIView = ({
   className,
   apiKey,
   onApiKeyChange,
-  deepResearchEnabled
+  deepResearchEnabled,
+  suggestedPrompts
 }) => {
   const {
     sessions,
@@ -10729,6 +10603,19 @@ var ChatUIView = ({
     isSessionsLoading
   } = state;
   const [disclaimerOpen, setDisclaimerOpen] = React15.useState(false);
+  const [welcomeExiting, setWelcomeExiting] = React15.useState(false);
+  const prevMessageCountRef = React15.useRef(messages.length);
+  React15.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);
@@ -10771,7 +10658,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10784,7 +10671,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ jsx21(
+        showSidebar && /* @__PURE__ */ jsx20(
           ChatSidebar,
           {
             sessions,
@@ -10816,7 +10703,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs19(
           "main",
           {
             style: {
@@ -10828,7 +10715,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx20(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10842,68 +10729,158 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              messages.length === 0 ? /* @__PURE__ */ jsx21(
-                EmptyState,
-                {
-                  greeting,
-                  templates,
-                  onTemplateClick: handleTemplateClick,
-                  actions,
-                  onActionSelect: handleActionSelect
-                }
-              ) : /* @__PURE__ */ jsx21(
-                MessageList,
+              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ jsxs19(
+                "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__ */ jsx20(
+                      "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__ */ jsx20("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ jsx20(
+                      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__ */ jsx20(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexWrap: "wrap",
+                          gap: "8px",
+                          justifyContent: "center",
+                          maxWidth: "680px"
+                        },
+                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ jsxs19(
+                          "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__ */ jsx20(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
+                              sp.label
+                            ]
+                          },
+                          sp.id
+                        ))
+                      }
+                    )
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx21(
-                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__ */ jsxs19(Fragment8, { children: [
+                /* @__PURE__ */ jsx20(
+                  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__ */ jsx20(
+                  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__ */ jsx21(
+        showSettings && /* @__PURE__ */ jsx20(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10930,7 +10907,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -10942,7 +10919,7 @@ var ChatUIView = ({
             onDeleteProject: deleteProject
           }
         ),
-        /* @__PURE__ */ jsx21(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
+        /* @__PURE__ */ jsx20(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -10951,6 +10928,7 @@ var ChatUIWithHook = ({
   models = DEFAULT_MODELS,
   actions = DEFAULT_ACTIONS,
   templates = DEFAULT_TEMPLATES,
+  suggestedPrompts,
   personalization,
   onPersonalizationChange,
   onPersonalizationSave,
@@ -11044,7 +11022,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     ChatUIView,
     {
       state,
@@ -11064,7 +11042,8 @@ var ChatUIWithHook = ({
       className,
       apiKey,
       onApiKeyChange,
-      deepResearchEnabled: !!deepResearch?.onWebSearch
+      deepResearchEnabled: !!deepResearch?.onWebSearch,
+      suggestedPrompts
     }
   );
 };
@@ -11088,9 +11067,10 @@ var ChatUI = (props) => {
       className = "",
       apiKey,
       onApiKeyChange,
-      deepResearch
+      deepResearch,
+      suggestedPrompts: chatStateSuggestedPrompts
     } = props;
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx20(
       ChatUIView,
       {
         state: props.chatState,
@@ -11110,11 +11090,12 @@ var ChatUI = (props) => {
         className,
         apiKey,
         onApiKeyChange,
-        deepResearchEnabled: !!deepResearch?.onWebSearch
+        deepResearchEnabled: !!deepResearch?.onWebSearch,
+        suggestedPrompts: chatStateSuggestedPrompts
       }
     );
   }
-  return /* @__PURE__ */ jsx21(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ jsx20(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
@@ -11431,6 +11412,144 @@ var useDeepResearch = (options) => {
   };
 };
 
+// src/react/components/EmptyState.tsx
+import { jsx as jsx21, jsxs as jsxs20 } from "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__ */ jsxs20(
+    "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__ */ jsx21(
+          "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__ */ jsx21(IconSvg, { name: "chat-1-line", size: 40 })
+          }
+        ),
+        /* @__PURE__ */ jsx21(
+          "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__ */ jsxs20(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              justifyContent: "center",
+              gap: "12px",
+              maxWidth: "800px",
+              marginBottom: "48px"
+            },
+            children: [
+              actions.map((action) => /* @__PURE__ */ jsxs20(
+                "button",
+                {
+                  onClick: () => onActionSelect?.(action),
+                  className: "chatllm-btn-secondary",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    padding: "12px 20px",
+                    fontSize: "14px",
+                    fontWeight: 500
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx21(
+                      IconSvg,
+                      {
+                        name: getActionIcon(action.icon),
+                        size: 18,
+                        color: "var(--chatllm-primary)"
+                      }
+                    ),
+                    action.label
+                  ]
+                },
+                action.id
+              )),
+              templates.slice(0, 4).map((template) => /* @__PURE__ */ jsxs20(
+                "button",
+                {
+                  onClick: () => onTemplateClick(template),
+                  className: "chatllm-btn-secondary",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    padding: "12px 20px",
+                    fontSize: "14px",
+                    fontWeight: 500
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx21(
+                      IconSvg,
+                      {
+                        name: "sparkling-line",
+                        size: 18,
+                        color: "var(--chatllm-primary)"
+                      }
+                    ),
+                    template.title
+                  ]
+                },
+                template.id
+              ))
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/react/components/MemoryPanel.tsx
 import { useState as useState19 } from "react";
 import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";