@gendive/chatllm 0.17.19 → 0.17.21

package/dist/react/index.js

@@ -483,7 +483,7 @@ var parseExtractionResult = (text) => {
 function useInfoExtraction(options) {
   const [isExtracting, setIsExtracting] = (0, import_react2.useState)(false);
   const [lastExtraction, setLastExtraction] = (0, import_react2.useState)(null);
-  const { apiEndpoint, model, minConfidence = 0.8, globalMemory } = options;
+  const { apiEndpoint, model, minConfidence = 0.8, globalMemory, onCallLLM } = options;
   const extractInfo = (0, import_react2.useCallback)(
     async (messages) => {
       if (messages.length === 0) {
@@ -492,41 +492,44 @@ function useInfoExtraction(options) {
       setIsExtracting(true);
       try {
         const prompt = buildExtractionPrompt(messages);
-        const response = await fetch(apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            messages: [{ role: "user", content: prompt }],
-            model: model || "default"
-          })
-        });
-        if (!response.ok) {
-          throw new Error(`API error: ${response.status}`);
-        }
-        const reader = response.body?.getReader();
-        if (!reader) {
-          return [];
-        }
-        const decoder = new TextDecoder();
-        let buffer = "";
-        let fullResponse = "";
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          const lines = buffer.split("\n");
-          buffer = lines.pop() || "";
-          for (const line of lines) {
-            if (line.startsWith("data: ")) {
-              const data = line.slice(6);
-              if (data === "[DONE]") continue;
-              try {
-                const parsed = JSON.parse(data);
-                {
+        let fullResponse;
+        if (onCallLLM) {
+          fullResponse = await onCallLLM(prompt, model || "default");
+        } else {
+          const response = await fetch(apiEndpoint, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              messages: [{ role: "user", content: prompt }],
+              model: model || "default"
+            })
+          });
+          if (!response.ok) {
+            throw new Error(`API error: ${response.status}`);
+          }
+          const reader = response.body?.getReader();
+          if (!reader) {
+            return [];
+          }
+          const decoder = new TextDecoder();
+          let buffer = "";
+          fullResponse = "";
+          while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split("\n");
+            buffer = lines.pop() || "";
+            for (const line of lines) {
+              if (line.startsWith("data: ")) {
+                const data = line.slice(6);
+                if (data === "[DONE]") continue;
+                try {
+                  const parsed = JSON.parse(data);
                   const chunk = parsed.content ?? parsed.text ?? "";
                   if (chunk) fullResponse += chunk;
+                } catch {
                 }
-              } catch {
               }
             }
           }
@@ -553,7 +556,7 @@ function useInfoExtraction(options) {
         setIsExtracting(false);
       }
     },
-    [apiEndpoint, model, minConfidence, globalMemory]
+    [apiEndpoint, model, minConfidence, globalMemory, onCallLLM]
   );
   return {
     extractInfo,
@@ -1609,6 +1612,33 @@ var removeSessionCache = (storageKey, sessionId) => {
 };
 
 // src/react/hooks/useChatUI.ts
+var parseSSEResponse = async (response) => {
+  const reader = response.body?.getReader();
+  if (!reader) return "";
+  const decoder = new TextDecoder();
+  let buffer = "";
+  let result = "";
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    const lines = buffer.split("\n");
+    buffer = lines.pop() || "";
+    for (const line of lines) {
+      if (line.startsWith("data: ")) {
+        const data = line.slice(6);
+        if (data === "[DONE]") continue;
+        try {
+          const parsed = JSON.parse(data);
+          const chunk = parsed.content ?? parsed.text ?? "";
+          if (chunk) result += chunk;
+        } catch {
+        }
+      }
+    }
+  }
+  return result;
+};
 var DEFAULT_STORAGE_KEY = "chatllm_sessions";
 var DEFAULT_COMPRESSION_THRESHOLD = 20;
 var DEFAULT_KEEP_RECENT = 6;
@@ -1814,11 +1844,37 @@ var useChatUI = (options) => {
   );
   const projectMemoryRaw = useGlobalMemory(projectMemoryOptions);
   const projectMemory = enableProjects ? projectMemoryRaw : null;
+  const callInternalLLM = (0, import_react5.useCallback)(async (prompt, model) => {
+    if (onSendMessageRef.current) {
+      const modelConfig = models.find((m) => m.id === model);
+      const provider = modelConfig?.provider || "ollama";
+      const result = await onSendMessageRef.current({
+        messages: [{ role: "user", content: prompt }],
+        model,
+        provider,
+        apiKey
+      });
+      if (typeof result === "string") return result;
+      if (typeof result === "object" && "content" in result) return result.content;
+      return parseSSEResponse(new Response(result));
+    }
+    const response = await fetch(apiEndpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        messages: [{ role: "user", content: prompt }],
+        model
+      })
+    });
+    if (!response.ok) return "";
+    return parseSSEResponse(response);
+  }, [apiEndpoint, apiKey, models]);
   const infoExtraction = useInfoExtraction({
     apiEndpoint,
     model: selectedModel,
     minConfidence: 0.8,
-    globalMemory
+    globalMemory,
+    onCallLLM: callInternalLLM
   });
   const currentSession = sessions.find((s) => s.id === currentSessionId) || null;
   const messages = currentSession?.messages.filter((m) => !m.hidden) || [];
@@ -2016,46 +2072,11 @@ ${conversationText}
 
 \uC694\uC57D:`;
     try {
-      const response = await fetch(apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          messages: [{ role: "user", content: summaryPrompt }],
-          model
-        })
-      });
-      if (!response.ok) return "";
-      const reader = response.body?.getReader();
-      if (!reader) return "";
-      const decoder = new TextDecoder();
-      let buffer = "";
-      let summary = "";
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-        buffer += decoder.decode(value, { stream: true });
-        const lines = buffer.split("\n");
-        buffer = lines.pop() || "";
-        for (const line of lines) {
-          if (line.startsWith("data: ")) {
-            const data = line.slice(6);
-            if (data === "[DONE]") continue;
-            try {
-              const parsed = JSON.parse(data);
-              {
-                const chunk = parsed.content ?? parsed.text ?? "";
-                if (chunk) summary += chunk;
-              }
-            } catch {
-            }
-          }
-        }
-      }
-      return summary;
+      return await callInternalLLM(summaryPrompt, model);
     } catch {
       return "";
     }
-  }, [apiEndpoint]);
+  }, [callInternalLLM]);
   const incrementalCompressContext = (0, import_react5.useCallback)(
     async (existingSummary, newMessages, model) => {
       const newConversation = newMessages.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
@@ -2075,47 +2096,13 @@ ${newConversation}
 
 \uD1B5\uD569 \uC694\uC57D:`;
       try {
-        const response = await fetch(apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            messages: [{ role: "user", content: mergePrompt }],
-            model
-          })
-        });
-        if (!response.ok) return existingSummary;
-        const reader = response.body?.getReader();
-        if (!reader) return existingSummary;
-        const decoder = new TextDecoder();
-        let buffer = "";
-        let summary = "";
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          const lines = buffer.split("\n");
-          buffer = lines.pop() || "";
-          for (const line of lines) {
-            if (line.startsWith("data: ")) {
-              const data = line.slice(6);
-              if (data === "[DONE]") continue;
-              try {
-                const parsed = JSON.parse(data);
-                {
-                  const chunk = parsed.content ?? parsed.text ?? "";
-                  if (chunk) summary += chunk;
-                }
-              } catch {
-              }
-            }
-          }
-        }
+        const summary = await callInternalLLM(mergePrompt, model);
         return summary || existingSummary;
       } catch {
         return existingSummary;
       }
     },
-    [apiEndpoint]
+    [callInternalLLM]
   );
   const estimateTokens = (0, import_react5.useCallback)((messages2) => {
     return messages2.reduce((sum, m) => sum + Math.ceil(m.content.length / 4), 0);
@@ -4717,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);
@@ -4806,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",
@@ -5417,7 +5405,7 @@ var ChatInput = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            !inline && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "p",
               {
                 onClick: onDisclaimerClick,
@@ -9062,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",
@@ -9262,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",
@@ -9276,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",
@@ -9294,7 +9144,7 @@ var SettingsModal = ({
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 style: {
@@ -9305,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,
@@ -9319,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",
@@ -9332,7 +9182,7 @@ var SettingsModal = ({
                         label: "\uC77C\uBC18"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TabButton,
                       {
                         active: activeTab === "personalization",
@@ -9341,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",
@@ -9350,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",
@@ -9359,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",
@@ -9372,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),
@@ -9397,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",
@@ -9411,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",
@@ -9433,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",
@@ -9446,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 || "",
@@ -9461,62 +9311,62 @@ 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,
@@ -9537,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,
@@ -9546,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,
@@ -9557,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 }),
@@ -9573,7 +9423,7 @@ var SettingsModal = ({
                       position: "relative",
                       transition: "background-color 0.2s"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         style: {
@@ -9591,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: () => {
@@ -9611,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,
@@ -9632,12 +9482,12 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import
       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: {
@@ -9648,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
     ]
@@ -9722,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),
@@ -9748,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: {
@@ -9759,19 +9609,19 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
         },
         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, #3b82f6)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_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: {
@@ -9784,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: {
@@ -9801,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) => {
@@ -9822,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",
@@ -9835,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: {
@@ -9843,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: {
@@ -9862,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: () => {
@@ -9879,7 +9729,7 @@ 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",
   "#7c3aed",
@@ -9960,7 +9810,7 @@ var ProjectSettingsModal = ({
     cursor: "pointer",
     fontFamily: "inherit"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       style: {
@@ -9975,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: {
@@ -9989,7 +9839,7 @@ var ProjectSettingsModal = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 style: {
@@ -9999,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,
@@ -10013,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: {
@@ -10029,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,
                     ")"
@@ -10039,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",
@@ -10065,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,
@@ -10088,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),
@@ -10108,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: () => {
@@ -10132,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,
@@ -10152,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,
@@ -10175,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,
@@ -10194,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,
@@ -10215,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: {
@@ -10234,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: {
@@ -10246,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: {
@@ -10263,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),
@@ -10290,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" })
                         }
                       )
                     ]
@@ -10307,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",
@@ -10328,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",
@@ -10346,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: {
@@ -10357,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, #4A90E2)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "h2",
                       {
                         style: {
@@ -10372,7 +10222,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -10387,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",
@@ -10405,12 +10255,12 @@ 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: {
@@ -10423,33 +10273,33 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         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: {
@@ -10460,10 +10310,10 @@ 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",
@@ -10476,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."
                       ] })
                     }
@@ -10492,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 = [
@@ -10535,6 +10385,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;
@@ -10740,7 +10600,8 @@ var ChatUIView = ({
   className,
   apiKey,
   onApiKeyChange,
-  deepResearchEnabled
+  deepResearchEnabled,
+  suggestedPrompts
 }) => {
   const {
     sessions,
@@ -10808,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);
@@ -10850,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}`,
@@ -10863,7 +10737,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ChatSidebar,
           {
             sessions,
@@ -10895,7 +10769,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "main",
           {
             style: {
@@ -10907,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",
@@ -10921,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,
@@ -11009,7 +10973,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -11021,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) })
       ]
     }
   );
@@ -11030,6 +10994,7 @@ var ChatUIWithHook = ({
   models = DEFAULT_MODELS,
   actions = DEFAULT_ACTIONS,
   templates = DEFAULT_TEMPLATES,
+  suggestedPrompts,
   personalization,
   onPersonalizationChange,
   onPersonalizationSave,
@@ -11123,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,
@@ -11143,7 +11108,8 @@ var ChatUIWithHook = ({
       className,
       apiKey,
       onApiKeyChange,
-      deepResearchEnabled: !!deepResearch?.onWebSearch
+      deepResearchEnabled: !!deepResearch?.onWebSearch,
+      suggestedPrompts
     }
   );
 };
@@ -11167,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,
@@ -11189,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
@@ -11510,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");