@gendive/chatllm 0.17.24 → 0.17.25

package/dist/react/index.mjs

@@ -1,5 +1,5 @@
 // src/react/ChatUI.tsx
-import React15 from "react";
+import React16 from "react";
 
 // src/react/hooks/useChatUI.ts
 import { useState as useState5, useRef as useRef4, useCallback as useCallback5, useEffect as useEffect3, useMemo as useMemo2 } from "react";
@@ -1508,6 +1508,65 @@ var convertToolsToSkills = (tools, onToolCall) => {
   return skillMap;
 };
 
+// src/react/utils/checklistParser.ts
+var generateId3 = () => {
+  return Math.random().toString(36).substring(2, 11);
+};
+var parseChecklistFromContent = (content) => {
+  const checklistRegex = /<checklist>([\s\S]*?)<\/checklist>/i;
+  const match = checklistRegex.exec(content);
+  if (!match) {
+    return { checklistBlock: null, cleanContent: content };
+  }
+  const innerContent = match[1].trim();
+  const items = [];
+  const stepTagRegex = /<step>([^<]+)<\/step>/gi;
+  let stepMatch;
+  while ((stepMatch = stepTagRegex.exec(innerContent)) !== null) {
+    items.push({
+      id: generateId3(),
+      title: stepMatch[1].trim(),
+      status: "pending"
+    });
+  }
+  if (items.length === 0) {
+    const numberedRegex = /^\d+[.)]\s+(.+)$/gm;
+    let numMatch;
+    while ((numMatch = numberedRegex.exec(innerContent)) !== null) {
+      items.push({
+        id: generateId3(),
+        title: numMatch[1].trim(),
+        status: "pending"
+      });
+    }
+  }
+  if (items.length === 0) {
+    const listRegex = /^[-*]\s+(.+)$/gm;
+    let listMatch;
+    while ((listMatch = listRegex.exec(innerContent)) !== null) {
+      items.push({
+        id: generateId3(),
+        title: listMatch[1].trim(),
+        status: "pending"
+      });
+    }
+  }
+  if (items.length < 2) {
+    return { checklistBlock: null, cleanContent: content };
+  }
+  let cleanContent = content.replace(match[0], "");
+  cleanContent = cleanContent.replace(/\n{3,}/g, "\n\n").trim();
+  return {
+    checklistBlock: {
+      id: generateId3(),
+      items,
+      currentStep: -1,
+      completed: false
+    },
+    cleanContent
+  };
+};
+
 // src/react/utils/sessionCache.ts
 var buildCacheKey = (storageKey, sessionId) => `${storageKey}_cache_${sessionId}`;
 var writeSessionCache = (storageKey, session) => {
@@ -1572,7 +1631,7 @@ var DEFAULT_COMPRESSION_THRESHOLD = 20;
 var DEFAULT_KEEP_RECENT = 6;
 var DEFAULT_RECOMPRESSION_THRESHOLD = 10;
 var DEFAULT_TOKEN_LIMIT = 8e3;
-var generateId3 = (prefix) => `${prefix}_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+var generateId4 = (prefix) => `${prefix}_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
 var fileToBase64 = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.onload = () => resolve(reader.result.split(",")[1] || "");
@@ -1713,6 +1772,8 @@ var useChatUI = (options) => {
   const abortControllerRef = useRef4(null);
   const skipNextPollParsingRef = useRef4(false);
   const skipNextSkillParsingRef = useRef4(false);
+  const skipNextChecklistParsingRef = useRef4(false);
+  const activeChecklistRef = useRef4(null);
   const lastExtractionMsgCountRef = useRef4(0);
   const memoryOptions = useMemo2(
     () => ({
@@ -2063,7 +2124,7 @@ ${newConversation}
     }
     const now = Date.now();
     const newSess = {
-      id: generateId3("session"),
+      id: generateId4("session"),
       title: "\uC0C8 \uB300\uD654",
       messages: [],
       model: selectedModel,
@@ -2080,7 +2141,7 @@ ${newConversation}
       try {
         const sessionDetail = await onLoadSessionRef.current(id);
         let loadedMessages = sessionDetail.messages.map((m, idx) => ({
-          id: m.id || generateId3("msg"),
+          id: m.id || generateId4("msg"),
           role: typeof m.role === "string" ? m.role.toLowerCase() : m.role,
           // API는 message 필드, 내부는 content 필드 사용
           content: m.content || m.message || "",
@@ -2245,7 +2306,7 @@ ${newConversation}
     const newAttachments = files.map((file) => {
       const isImage = file.type.startsWith("image/");
       return {
-        id: generateId3("attach"),
+        id: generateId4("attach"),
         file,
         name: file.name,
         type: isImage ? "image" : "file",
@@ -2297,7 +2358,7 @@ ${newConversation}
       } else {
         const now = Date.now();
         const newSess = {
-          id: generateId3("session"),
+          id: generateId4("session"),
           title: "\uC0C8 \uB300\uD654",
           messages: [],
           model: selectedModel,
@@ -2336,7 +2397,7 @@ ${finalContent}`;
       }
     }
     const userMessage = {
-      id: generateId3("msg"),
+      id: generateId4("msg"),
       role: "user",
       content: finalContent,
       timestamp: Date.now(),
@@ -2350,7 +2411,7 @@ ${finalContent}`;
     const contextSummary = currentSession2?.compressionState?.contextSummary || currentSession2?.contextSummary;
     const summaryAfterIndex = currentSession2?.compressionState?.summaryAfterIndex || currentSession2?.summaryAfterIndex || 0;
     let compressionCount = currentSession2?.compressionState?.compressionCount || 0;
-    const assistantMessageId = generateId3("msg");
+    const assistantMessageId = generateId4("msg");
     const assistantMessage = {
       id: assistantMessageId,
       role: "assistant",
@@ -2649,6 +2710,7 @@ ${attachmentContext}
       let buffer = "";
       let accumulatedContent = "";
       let skillTagDetected = false;
+      let checklistTagDetected = false;
       while (true) {
         const { done, value } = await reader.read();
         if (done) break;
@@ -2673,6 +2735,11 @@ ${attachmentContext}
                 accumulatedContent = accumulatedContent.substring(0, endIdx + "</skill_use>".length);
                 skillTagDetected = true;
               }
+              if (!skipNextChecklistParsingRef.current && accumulatedContent.includes("</checklist>")) {
+                const endIdx = accumulatedContent.indexOf("</checklist>");
+                accumulatedContent = accumulatedContent.substring(0, endIdx + "</checklist>".length);
+                checklistTagDetected = true;
+              }
               const displayContent = skillTagDetected ? accumulatedContent : null;
               setSessions(
                 (prev) => prev.map((s) => {
@@ -2705,12 +2772,12 @@ ${attachmentContext}
                   return s;
                 })
               );
-              if (skillTagDetected) break;
+              if (skillTagDetected || checklistTagDetected) break;
             }
           } catch {
           }
         }
-        if (skillTagDetected) break;
+        if (skillTagDetected || checklistTagDetected) break;
       }
       if (buffer.trim()) {
         try {
@@ -2943,6 +3010,165 @@ ${result.content}
           }
         }
       }
+      if (activeChecklistRef.current) {
+        const checklist = activeChecklistRef.current;
+        const stepIndex = checklist.currentStep;
+        checklist.stepResults.push(accumulatedContent);
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== checklist.sessionId) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== checklist.messageId || !m.checklistBlock) return m;
+                const updatedItems = m.checklistBlock.items.map((it, idx) => ({
+                  ...it,
+                  status: idx <= stepIndex ? "done" : it.status,
+                  result: idx === stepIndex ? accumulatedContent : it.result
+                }));
+                return {
+                  ...m,
+                  checklistBlock: { ...m.checklistBlock, items: updatedItems, currentStep: stepIndex + 1 }
+                };
+              })
+            };
+          })
+        );
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== capturedSessionId) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== assistantMessageId) return m;
+                return { ...m, hidden: true };
+              })
+            };
+          })
+        );
+        const nextStep = stepIndex + 1;
+        if (nextStep < checklist.items.length) {
+          checklist.currentStep = nextStep;
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== checklist.sessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map((m) => {
+                  if (m.id !== checklist.messageId || !m.checklistBlock) return m;
+                  const updatedItems = m.checklistBlock.items.map((it, idx) => ({
+                    ...it,
+                    status: idx === nextStep ? "in_progress" : it.status
+                  }));
+                  return {
+                    ...m,
+                    checklistBlock: { ...m.checklistBlock, items: updatedItems, currentStep: nextStep }
+                  };
+                })
+              };
+            })
+          );
+          skipNextChecklistParsingRef.current = true;
+          setTimeout(() => {
+            sendMessage(
+              `\uCCB4\uD06C\uB9AC\uC2A4\uD2B8 ${nextStep + 1}/${checklist.items.length}\uB2E8\uACC4\uB97C \uC2E4\uD589\uD558\uC138\uC694: "${checklist.items[nextStep].title}".
+\uC774\uC804 \uB2E8\uACC4 \uACB0\uACFC\uB97C \uCC38\uACE0\uD558\uB418, \uC774 \uB2E8\uACC4\uC5D0\uB9CC \uC9D1\uC911\uD558\uC5EC \uACB0\uACFC\uB97C \uC791\uC131\uD558\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+              { hiddenUserMessage: true }
+            );
+          }, 100);
+          saveMessagesOnEarlyReturn();
+          setIsLoading(false);
+          abortControllerRef.current = null;
+          return;
+        }
+        const stepSummary = checklist.stepResults.map((r, i) => `### ${i + 1}. ${checklist.items[i].title}
+${r}`).join("\n\n");
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== checklist.sessionId) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== checklist.messageId || !m.checklistBlock) return m;
+                return { ...m, checklistBlock: { ...m.checklistBlock, completed: true } };
+              })
+            };
+          })
+        );
+        activeChecklistRef.current = null;
+        skipNextChecklistParsingRef.current = true;
+        setTimeout(() => {
+          sendMessage(
+            `\uBAA8\uB4E0 \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uB2E8\uACC4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC544\uB798\uB294 \uAC01 \uB2E8\uACC4\uBCC4 \uACB0\uACFC\uC785\uB2C8\uB2E4:
+
+${stepSummary}
+
+\uC704 \uACB0\uACFC\uB97C \uC885\uD569\uD558\uC5EC \uCD5C\uC885 \uACB0\uACFC\uBB3C\uC744 \uC644\uC131\uD574\uC8FC\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+            { hiddenUserMessage: true }
+          );
+        }, 100);
+        saveMessagesOnEarlyReturn();
+        setIsLoading(false);
+        abortControllerRef.current = null;
+        return;
+      }
+      if (!skipNextChecklistParsingRef.current) {
+        const { checklistBlock, cleanContent: checklistCleanContent } = parseChecklistFromContent(accumulatedContent);
+        if (checklistBlock) {
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== capturedSessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map((m) => {
+                  if (m.id !== assistantMessageId) return m;
+                  return { ...m, content: checklistCleanContent, checklistBlock };
+                })
+              };
+            })
+          );
+          activeChecklistRef.current = {
+            messageId: assistantMessageId,
+            sessionId: capturedSessionId,
+            items: checklistBlock.items.map((it) => ({ id: it.id, title: it.title })),
+            currentStep: 0,
+            stepResults: []
+          };
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== capturedSessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map((m) => {
+                  if (m.id !== assistantMessageId || !m.checklistBlock) return m;
+                  const updatedItems = m.checklistBlock.items.map((it, idx) => ({
+                    ...it,
+                    status: idx === 0 ? "in_progress" : it.status
+                  }));
+                  return {
+                    ...m,
+                    checklistBlock: { ...m.checklistBlock, items: updatedItems, currentStep: 0 }
+                  };
+                })
+              };
+            })
+          );
+          skipNextChecklistParsingRef.current = true;
+          setTimeout(() => {
+            sendMessage(
+              `\uCCB4\uD06C\uB9AC\uC2A4\uD2B8 1/${checklistBlock.items.length}\uB2E8\uACC4\uB97C \uC2E4\uD589\uD558\uC138\uC694: "${checklistBlock.items[0].title}".
+\uC774 \uB2E8\uACC4\uC5D0\uB9CC \uC9D1\uC911\uD558\uC5EC \uACB0\uACFC\uB97C \uC791\uC131\uD558\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+              { hiddenUserMessage: true }
+            );
+          }, 100);
+          saveMessagesOnEarlyReturn();
+          setIsLoading(false);
+          abortControllerRef.current = null;
+          return;
+        }
+      } else {
+        skipNextChecklistParsingRef.current = false;
+      }
       setSessions(
         (prev) => prev.map((s) => {
           if (s.id !== capturedSessionId) return s;
@@ -3042,6 +3268,187 @@ ${result.content}
     attachments,
     continueAfterToolResult
   ]);
+  const handleChecklistAbort = useCallback5(() => {
+    if (!activeChecklistRef.current) return;
+    const checklist = activeChecklistRef.current;
+    const stepIdx = checklist.currentStep;
+    abortControllerRef.current?.abort();
+    setSessions(
+      (prev) => prev.map((s) => {
+        if (s.id !== checklist.sessionId) return s;
+        return {
+          ...s,
+          messages: s.messages.map((m) => {
+            if (m.id !== checklist.messageId || !m.checklistBlock) return m;
+            return {
+              ...m,
+              checklistBlock: {
+                ...m.checklistBlock,
+                items: m.checklistBlock.items.map((it, idx) => ({
+                  ...it,
+                  status: idx === stepIdx ? "error" : it.status
+                }))
+              }
+            };
+          })
+        };
+      })
+    );
+    activeChecklistRef.current = null;
+    setIsLoading(false);
+  }, []);
+  const handleChecklistRetry = useCallback5(
+    (messageId, stepIndex) => {
+      const session = sessionsRef.current.find(
+        (s) => s.messages.some((m) => m.id === messageId)
+      );
+      if (!session) return;
+      const message = session.messages.find((m) => m.id === messageId);
+      if (!message?.checklistBlock) return;
+      activeChecklistRef.current = {
+        messageId,
+        sessionId: session.id,
+        items: message.checklistBlock.items.map((it) => ({ id: it.id, title: it.title })),
+        currentStep: stepIndex,
+        stepResults: message.checklistBlock.items.slice(0, stepIndex).map((it) => it.result || "")
+      };
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== session.id) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId || !m.checklistBlock) return m;
+              return {
+                ...m,
+                checklistBlock: {
+                  ...m.checklistBlock,
+                  items: m.checklistBlock.items.map((it, idx) => ({
+                    ...it,
+                    status: idx === stepIndex ? "in_progress" : idx > stepIndex ? "pending" : it.status
+                  })),
+                  currentStep: stepIndex
+                }
+              };
+            })
+          };
+        })
+      );
+      skipNextChecklistParsingRef.current = true;
+      setTimeout(() => {
+        sendMessage(
+          `\uCCB4\uD06C\uB9AC\uC2A4\uD2B8 ${stepIndex + 1}/${message.checklistBlock.items.length}\uB2E8\uACC4\uB97C \uC2E4\uD589\uD558\uC138\uC694: "${message.checklistBlock.items[stepIndex].title}".
+\uC774\uC804 \uB2E8\uACC4 \uACB0\uACFC\uB97C \uCC38\uACE0\uD558\uB418, \uC774 \uB2E8\uACC4\uC5D0\uB9CC \uC9D1\uC911\uD558\uC5EC \uACB0\uACFC\uB97C \uC791\uC131\uD558\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+          { hiddenUserMessage: true }
+        );
+      }, 100);
+    },
+    [sendMessage]
+  );
+  const handleChecklistSkip = useCallback5(
+    (messageId, stepIndex) => {
+      const session = sessionsRef.current.find(
+        (s) => s.messages.some((m) => m.id === messageId)
+      );
+      if (!session) return;
+      const message = session.messages.find((m) => m.id === messageId);
+      if (!message?.checklistBlock) return;
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== session.id) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId || !m.checklistBlock) return m;
+              return {
+                ...m,
+                checklistBlock: {
+                  ...m.checklistBlock,
+                  items: m.checklistBlock.items.map((it, idx) => ({
+                    ...it,
+                    status: idx === stepIndex ? "done" : it.status,
+                    result: idx === stepIndex ? "(\uAC74\uB108\uB700)" : it.result
+                  }))
+                }
+              };
+            })
+          };
+        })
+      );
+      const nextPending = message.checklistBlock.items.findIndex(
+        (it, idx) => idx > stepIndex && (it.status === "pending" || it.status === "error")
+      );
+      if (nextPending >= 0) {
+        activeChecklistRef.current = {
+          messageId,
+          sessionId: session.id,
+          items: message.checklistBlock.items.map((it) => ({ id: it.id, title: it.title })),
+          currentStep: nextPending,
+          stepResults: message.checklistBlock.items.slice(0, nextPending).map((it) => it.result || "(\uAC74\uB108\uB700)")
+        };
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== session.id) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== messageId || !m.checklistBlock) return m;
+                return {
+                  ...m,
+                  checklistBlock: {
+                    ...m.checklistBlock,
+                    items: m.checklistBlock.items.map((it, idx) => ({
+                      ...it,
+                      status: idx === nextPending ? "in_progress" : it.status
+                    })),
+                    currentStep: nextPending
+                  }
+                };
+              })
+            };
+          })
+        );
+        skipNextChecklistParsingRef.current = true;
+        setTimeout(() => {
+          sendMessage(
+            `\uCCB4\uD06C\uB9AC\uC2A4\uD2B8 ${nextPending + 1}/${message.checklistBlock.items.length}\uB2E8\uACC4\uB97C \uC2E4\uD589\uD558\uC138\uC694: "${message.checklistBlock.items[nextPending].title}".
+\uC774\uC804 \uB2E8\uACC4 \uACB0\uACFC\uB97C \uCC38\uACE0\uD558\uB418, \uC774 \uB2E8\uACC4\uC5D0\uB9CC \uC9D1\uC911\uD558\uC5EC \uACB0\uACFC\uB97C \uC791\uC131\uD558\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+            { hiddenUserMessage: true }
+          );
+        }, 100);
+      } else {
+        const allResults = message.checklistBlock.items.map((it, i) => {
+          const result = i === stepIndex ? "(\uAC74\uB108\uB700)" : it.result || "(\uAC74\uB108\uB700)";
+          return `### ${i + 1}. ${it.title}
+${result}`;
+        }).join("\n\n");
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== session.id) return s;
+            return {
+              ...s,
+              messages: s.messages.map((m) => {
+                if (m.id !== messageId || !m.checklistBlock) return m;
+                return { ...m, checklistBlock: { ...m.checklistBlock, completed: true } };
+              })
+            };
+          })
+        );
+        skipNextChecklistParsingRef.current = true;
+        setTimeout(() => {
+          sendMessage(
+            `\uBAA8\uB4E0 \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uB2E8\uACC4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC544\uB798\uB294 \uAC01 \uB2E8\uACC4\uBCC4 \uACB0\uACFC\uC785\uB2C8\uB2E4:
+
+${allResults}
+
+\uC704 \uACB0\uACFC\uB97C \uC885\uD569\uD558\uC5EC \uCD5C\uC885 \uACB0\uACFC\uBB3C\uC744 \uC644\uC131\uD574\uC8FC\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+            { hiddenUserMessage: true }
+          );
+        }, 100);
+      }
+    },
+    [sendMessage]
+  );
   const handlePollSubmit = useCallback5(
     (messageId, responses) => {
       const currentSess = sessions.find((s) => s.id === currentSessionId);
@@ -3066,7 +3473,7 @@ ${result.content}
             return { ...m, pollBlock: void 0 };
           });
           updatedMessages.push({
-            id: generateId3("msg"),
+            id: generateId4("msg"),
             role: "assistant",
             content: isAutoGenerate ? "\uC790\uB3D9\uC73C\uB85C \uCD5C\uC801\uC758 \uC635\uC158\uC744 \uC120\uD0DD\uD558\uC5EC \uC751\uB2F5\uD558\uACA0\uC2B5\uB2C8\uB2E4. \uC774\uC81C \uC2DC\uC791\uD558\uACA0\uC2B5\uB2C8\uB2E4." : "\uC120\uD0DD\uD558\uC2E0 \uB0B4\uC6A9\uC744 \uAE30\uBC18\uC73C\uB85C \uC751\uB2F5\uD558\uACA0\uC2B5\uB2C8\uB2E4. \uC774\uC81C \uC2DC\uC791\uD558\uACA0\uC2B5\uB2C8\uB2E4.",
             model: selectedModel,
@@ -3390,7 +3797,7 @@ ${currentSession.contextSummary}` },
         }
       }
       const alternative = {
-        id: generateId3("alt"),
+        id: generateId4("alt"),
         model: targetModel,
         content: responseContent,
         timestamp: Date.now(),
@@ -3644,7 +4051,14 @@ ${result.content}
     projectSettingsOpen,
     openProjectSettings: () => setProjectSettingsOpen(true),
     closeProjectSettings: () => setProjectSettingsOpen(false),
-    projectMemory
+    projectMemory,
+    // Checklist
+    /** @Todo vibecode - 체크리스트 자동 실행 중단 */
+    handleChecklistAbort,
+    /** @Todo vibecode - 체크리스트 error 항목 재시도 */
+    handleChecklistRetry,
+    /** @Todo vibecode - 체크리스트 pending 항목 건너뛰기 */
+    handleChecklistSkip
   };
 };
 
@@ -5400,10 +5814,10 @@ var iconButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-import { useRef as useRef8, useEffect as useEffect8, useCallback as useCallback8, useState as useState15 } from "react";
+import { useRef as useRef8, useEffect as useEffect8, useCallback as useCallback8, useState as useState16 } from "react";
 
 // src/react/components/MessageBubble.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 
 // src/react/components/MarkdownRenderer.tsx
 import React6, { useMemo as useMemo3 } from "react";
@@ -5586,6 +6000,7 @@ var THINKING_TEXT_REGEX = /^Thinking:\s*\n([\s\S]*?)(?=\n\n|$)/gim;
 var UNCLOSED_THINKING_TAG_REGEX = /<thinking>(?![\s\S]*?<\/thinking>)/gi;
 var UNCLOSED_POLL_TAG_REGEX = /<poll[^>]*>(?![\s\S]*?<\/poll>)[\s\S]*$/gi;
 var UNCLOSED_SKILL_TAG_REGEX = /<skill_use[^>]*>(?![\s\S]*?<\/skill_use>)[\s\S]*$/gi;
+var UNCLOSED_CHECKLIST_TAG_REGEX = /<checklist>(?![\s\S]*?<\/checklist>)[\s\S]*$/gi;
 var INLINE_CODE_REGEX = /`([^`]+)`/g;
 var BOLD_REGEX = /\*\*([^*]+)\*\*/g;
 var ITALIC_REGEX = /(?<!\*)\*([^*]+)\*(?!\*)/g;
@@ -6467,6 +6882,9 @@ var MarkdownRenderer = ({
     }
     processedContent = processedContent.replace(/<skill_use[^>]*>[\s\S]*?<\/skill_use>/gi, "");
     processedContent = processedContent.replace(UNCLOSED_SKILL_TAG_REGEX, "");
+    processedContent = processedContent.replace(/<checklist>[\s\S]*?<\/checklist>/gi, "");
+    processedContent = processedContent.replace(UNCLOSED_CHECKLIST_TAG_REGEX, "");
+    UNCLOSED_CHECKLIST_TAG_REGEX.lastIndex = 0;
     const codeBlocks = [];
     processedContent = processedContent.replace(CODE_BLOCK_REGEX, (match, lang, code) => {
       if (lang === "markdown" || lang === "md") {
@@ -8136,8 +8554,311 @@ var ContentPartRenderer = ({
   }) });
 };
 
-// src/react/components/MessageBubble.tsx
+// src/react/components/ChecklistCard.tsx
+import { useState as useState14, useMemo as useMemo4 } from "react";
 import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var ChecklistCard = ({
+  items,
+  completed,
+  onAbort,
+  onRetryStep,
+  onSkipStep
+}) => {
+  const [expandedItems, setExpandedItems] = useState14(/* @__PURE__ */ new Set());
+  const { doneCount, isRunning, hasError } = useMemo4(() => {
+    const done = items.filter((it) => it.status === "done").length;
+    const running = items.some((it) => it.status === "in_progress");
+    const error = items.some((it) => it.status === "error");
+    return { doneCount: done, isRunning: running, hasError: error };
+  }, [items]);
+  const progressPercent = doneCount / items.length * 100;
+  const toggleExpanded = (itemId) => {
+    setExpandedItems((prev) => {
+      const next = new Set(prev);
+      if (next.has(itemId)) {
+        next.delete(itemId);
+      } else {
+        next.add(itemId);
+      }
+      return next;
+    });
+  };
+  const renderStatusIcon = (item) => {
+    switch (item.status) {
+      case "done":
+        return /* @__PURE__ */ jsx15(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-success, #22c55e)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx15(IconSvg, { name: "check-line", size: 13, color: "#fff" })
+          }
+        );
+      case "in_progress":
+        return /* @__PURE__ */ jsx15(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-primary, #3584FA)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              animation: "chatllm-checklist-pulse 1.5s ease-in-out infinite"
+            },
+            children: /* @__PURE__ */ jsx15("div", { style: { width: "6px", height: "6px", borderRadius: "50%", backgroundColor: "#fff" } })
+          }
+        );
+      case "error":
+        return /* @__PURE__ */ jsx15(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-error, #ef4444)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx15(IconSvg, { name: "close-line", size: 13, color: "#fff" })
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx15(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              border: "2px solid var(--chatllm-text-muted, #94a3b8)",
+              opacity: 0.5,
+              flexShrink: 0
+            }
+          }
+        );
+    }
+  };
+  const headerText = completed ? "\uBAA8\uB4E0 \uB2E8\uACC4 \uC644\uB8CC" : hasError ? "\uC791\uC5C5 \uC911\uB2E8\uB428" : isRunning ? `\uC791\uC5C5 \uC9C4\uD589 \uC911 \xB7 ${doneCount}/${items.length}` : `\uB300\uAE30 \uC911 \xB7 ${doneCount}/${items.length}`;
+  const headerColor = completed ? "var(--chatllm-success, #22c55e)" : hasError ? "var(--chatllm-error, #ef4444)" : "var(--chatllm-primary, #3584FA)";
+  const progressBarColor = completed ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-primary, #3584FA)";
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--chatllm-border, #e5e7eb)",
+        borderRadius: "12px",
+        backgroundColor: "var(--chatllm-content-bg, #fff)",
+        overflow: "hidden",
+        marginTop: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs14("div", { style: { padding: "14px 16px 10px" }, children: [
+          /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx15(
+              IconSvg,
+              {
+                name: completed ? "checkbox-circle-line" : "list-check",
+                size: 16,
+                color: headerColor
+              }
+            ),
+            /* @__PURE__ */ jsx15("span", { style: { fontSize: "13px", fontWeight: 600, color: headerColor }, children: headerText })
+          ] }),
+          /* @__PURE__ */ jsx15(
+            "div",
+            {
+              style: {
+                height: "3px",
+                backgroundColor: "var(--chatllm-bg-secondary, #f1f5f9)",
+                borderRadius: "2px",
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ jsx15(
+                "div",
+                {
+                  style: {
+                    height: "100%",
+                    width: `${progressPercent}%`,
+                    backgroundColor: progressBarColor,
+                    borderRadius: "2px",
+                    transition: "width 0.6s cubic-bezier(0.25, 1, 0.5, 1)"
+                  }
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx15("div", { children: items.map((item, idx) => {
+          const isExpanded = expandedItems.has(item.id);
+          const canExpand = item.status === "done" && item.result && item.result !== "(\uAC74\uB108\uB700)";
+          const isStopped = !isRunning && !completed;
+          return /* @__PURE__ */ jsxs14("div", { children: [
+            /* @__PURE__ */ jsxs14(
+              "div",
+              {
+                onClick: () => canExpand && toggleExpanded(item.id),
+                style: {
+                  padding: "10px 16px",
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "10px",
+                  borderTop: idx === 0 ? "1px solid var(--chatllm-border, #e5e7eb)" : "none",
+                  borderBottom: "1px solid var(--chatllm-border-light, #f1f5f9)",
+                  cursor: canExpand ? "pointer" : "default",
+                  backgroundColor: item.status === "error" ? "rgba(239, 68, 68, 0.04)" : item.status === "in_progress" ? "rgba(53, 132, 250, 0.03)" : "transparent",
+                  transition: "background-color 0.15s ease"
+                },
+                children: [
+                  renderStatusIcon(item),
+                  /* @__PURE__ */ jsxs14(
+                    "span",
+                    {
+                      style: {
+                        flex: 1,
+                        fontSize: "13px",
+                        fontWeight: item.status === "in_progress" ? 500 : 400,
+                        color: item.status === "pending" ? "var(--chatllm-text-muted, #94a3b8)" : item.status === "error" ? "var(--chatllm-error, #ef4444)" : "var(--chatllm-text, #374151)"
+                      },
+                      children: [
+                        idx + 1,
+                        ". ",
+                        item.title
+                      ]
+                    }
+                  ),
+                  item.status === "error" && onRetryStep && /* @__PURE__ */ jsx15(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onRetryStep(idx);
+                      },
+                      style: {
+                        padding: "4px 10px",
+                        fontSize: "11px",
+                        fontWeight: 500,
+                        color: "var(--chatllm-error, #ef4444)",
+                        backgroundColor: "rgba(239, 68, 68, 0.08)",
+                        border: "1px solid rgba(239, 68, 68, 0.2)",
+                        borderRadius: "4px",
+                        cursor: "pointer"
+                      },
+                      children: "\uC7AC\uC2DC\uB3C4"
+                    }
+                  ),
+                  item.status === "pending" && isStopped && hasError && onSkipStep && /* @__PURE__ */ jsx15(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onSkipStep(idx);
+                      },
+                      style: {
+                        padding: "4px 10px",
+                        fontSize: "11px",
+                        fontWeight: 500,
+                        color: "var(--chatllm-text-muted, #94a3b8)",
+                        backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                        border: "1px solid var(--chatllm-border, #e5e7eb)",
+                        borderRadius: "4px",
+                        cursor: "pointer"
+                      },
+                      children: "\uAC74\uB108\uB6F0\uAE30"
+                    }
+                  ),
+                  canExpand && /* @__PURE__ */ jsx15(
+                    IconSvg,
+                    {
+                      name: isExpanded ? "arrow-up-s-line" : "arrow-down-s-line",
+                      size: 16,
+                      color: "var(--chatllm-text-muted, #94a3b8)"
+                    }
+                  ),
+                  item.result === "(\uAC74\uB108\uB700)" && /* @__PURE__ */ jsx15("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #94a3b8)" }, children: "\uAC74\uB108\uB700" })
+                ]
+              }
+            ),
+            canExpand && isExpanded && /* @__PURE__ */ jsx15(
+              "div",
+              {
+                style: {
+                  padding: "8px 16px 12px 46px",
+                  backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                  margin: "0 8px 4px",
+                  borderRadius: "6px",
+                  maxHeight: "300px",
+                  overflowY: "auto",
+                  fontSize: "13px",
+                  lineHeight: "1.6",
+                  color: "var(--chatllm-text-secondary, #475569)",
+                  whiteSpace: "pre-wrap",
+                  wordBreak: "break-word"
+                },
+                children: item.result
+              }
+            )
+          ] }, item.id);
+        }) }),
+        /* @__PURE__ */ jsxs14(
+          "div",
+          {
+            style: {
+              padding: "10px 16px",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              borderTop: "1px solid var(--chatllm-border, #e5e7eb)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs14("span", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #94a3b8)" }, children: [
+                doneCount,
+                "/",
+                items.length,
+                " \uC644\uB8CC"
+              ] }),
+              isRunning && onAbort && /* @__PURE__ */ jsx15(
+                "button",
+                {
+                  onClick: onAbort,
+                  style: {
+                    padding: "4px 12px",
+                    fontSize: "12px",
+                    fontWeight: 500,
+                    color: "var(--chatllm-text-muted, #94a3b8)",
+                    backgroundColor: "transparent",
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    borderRadius: "4px",
+                    cursor: "pointer",
+                    transition: "all 0.15s ease"
+                  },
+                  children: "\uC911\uB2E8"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/react/components/MessageBubble.tsx
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var MessageBubble = ({
   message,
   isLoading,
@@ -8157,10 +8878,13 @@ var MessageBubble = ({
   showThinking = true,
   thinkingDefaultOpen = false,
   isLoadingAlternative = false,
-  onPollSubmit
+  onPollSubmit,
+  onChecklistAbort,
+  onChecklistRetry,
+  onChecklistSkip
 }) => {
-  const [showActions, setShowActions] = useState14(false);
-  const [showModelMenu, setShowModelMenu] = useState14(false);
+  const [showActions, setShowActions] = useState15(false);
+  const [showModelMenu, setShowModelMenu] = useState15(false);
   const isUser = message.role === "user";
   const isAssistant = message.role === "assistant";
   const relevantAlternatives = isUser ? alternatives : message.alternatives;
@@ -8171,7 +8895,7 @@ var MessageBubble = ({
   const displayModel = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.model : message.model;
   const displaySources = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.sources : message.sources;
   if (isUser) {
-    return /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsxs15(
       "div",
       {
         className: "chatllm-message chatllm-message--user",
@@ -8184,7 +8908,7 @@ var MessageBubble = ({
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             "div",
             {
               style: {
@@ -8194,9 +8918,9 @@ var MessageBubble = ({
                 borderRadius: "16px",
                 borderTopRightRadius: "4px"
               },
-              children: message.contentParts?.length ? /* @__PURE__ */ jsx15("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: message.contentParts.map((part, idx) => {
+              children: message.contentParts?.length ? /* @__PURE__ */ jsx16("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: message.contentParts.map((part, idx) => {
                 if (part.type === "text") {
-                  return /* @__PURE__ */ jsx15(
+                  return /* @__PURE__ */ jsx16(
                     "div",
                     {
                       style: {
@@ -8211,7 +8935,7 @@ var MessageBubble = ({
                   );
                 }
                 if (part.type === "image") {
-                  return /* @__PURE__ */ jsx15(
+                  return /* @__PURE__ */ jsx16(
                     "img",
                     {
                       src: part.url,
@@ -8227,7 +8951,7 @@ var MessageBubble = ({
                   );
                 }
                 if (part.type === "file") {
-                  return /* @__PURE__ */ jsxs14(
+                  return /* @__PURE__ */ jsxs15(
                     "div",
                     {
                       style: {
@@ -8241,15 +8965,15 @@ var MessageBubble = ({
                         color: "var(--chatllm-text)"
                       },
                       children: [
-                        /* @__PURE__ */ jsx15(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
-                        /* @__PURE__ */ jsx15("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: part.name })
+                        /* @__PURE__ */ jsx16(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
+                        /* @__PURE__ */ jsx16("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: part.name })
                       ]
                     },
                     idx
                   );
                 }
                 return null;
-              }) }) : /* @__PURE__ */ jsx15(
+              }) }) : /* @__PURE__ */ jsx16(
                 "div",
                 {
                   style: {
@@ -8263,7 +8987,7 @@ var MessageBubble = ({
               )
             }
           ),
-          !isLoading && /* @__PURE__ */ jsxs14(
+          !isLoading && /* @__PURE__ */ jsxs15(
             "div",
             {
               style: {
@@ -8275,7 +8999,7 @@ var MessageBubble = ({
                 transition: "opacity 0.15s ease"
               },
               children: [
-                /* @__PURE__ */ jsx15("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx16("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ jsx16(
                   IconSvg,
                   {
                     name: isCopied ? "check-line" : "file-copy-line",
@@ -8283,7 +9007,7 @@ var MessageBubble = ({
                     color: isCopied ? "var(--chatllm-success)" : "var(--chatllm-text-muted)"
                   }
                 ) }),
-                /* @__PURE__ */ jsx15("button", { onClick: onEdit, style: actionButtonSmallStyle, title: "\uC218\uC815", children: /* @__PURE__ */ jsx15(IconSvg, { name: "edit-line", size: 12, color: "var(--chatllm-text-muted)" }) })
+                /* @__PURE__ */ jsx16("button", { onClick: onEdit, style: actionButtonSmallStyle, title: "\uC218\uC815", children: /* @__PURE__ */ jsx16(IconSvg, { name: "edit-line", size: 12, color: "var(--chatllm-text-muted)" }) })
               ]
             }
           )
@@ -8291,7 +9015,7 @@ var MessageBubble = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: "chatllm-message chatllm-message--assistant",
@@ -8304,7 +9028,7 @@ var MessageBubble = ({
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs15(
           "div",
           {
             className: "chatllm-sheet",
@@ -8315,7 +9039,7 @@ var MessageBubble = ({
               gap: "12px"
             },
             children: [
-              /* @__PURE__ */ jsx15("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx16(
                 "div",
                 {
                   style: {
@@ -8328,11 +9052,11 @@ var MessageBubble = ({
                     justifyContent: "center",
                     color: "var(--chatllm-primary)"
                   },
-                  children: /* @__PURE__ */ jsx15(IconSvg, { name: "magic-line", size: 20 })
+                  children: /* @__PURE__ */ jsx16(IconSvg, { name: "magic-line", size: 20 })
                 }
               ) }),
-              /* @__PURE__ */ jsxs14("div", { style: { flex: 1, minWidth: 0 }, children: [
-                displayModel && /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsxs15("div", { style: { flex: 1, minWidth: 0 }, children: [
+                displayModel && /* @__PURE__ */ jsx16(
                   "div",
                   {
                     style: {
@@ -8341,7 +9065,7 @@ var MessageBubble = ({
                       gap: "8px",
                       marginBottom: "8px"
                     },
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx16(
                       "span",
                       {
                         style: {
@@ -8356,9 +9080,9 @@ var MessageBubble = ({
                     )
                   }
                 ),
-                message.isDeepResearch && message.researchProgress && message.researchProgress.phase !== "done" && /* @__PURE__ */ jsx15(DeepResearchProgressUI, { progress: message.researchProgress }),
-                message.skillExecution && message.skillExecution.status !== "done" && (message.skillExecution.progress?.subAgents ? /* @__PURE__ */ jsx15(DeepResearchProgressUI, { progress: message.skillExecution.progress }) : /* @__PURE__ */ jsx15(SkillProgressUI, { execution: message.skillExecution })),
-                message.isDeepResearch && displayContent && /* @__PURE__ */ jsxs14(
+                message.isDeepResearch && message.researchProgress && message.researchProgress.phase !== "done" && /* @__PURE__ */ jsx16(DeepResearchProgressUI, { progress: message.researchProgress }),
+                message.skillExecution && message.skillExecution.status !== "done" && (message.skillExecution.progress?.subAgents ? /* @__PURE__ */ jsx16(DeepResearchProgressUI, { progress: message.skillExecution.progress }) : /* @__PURE__ */ jsx16(SkillProgressUI, { execution: message.skillExecution })),
+                message.isDeepResearch && displayContent && /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     className: "chatllm-deep-research__header",
@@ -8371,8 +9095,8 @@ var MessageBubble = ({
                       borderBottom: "1px solid var(--chatllm-border-light)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx15(IconSvg, { name: "search-eye-line", size: 18, color: "var(--chatllm-primary)" }),
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16(IconSvg, { name: "search-eye-line", size: 18, color: "var(--chatllm-primary)" }),
+                      /* @__PURE__ */ jsx16(
                         "span",
                         {
                           style: {
@@ -8383,7 +9107,7 @@ var MessageBubble = ({
                           children: "\uC2EC\uCE35\uC5F0\uAD6C"
                         }
                       ),
-                      displaySources && displaySources.length > 0 && /* @__PURE__ */ jsxs14(
+                      displaySources && displaySources.length > 0 && /* @__PURE__ */ jsxs15(
                         "span",
                         {
                           className: "chatllm-deep-research__source-count",
@@ -8405,7 +9129,7 @@ var MessageBubble = ({
                     ]
                   }
                 ),
-                !!message.contentParts?.length && /* @__PURE__ */ jsx15("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx15(
+                !!message.contentParts?.length && /* @__PURE__ */ jsx16("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx16(
                   ContentPartRenderer,
                   {
                     parts: message.contentParts,
@@ -8416,13 +9140,13 @@ var MessageBubble = ({
                 ) }),
                 isLoading && !displayContent && !message.isDeepResearch && (message.contentParts?.length ? (
                   /* contentParts 있을 때: 간소화된 AI 응답 대기 표시 */
-                  /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginTop: "4px" }, children: [
-                    /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                      /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                      /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                      /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                  /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginTop: "4px" }, children: [
+                    /* @__PURE__ */ jsxs15("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                      /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                      /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                      /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle })
                     ] }),
-                    /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx16(
                       "span",
                       {
                         style: {
@@ -8437,14 +9161,14 @@ var MessageBubble = ({
                   ] })
                 ) : (
                   /* contentParts 없을 때: 풀 스켈레톤 */
-                  /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                    /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                  /* @__PURE__ */ jsxs15("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                    /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                      /* @__PURE__ */ jsxs15("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle })
                       ] }),
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16(
                         "span",
                         {
                           style: {
@@ -8457,17 +9181,17 @@ var MessageBubble = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs14("div", { className: "chatllm-skeleton-pulse", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                      /* @__PURE__ */ jsx15("div", { style: { height: "32px", width: "75%", backgroundColor: "var(--chatllm-bg-tertiary)", borderRadius: "8px" } }),
-                      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-                        /* @__PURE__ */ jsx15("div", { style: { height: "16px", width: "100%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
-                        /* @__PURE__ */ jsx15("div", { style: { height: "16px", width: "85%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
-                        /* @__PURE__ */ jsx15("div", { style: { height: "16px", width: "65%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } })
+                    /* @__PURE__ */ jsxs15("div", { className: "chatllm-skeleton-pulse", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                      /* @__PURE__ */ jsx16("div", { style: { height: "32px", width: "75%", backgroundColor: "var(--chatllm-bg-tertiary)", borderRadius: "8px" } }),
+                      /* @__PURE__ */ jsxs15("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+                        /* @__PURE__ */ jsx16("div", { style: { height: "16px", width: "100%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
+                        /* @__PURE__ */ jsx16("div", { style: { height: "16px", width: "85%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
+                        /* @__PURE__ */ jsx16("div", { style: { height: "16px", width: "65%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } })
                       ] })
                     ] })
                   ] })
                 )),
-                displayContent ? /* @__PURE__ */ jsx15("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx15(
+                displayContent ? /* @__PURE__ */ jsx16("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx16(
                   MarkdownRenderer,
                   {
                     content: displayContent,
@@ -8476,7 +9200,7 @@ var MessageBubble = ({
                     thinkingDefaultOpen
                   }
                 ) }) : null,
-                message.pollBlock && message.pollBlock.questions.length > 0 && /* @__PURE__ */ jsx15(
+                message.pollBlock && message.pollBlock.questions.length > 0 && /* @__PURE__ */ jsx16(
                   PollCard,
                   {
                     questions: message.pollBlock.questions,
@@ -8488,7 +9212,18 @@ var MessageBubble = ({
                     }
                   }
                 ),
-                !isLoading && !displayContent && !message.pollBlock && !message.contentParts?.length && /* @__PURE__ */ jsx15(
+                message.checklistBlock && message.checklistBlock.items.length > 0 && /* @__PURE__ */ jsx16(
+                  ChecklistCard,
+                  {
+                    items: message.checklistBlock.items,
+                    currentStep: message.checklistBlock.currentStep,
+                    completed: message.checklistBlock.completed,
+                    onAbort: onChecklistAbort,
+                    onRetryStep: onChecklistRetry,
+                    onSkipStep: onChecklistSkip
+                  }
+                ),
+                !isLoading && !displayContent && !message.pollBlock && !message.checklistBlock && !message.contentParts?.length && /* @__PURE__ */ jsx16(
                   "div",
                   {
                     style: {
@@ -8501,7 +9236,7 @@ var MessageBubble = ({
                     children: "\uC751\uB2F5\uC744 \uC0DD\uC131\uD558\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694."
                   }
                 ),
-                displaySources && displaySources.length > 0 && /* @__PURE__ */ jsxs14(
+                displaySources && displaySources.length > 0 && /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     style: {
@@ -8513,7 +9248,7 @@ var MessageBubble = ({
                       borderTop: "1px solid var(--chatllm-border-light)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16(
                         "span",
                         {
                           style: {
@@ -8525,7 +9260,7 @@ var MessageBubble = ({
                           children: "\uCD9C\uCC98:"
                         }
                       ),
-                      displaySources.map((source, index) => /* @__PURE__ */ jsx15(
+                      displaySources.map((source, index) => /* @__PURE__ */ jsx16(
                         LinkChip,
                         {
                           text: source.title,
@@ -8538,7 +9273,7 @@ var MessageBubble = ({
                     ]
                   }
                 ),
-                relevantAlternatives && relevantAlternatives.length > 0 && /* @__PURE__ */ jsxs14(
+                relevantAlternatives && relevantAlternatives.length > 0 && /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     style: {
@@ -8552,8 +9287,8 @@ var MessageBubble = ({
                       fontSize: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx15("span", { style: { color: "var(--chatllm-text-muted)", marginRight: "4px" }, children: displayModel || "\uBAA8\uB378" }),
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16("span", { style: { color: "var(--chatllm-text-muted)", marginRight: "4px" }, children: displayModel || "\uBAA8\uB378" }),
+                      /* @__PURE__ */ jsx16(
                         "button",
                         {
                           onClick: () => onAlternativeChange?.(Math.max(0, relevantActiveIndex - 1)),
@@ -8563,15 +9298,15 @@ var MessageBubble = ({
                             opacity: relevantActiveIndex === 0 ? 0.5 : 1,
                             cursor: relevantActiveIndex === 0 ? "not-allowed" : "pointer"
                           },
-                          children: /* @__PURE__ */ jsx15(IconSvg, { name: "arrow-left-line", size: 12 })
+                          children: /* @__PURE__ */ jsx16(IconSvg, { name: "arrow-left-line", size: 12 })
                         }
                       ),
-                      /* @__PURE__ */ jsxs14("span", { style: { color: "var(--chatllm-text-secondary)" }, children: [
+                      /* @__PURE__ */ jsxs15("span", { style: { color: "var(--chatllm-text-secondary)" }, children: [
                         relevantActiveIndex + 1,
                         " / ",
                         relevantAlternatives.length + 1
                       ] }),
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16(
                         "button",
                         {
                           onClick: () => onAlternativeChange?.(Math.min(relevantAlternatives.length, relevantActiveIndex + 1)),
@@ -8581,13 +9316,13 @@ var MessageBubble = ({
                             opacity: relevantActiveIndex === relevantAlternatives.length ? 0.5 : 1,
                             cursor: relevantActiveIndex === relevantAlternatives.length ? "not-allowed" : "pointer"
                           },
-                          children: /* @__PURE__ */ jsx15(IconSvg, { name: "arrow-right-line", size: 12 })
+                          children: /* @__PURE__ */ jsx16(IconSvg, { name: "arrow-right-line", size: 12 })
                         }
                       )
                     ]
                   }
                 ),
-                isLoadingAlternative && /* @__PURE__ */ jsxs14(
+                isLoadingAlternative && /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     style: {
@@ -8602,12 +9337,12 @@ var MessageBubble = ({
                       color: "var(--chatllm-primary, #3584FA)"
                     },
                     children: [
-                      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ jsx15("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                      /* @__PURE__ */ jsxs15("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ jsx16("span", { className: "chatllm-dot-bounce", style: dotStyle })
                       ] }),
-                      /* @__PURE__ */ jsx15("span", { style: { fontWeight: 500 }, children: "\uB2E4\uB978 \uBAA8\uB378 \uC751\uB2F5 \uC0DD\uC131 \uC911..." })
+                      /* @__PURE__ */ jsx16("span", { style: { fontWeight: 500 }, children: "\uB2E4\uB978 \uBAA8\uB378 \uC751\uB2F5 \uC0DD\uC131 \uC911..." })
                     ]
                   }
                 )
@@ -8615,7 +9350,7 @@ var MessageBubble = ({
             ]
           }
         ),
-        !isLoading && /* @__PURE__ */ jsxs14(
+        !isLoading && /* @__PURE__ */ jsxs15(
           "div",
           {
             style: {
@@ -8628,7 +9363,7 @@ var MessageBubble = ({
               transition: "opacity 0.15s ease"
             },
             children: [
-              /* @__PURE__ */ jsx15("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ jsx16(
                 IconSvg,
                 {
                   name: isCopied ? "check-line" : "file-copy-line",
@@ -8636,18 +9371,18 @@ var MessageBubble = ({
                   color: isCopied ? "var(--chatllm-success)" : "var(--chatllm-text-muted)"
                 }
               ) }),
-              onRegenerate && /* @__PURE__ */ jsx15("button", { onClick: onRegenerate, style: actionButtonSmallStyle, title: "\uB2E4\uC2DC \uC0DD\uC131", children: /* @__PURE__ */ jsx15(IconSvg, { name: "refresh-line", size: 12, color: "var(--chatllm-text-muted)" }) }),
-              onAskOtherModel && otherModels.length > 0 && /* @__PURE__ */ jsxs14("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ jsx15(
+              onRegenerate && /* @__PURE__ */ jsx16("button", { onClick: onRegenerate, style: actionButtonSmallStyle, title: "\uB2E4\uC2DC \uC0DD\uC131", children: /* @__PURE__ */ jsx16(IconSvg, { name: "refresh-line", size: 12, color: "var(--chatllm-text-muted)" }) }),
+              onAskOtherModel && otherModels.length > 0 && /* @__PURE__ */ jsxs15("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsx16(
                   "button",
                   {
                     onClick: () => setShowModelMenu(!showModelMenu),
                     style: actionButtonSmallStyle,
                     title: "\uB2E4\uB978 \uBAA8\uB378\uC5D0\uAC8C \uC9C8\uBB38",
-                    children: /* @__PURE__ */ jsx15(IconSvg, { name: "robot-line", size: 12, color: "var(--chatllm-text-muted)" })
+                    children: /* @__PURE__ */ jsx16(IconSvg, { name: "robot-line", size: 12, color: "var(--chatllm-text-muted)" })
                   }
                 ),
-                showModelMenu && /* @__PURE__ */ jsx15(
+                showModelMenu && /* @__PURE__ */ jsx16(
                   ModelMenu,
                   {
                     models: otherModels,
@@ -8666,7 +9401,7 @@ var MessageBubble = ({
     }
   );
 };
-var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ jsxs14(
+var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ jsxs15(
   "div",
   {
     style: {
@@ -8684,7 +9419,7 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ jsxs14(
     },
     onMouseLeave: onClose,
     children: [
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "div",
         {
           style: {
@@ -8699,7 +9434,7 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ jsxs14(
           children: "\uB2E4\uB978 \uBAA8\uB378\uC5D0\uAC8C \uC9C8\uBB38"
         }
       ),
-      models.map((model) => /* @__PURE__ */ jsxs14(
+      models.map((model) => /* @__PURE__ */ jsxs15(
         "button",
         {
           onClick: () => onSelect(model.id),
@@ -8724,9 +9459,9 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ jsxs14(
             e.currentTarget.style.backgroundColor = "transparent";
           },
           children: [
-            /* @__PURE__ */ jsx15(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary)" }),
-            /* @__PURE__ */ jsx15("span", { style: { flex: 1, fontWeight: 500 }, children: model.name }),
-            model.provider && /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary)" }),
+            /* @__PURE__ */ jsx16("span", { style: { flex: 1, fontWeight: 500 }, children: model.name }),
+            model.provider && /* @__PURE__ */ jsx16(
               "span",
               {
                 style: {
@@ -8775,7 +9510,7 @@ var navButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var MessageList = ({
   messages,
   isLoading,
@@ -8793,13 +9528,16 @@ var MessageList = ({
   showThinking = true,
   thinkingDefaultOpen = false,
   loadingAlternativeFor,
-  onPollSubmit
+  onPollSubmit,
+  onChecklistAbort,
+  onChecklistRetry,
+  onChecklistSkip
 }) => {
   const messagesEndRef = useRef8(null);
   const containerRef = useRef8(null);
-  const [selectedText, setSelectedText] = useState15("");
-  const [selectionPosition, setSelectionPosition] = useState15(null);
-  const [showScrollButton, setShowScrollButton] = useState15(false);
+  const [selectedText, setSelectedText] = useState16("");
+  const [selectionPosition, setSelectionPosition] = useState16(null);
+  const [showScrollButton, setShowScrollButton] = useState16(false);
   const isUserScrolledUpRef = useRef8(false);
   const SCROLL_THRESHOLD = 100;
   const handleScroll = useCallback8(() => {
@@ -8853,7 +9591,7 @@ var MessageList = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       ref: containerRef,
@@ -8866,7 +9604,7 @@ var MessageList = ({
       onScroll: handleScroll,
       onMouseUp: handleMouseUp,
       children: [
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs16(
           "div",
           {
             style: {
@@ -8881,7 +9619,7 @@ var MessageList = ({
                 const nextAssistant = message.role === "user" && index + 1 < messages.length ? messages[index + 1] : null;
                 const assistantForAlts = nextAssistant?.role === "assistant" ? nextAssistant : null;
                 const activeAltIndex = assistantForAlts ? activeAlternatives[assistantForAlts.id] ?? 0 : 0;
-                return /* @__PURE__ */ jsx16(
+                return /* @__PURE__ */ jsx17(
                   MessageBubble,
                   {
                     message,
@@ -8907,16 +9645,19 @@ var MessageList = ({
                     showThinking,
                     thinkingDefaultOpen,
                     isLoadingAlternative: loadingAlternativeFor === message.id,
-                    onPollSubmit: message.role === "assistant" && onPollSubmit ? (response) => onPollSubmit(message.id, response) : void 0
+                    onPollSubmit: message.role === "assistant" && onPollSubmit ? (response) => onPollSubmit(message.id, response) : void 0,
+                    onChecklistAbort: message.role === "assistant" && onChecklistAbort ? onChecklistAbort : void 0,
+                    onChecklistRetry: message.role === "assistant" && onChecklistRetry ? (stepIndex) => onChecklistRetry(message.id, stepIndex) : void 0,
+                    onChecklistSkip: message.role === "assistant" && onChecklistSkip ? (stepIndex) => onChecklistSkip(message.id, stepIndex) : void 0
                   },
                   message.id
                 );
               }),
-              /* @__PURE__ */ jsx16("div", { ref: messagesEndRef })
+              /* @__PURE__ */ jsx17("div", { ref: messagesEndRef })
             ]
           }
         ),
-        showScrollButton && /* @__PURE__ */ jsx16(
+        showScrollButton && /* @__PURE__ */ jsx17(
           "button",
           {
             onClick: scrollToBottom,
@@ -8939,10 +9680,10 @@ var MessageList = ({
               zIndex: 10,
               transition: "opacity 0.2s"
             },
-            children: /* @__PURE__ */ jsx16(IconSvg, { name: "arrow-down-s-line", size: 24, color: "var(--chatllm-text-secondary)" })
+            children: /* @__PURE__ */ jsx17(IconSvg, { name: "arrow-down-s-line", size: 24, color: "var(--chatllm-text-secondary)" })
           }
         ),
-        selectionPosition && /* @__PURE__ */ jsxs15(
+        selectionPosition && /* @__PURE__ */ jsxs16(
           "div",
           {
             style: {
@@ -8954,7 +9695,7 @@ var MessageList = ({
               pointerEvents: "auto"
             },
             children: [
-              /* @__PURE__ */ jsxs15(
+              /* @__PURE__ */ jsxs16(
                 "button",
                 {
                   onClick: handleQuote,
@@ -8974,12 +9715,12 @@ var MessageList = ({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    /* @__PURE__ */ jsx16(IconSvg, { name: "double-quotes-l", size: 16, color: "#ffffff" }),
+                    /* @__PURE__ */ jsx17(IconSvg, { name: "double-quotes-l", size: 16, color: "#ffffff" }),
                     "\uC778\uC6A9\uD558\uAE30"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17(
                 "div",
                 {
                   style: {
@@ -9004,8 +9745,8 @@ var MessageList = ({
 };
 
 // src/react/components/SettingsModal.tsx
-import { useState as useState16, useEffect as useEffect9 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState17, useEffect as useEffect9 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
     warmth: "medium",
@@ -9040,8 +9781,8 @@ var SettingsModal = ({
   currentProjectTitle,
   showMemoryTab = true
 }) => {
-  const [activeTab, setActiveTab] = useState16("general");
-  const [localApiKey, setLocalApiKey] = useState16(apiKey);
+  const [activeTab, setActiveTab] = useState17("general");
+  const [localApiKey, setLocalApiKey] = useState17(apiKey);
   useEffect9(() => {
     setLocalApiKey(apiKey);
   }, [apiKey]);
@@ -9068,7 +9809,7 @@ var SettingsModal = ({
     setLocalApiKey(value);
     onApiKeyChange?.(value);
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: "chatllm-settings-overlay",
@@ -9082,7 +9823,7 @@ var SettingsModal = ({
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "chatllm-settings-modal",
@@ -9100,7 +9841,7 @@ var SettingsModal = ({
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 style: {
@@ -9111,7 +9852,7 @@ var SettingsModal = ({
                   flexDirection: "column"
                 },
                 children: [
-                  /* @__PURE__ */ jsx17("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsx18("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: onClose,
@@ -9125,11 +9866,11 @@ var SettingsModal = ({
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ jsx17(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
+                      children: /* @__PURE__ */ jsx18(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs16("nav", { style: { flex: 1, padding: "8px" }, children: [
-                    /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsxs17("nav", { style: { flex: 1, padding: "8px" }, children: [
+                    /* @__PURE__ */ jsx18(
                       TabButton,
                       {
                         active: activeTab === "general",
@@ -9138,7 +9879,7 @@ var SettingsModal = ({
                         label: "\uC77C\uBC18"
                       }
                     ),
-                    /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsx18(
                       TabButton,
                       {
                         active: activeTab === "personalization",
@@ -9147,7 +9888,7 @@ var SettingsModal = ({
                         label: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815"
                       }
                     ),
-                    showMemoryTab && /* @__PURE__ */ jsx17(
+                    showMemoryTab && /* @__PURE__ */ jsx18(
                       TabButton,
                       {
                         active: activeTab === "memory",
@@ -9156,7 +9897,7 @@ var SettingsModal = ({
                         label: "AI \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    showMemoryTab && enableProjects && /* @__PURE__ */ jsx17(
+                    showMemoryTab && enableProjects && /* @__PURE__ */ jsx18(
                       TabButton,
                       {
                         active: activeTab === "project-memory",
@@ -9165,7 +9906,7 @@ var SettingsModal = ({
                         label: "\uD504\uB85C\uC81D\uD2B8 \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsx18(
                       TabButton,
                       {
                         active: activeTab === "data",
@@ -9178,24 +9919,24 @@ var SettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs16("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
-              activeTab === "general" && /* @__PURE__ */ jsxs16("div", { children: [
-                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
-                /* @__PURE__ */ jsx17(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
+              activeTab === "general" && /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
+                /* @__PURE__ */ jsx18(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ jsxs17(
                   "select",
                   {
                     value: personalization.language,
                     onChange: (e) => onPersonalizationChange({ ...personalization, language: e.target.value }),
                     style: selectStyle,
                     children: [
-                      /* @__PURE__ */ jsx17("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
-                      /* @__PURE__ */ jsx17("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
-                      /* @__PURE__ */ jsx17("option", { value: "en", children: "English" }),
-                      /* @__PURE__ */ jsx17("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
+                      /* @__PURE__ */ jsx18("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
+                      /* @__PURE__ */ jsx18("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
+                      /* @__PURE__ */ jsx18("option", { value: "en", children: "English" }),
+                      /* @__PURE__ */ jsx18("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsx17(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => onPersonalizationChange(DEFAULT_PERSONALIZATION2),
@@ -9203,11 +9944,11 @@ var SettingsModal = ({
                     children: "\uCD08\uAE30\uD654"
                   }
                 ) }),
-                onApiKeyChange && /* @__PURE__ */ jsxs16("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
-                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
-                  /* @__PURE__ */ jsxs16("div", { children: [
-                    /* @__PURE__ */ jsx17("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
-                    /* @__PURE__ */ jsx17(
+                onApiKeyChange && /* @__PURE__ */ jsxs17("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
+                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
+                  /* @__PURE__ */ jsxs17("div", { children: [
+                    /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
+                    /* @__PURE__ */ jsx18(
                       "input",
                       {
                         type: "password",
@@ -9217,18 +9958,18 @@ var SettingsModal = ({
                         style: inputStyle
                       }
                     ),
-                    /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
+                    /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
                   ] })
                 ] })
               ] }),
-              activeTab === "personalization" && /* @__PURE__ */ jsxs16("div", { children: [
-                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
-                /* @__PURE__ */ jsxs16("section", { style: { marginBottom: "32px" }, children: [
-                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
-                  /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
-                      /* @__PURE__ */ jsx17(
+              activeTab === "personalization" && /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
+                /* @__PURE__ */ jsxs17("section", { style: { marginBottom: "32px" }, children: [
+                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
+                  /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                    /* @__PURE__ */ jsxs17("div", { children: [
+                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
+                      /* @__PURE__ */ jsx18(
                         "input",
                         {
                           type: "text",
@@ -9239,9 +9980,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
-                      /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsxs17("div", { children: [
+                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
+                      /* @__PURE__ */ jsx18(
                         "input",
                         {
                           type: "text",
@@ -9252,9 +9993,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx17("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
-                      /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsxs17("div", { children: [
+                      /* @__PURE__ */ jsx18("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
+                      /* @__PURE__ */ jsx18(
                         "textarea",
                         {
                           value: personalization.userProfile.additionalInfo || "",
@@ -9267,62 +10008,62 @@ var SettingsModal = ({
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs16("section", { children: [
-                  /* @__PURE__ */ jsx17("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
-                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ jsxs16(
+                /* @__PURE__ */ jsxs17("section", { children: [
+                  /* @__PURE__ */ jsx18("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
+                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ jsxs17(
                     "select",
                     {
                       value: personalization.responseStyle.warmth,
                       onChange: (e) => updateResponseStyle("warmth", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
-                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
+                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
+                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ jsxs16(
+                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ jsxs17(
                     "select",
                     {
                       value: personalization.responseStyle.enthusiasm,
                       onChange: (e) => updateResponseStyle("enthusiasm", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
-                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
+                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
+                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ jsxs16(
+                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ jsxs17(
                     "select",
                     {
                       value: personalization.responseStyle.emojiUsage,
                       onChange: (e) => updateResponseStyle("emojiUsage", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx17("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
-                        /* @__PURE__ */ jsx17("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx17("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
+                        /* @__PURE__ */ jsx18("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
+                        /* @__PURE__ */ jsx18("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx18("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx17(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ jsxs16(
+                  /* @__PURE__ */ jsx18(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ jsxs17(
                     "select",
                     {
                       value: personalization.responseStyle.verbosity,
                       onChange: (e) => updateResponseStyle("verbosity", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ jsx17("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
-                        /* @__PURE__ */ jsx17("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ jsx17("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
+                        /* @__PURE__ */ jsx18("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
+                        /* @__PURE__ */ jsx18("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ jsx18("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
                       ]
                     }
                   ) })
                 ] }),
-                onSave && /* @__PURE__ */ jsx17("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx17(
+                onSave && /* @__PURE__ */ jsx18("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: onSave,
@@ -9343,7 +10084,7 @@ var SettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ jsx17(
+              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ jsx18(
                 MemoryTabContent,
                 {
                   items: memoryItems,
@@ -9352,7 +10093,7 @@ var SettingsModal = ({
                   onClearAll: onClearMemory
                 }
               ),
-              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ jsx17(
+              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ jsx18(
                 MemoryTabContent,
                 {
                   items: projectMemoryItems,
@@ -9363,9 +10104,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__ */ jsxs16("div", { children: [
-                /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
-                /* @__PURE__ */ jsx17(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx17(
+              activeTab === "data" && /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
+                /* @__PURE__ */ jsx18(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => onPersonalizationChange({ ...personalization, useMemory: !personalization.useMemory }),
@@ -9379,7 +10120,7 @@ var SettingsModal = ({
                       position: "relative",
                       transition: "background-color 0.2s"
                     },
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx18(
                       "div",
                       {
                         style: {
@@ -9397,7 +10138,7 @@ var SettingsModal = ({
                     )
                   }
                 ) }),
-                onClearAllData && /* @__PURE__ */ jsx17(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx17(
+                onClearAllData && /* @__PURE__ */ jsx18(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => {
@@ -9417,7 +10158,7 @@ var SettingsModal = ({
     }
   );
 };
-var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs16(
+var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs17(
   "button",
   {
     onClick,
@@ -9438,12 +10179,12 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ jsxs16(
       marginBottom: "4px"
     },
     children: [
-      /* @__PURE__ */ jsx17(IconSvg, { name: icon, size: 20 }),
+      /* @__PURE__ */ jsx18(IconSvg, { name: icon, size: 20 }),
       label
     ]
   }
 );
-var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs16(
+var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs17(
   "div",
   {
     style: {
@@ -9454,9 +10195,9 @@ var SettingRow = ({ label, description, children }) => /* @__PURE__ */ jsxs16(
       borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)"
     },
     children: [
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx17("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
-        description && /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx18("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
+        description && /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
       ] }),
       children
     ]
@@ -9516,8 +10257,8 @@ var memoryCategoryColors = {
   preference: "#8b5cf6"
 };
 var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "AI \uBA54\uBAA8\uB9AC", emptyMessage = "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4", emptyDescription = "\uB300\uD654\uAC00 \uC9C4\uD589\uB418\uBA74 AI\uAC00 \uC790\uB3D9\uC73C\uB85C \uC815\uBCF4\uB97C \uD559\uC2B5\uD569\uB2C8\uB2E4" }) => {
-  const [activeFilter, setActiveFilter] = useState16("all");
-  const [expandedId, setExpandedId] = useState16(null);
+  const [activeFilter, setActiveFilter] = useState17("all");
+  const [expandedId, setExpandedId] = useState17(null);
   const filteredItems = activeFilter === "all" ? items : items.filter((item) => item.category === activeFilter);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -9528,15 +10269,15 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ jsxs16("div", { children: [
-    /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
-      /* @__PURE__ */ jsx17("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
-      /* @__PURE__ */ jsxs16("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
+      /* @__PURE__ */ jsx18("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
+      /* @__PURE__ */ jsxs17("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
         items.length,
         "\uAC1C \uD56D\uBAA9"
       ] })
     ] }),
-    /* @__PURE__ */ jsx17("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx18(
       "button",
       {
         onClick: () => setActiveFilter(tab),
@@ -9554,7 +10295,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       tab
     )) }),
-    contextSummary && activeFilter === "all" && /* @__PURE__ */ jsxs16(
+    contextSummary && activeFilter === "all" && /* @__PURE__ */ jsxs17(
       "div",
       {
         style: {
@@ -9565,19 +10306,19 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
         },
         children: [
-          /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ jsx17(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
-            /* @__PURE__ */ jsx17("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
+          /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx18(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+            /* @__PURE__ */ jsx18("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
-          /* @__PURE__ */ jsx17("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
+          /* @__PURE__ */ jsx18("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
       }
     ),
-    filteredItems.length === 0 ? /* @__PURE__ */ jsxs16("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx17(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
-      /* @__PURE__ */ jsx17("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
-      /* @__PURE__ */ jsx17("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
-    ] }) : /* @__PURE__ */ jsx17("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs16(
+    filteredItems.length === 0 ? /* @__PURE__ */ jsxs17("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx18(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
+      /* @__PURE__ */ jsx18("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
+      /* @__PURE__ */ jsx18("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
+    ] }) : /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs17(
       "div",
       {
         style: {
@@ -9590,10 +10331,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
         },
         onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
         children: [
-          /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ jsxs16("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                item.category && /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsxs17("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                item.category && /* @__PURE__ */ jsx18(
                   "span",
                   {
                     style: {
@@ -9607,12 +10348,12 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     children: memoryCategoryLabels[item.category]
                   }
                 ),
-                /* @__PURE__ */ jsx17("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                /* @__PURE__ */ jsx18("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
               ] }),
-              /* @__PURE__ */ jsx17("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
+              /* @__PURE__ */ jsx18("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-              onDelete && /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+              onDelete && /* @__PURE__ */ jsx18(
                 "button",
                 {
                   onClick: (e) => {
@@ -9628,10 +10369,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     opacity: 0.5
                   },
                   "aria-label": "\uBA54\uBAA8\uB9AC \uC0AD\uC81C",
-                  children: /* @__PURE__ */ jsx17(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                  children: /* @__PURE__ */ jsx18(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18(
                 IconSvg,
                 {
                   name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -9641,7 +10382,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
               )
             ] })
           ] }),
-          expandedId === item.id && /* @__PURE__ */ jsx17(
+          expandedId === item.id && /* @__PURE__ */ jsx18(
             "div",
             {
               style: {
@@ -9649,7 +10390,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                 paddingTop: "12px",
                 borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
               },
-              children: /* @__PURE__ */ jsx17(
+              children: /* @__PURE__ */ jsx18(
                 "p",
                 {
                   style: {
@@ -9668,7 +10409,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       item.id
     )) }),
-    onClearAll && items.length > 0 && /* @__PURE__ */ jsx17("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx17(
+    onClearAll && items.length > 0 && /* @__PURE__ */ jsx18("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ jsx18(
       "button",
       {
         onClick: () => {
@@ -9684,8 +10425,8 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 };
 
 // src/react/components/ProjectSettingsModal.tsx
-import { useState as useState17, useEffect as useEffect10 } from "react";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useState as useState18, useEffect as useEffect10 } from "react";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var COLOR_PRESETS = [
   "#3584FA",
   "#7c3aed",
@@ -9705,11 +10446,11 @@ var ProjectSettingsModal = ({
   onDeleteFile,
   onDeleteProject
 }) => {
-  const [activeTab, setActiveTab] = useState17("general");
-  const [title, setTitle] = useState17("");
-  const [description, setDescription] = useState17("");
-  const [instructions, setInstructions] = useState17("");
-  const [color, setColor] = useState17("#3584FA");
+  const [activeTab, setActiveTab] = useState18("general");
+  const [title, setTitle] = useState18("");
+  const [description, setDescription] = useState18("");
+  const [instructions, setInstructions] = useState18("");
+  const [color, setColor] = useState18("#3584FA");
   useEffect10(() => {
     if (project) {
       setTitle(project.title);
@@ -9766,7 +10507,7 @@ var ProjectSettingsModal = ({
     cursor: "pointer",
     fontFamily: "inherit"
   });
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       style: {
@@ -9781,7 +10522,7 @@ var ProjectSettingsModal = ({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsxs18(
         "div",
         {
           style: {
@@ -9795,7 +10536,7 @@ var ProjectSettingsModal = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs18(
               "div",
               {
                 style: {
@@ -9805,8 +10546,8 @@ var ProjectSettingsModal = ({
                   padding: "20px 24px 0"
                 },
                 children: [
-                  /* @__PURE__ */ jsx18("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
+                  /* @__PURE__ */ jsx19(
                     "button",
                     {
                       onClick: onClose,
@@ -9819,13 +10560,13 @@ var ProjectSettingsModal = ({
                         alignItems: "center"
                       },
                       "aria-label": "\uB2EB\uAE30",
-                      children: /* @__PURE__ */ jsx18(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
+                      children: /* @__PURE__ */ jsx19(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs18(
               "div",
               {
                 style: {
@@ -9835,9 +10576,9 @@ var ProjectSettingsModal = ({
                   borderBottom: "1px solid var(--chatllm-border, #e0e0e0)"
                 },
                 children: [
-                  /* @__PURE__ */ jsx18("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
-                  /* @__PURE__ */ jsx18("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
-                  /* @__PURE__ */ jsxs17("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
+                  /* @__PURE__ */ jsx19("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
+                  /* @__PURE__ */ jsx19("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
+                  /* @__PURE__ */ jsxs18("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
                     "\uD30C\uC77C (",
                     project.files.length,
                     ")"
@@ -9845,11 +10586,11 @@ var ProjectSettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs17("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
-              activeTab === "general" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                /* @__PURE__ */ jsxs17("div", { children: [
-                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
-                  /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs18("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
+              activeTab === "general" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                /* @__PURE__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
+                  /* @__PURE__ */ jsx19(
                     "input",
                     {
                       type: "text",
@@ -9871,9 +10612,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs17("div", { children: [
-                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
-                  /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
+                  /* @__PURE__ */ jsx19(
                     "textarea",
                     {
                       value: description,
@@ -9894,9 +10635,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs17("div", { children: [
-                  /* @__PURE__ */ jsx18("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
-                  /* @__PURE__ */ jsx18("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx19("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
+                  /* @__PURE__ */ jsx19("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx19(
                     "button",
                     {
                       onClick: () => setColor(c),
@@ -9914,8 +10655,8 @@ var ProjectSettingsModal = ({
                     c
                   )) })
                 ] }),
-                /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
-                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
+                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ jsx19(
                     "button",
                     {
                       onClick: () => {
@@ -9938,7 +10679,7 @@ var ProjectSettingsModal = ({
                       children: "\uD504\uB85C\uC81D\uD2B8 \uC0AD\uC81C"
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     "button",
                     {
                       onClick: handleSaveGeneral,
@@ -9958,9 +10699,9 @@ var ProjectSettingsModal = ({
                   )
                 ] })
               ] }),
-              activeTab === "instructions" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ jsx18("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
-                /* @__PURE__ */ jsx18(
+              activeTab === "instructions" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx19("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
+                /* @__PURE__ */ jsx19(
                   "textarea",
                   {
                     value: instructions,
@@ -9981,7 +10722,7 @@ var ProjectSettingsModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx18("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx19("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx19(
                   "button",
                   {
                     onClick: handleSaveInstructions,
@@ -10000,10 +10741,10 @@ var ProjectSettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "files" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ jsxs17("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx18("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
-                  /* @__PURE__ */ jsxs17(
+              activeTab === "files" && /* @__PURE__ */ jsxs18("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ jsxs18("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx19("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ jsxs18(
                     "button",
                     {
                       onClick: handleFileUpload,
@@ -10021,13 +10762,13 @@ var ProjectSettingsModal = ({
                         color: "var(--chatllm-text, #1a1a1a)"
                       },
                       children: [
-                        /* @__PURE__ */ jsx18(IconSvg, { name: "upload-line", size: 14 }),
+                        /* @__PURE__ */ jsx19(IconSvg, { name: "upload-line", size: 14 }),
                         "\uC5C5\uB85C\uB4DC"
                       ]
                     }
                   )
                 ] }),
-                project.files.length === 0 ? /* @__PURE__ */ jsx18(
+                project.files.length === 0 ? /* @__PURE__ */ jsx19(
                   "div",
                   {
                     style: {
@@ -10040,7 +10781,7 @@ var ProjectSettingsModal = ({
                     },
                     children: "\uC544\uC9C1 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
                   }
-                ) : /* @__PURE__ */ jsx18("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ jsxs17(
+                ) : /* @__PURE__ */ jsx19("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ jsxs18(
                   "div",
                   {
                     style: {
@@ -10052,10 +10793,10 @@ var ProjectSettingsModal = ({
                       borderRadius: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
-                        /* @__PURE__ */ jsx18(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
-                        /* @__PURE__ */ jsxs17("div", { style: { overflow: "hidden" }, children: [
-                          /* @__PURE__ */ jsx18(
+                      /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
+                        /* @__PURE__ */ jsx19(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
+                        /* @__PURE__ */ jsxs18("div", { style: { overflow: "hidden" }, children: [
+                          /* @__PURE__ */ jsx19(
                             "div",
                             {
                               style: {
@@ -10069,13 +10810,13 @@ var ProjectSettingsModal = ({
                               children: file.name
                             }
                           ),
-                          /* @__PURE__ */ jsxs17("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
+                          /* @__PURE__ */ jsxs18("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
                             file.type,
                             formatSize(file.size) ? ` \xB7 ${formatSize(file.size)}` : ""
                           ] })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx18(
+                      /* @__PURE__ */ jsx19(
                         "button",
                         {
                           onClick: () => onDeleteFile(project.id, file.id),
@@ -10096,7 +10837,7 @@ var ProjectSettingsModal = ({
                             e.currentTarget.style.opacity = "0.5";
                           },
                           "aria-label": `${file.name} \uC0AD\uC81C`,
-                          children: /* @__PURE__ */ jsx18(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
+                          children: /* @__PURE__ */ jsx19(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
                         }
                       )
                     ]
@@ -10113,14 +10854,14 @@ var ProjectSettingsModal = ({
 };
 
 // src/react/components/DisclaimerModal.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var highlightStyle = {
   color: "var(--chatllm-text, #1e293b)",
   fontWeight: 600
 };
 var DisclaimerModal = ({ isOpen, onClose }) => {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: "chatllm-disclaimer-overlay",
@@ -10134,7 +10875,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs19(
         "div",
         {
           className: "chatllm-disclaimer-modal",
@@ -10152,7 +10893,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs19(
               "div",
               {
                 style: {
@@ -10163,9 +10904,9 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ jsx19(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
-                    /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsxs19("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ jsx20(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
+                    /* @__PURE__ */ jsx20(
                       "h2",
                       {
                         style: {
@@ -10178,7 +10919,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx20(
                     "button",
                     {
                       onClick: onClose,
@@ -10193,13 +10934,13 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ jsx19(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                      children: /* @__PURE__ */ jsx20(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs19(
               "div",
               {
                 className: "chatllm-scrollbar",
@@ -10211,12 +10952,12 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   color: "var(--chatllm-text-secondary, #475569)"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC800\uB294 \uC5EC\uB7EC\uBD84\uC758 \uC9C8\uBB38\uC5D0 ",
-                    /* @__PURE__ */ jsx19("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
+                    /* @__PURE__ */ jsx20("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__ */ jsxs18(
+                  /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       style: {
@@ -10229,33 +10970,33 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7
                       },
                       children: [
-                        /* @__PURE__ */ jsx19("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
-                        /* @__PURE__ */ jsxs18("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                          /* @__PURE__ */ jsx19("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
-                          /* @__PURE__ */ jsx19("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
-                          /* @__PURE__ */ jsx19("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
+                        /* @__PURE__ */ jsx20("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
+                        /* @__PURE__ */ jsxs19("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                          /* @__PURE__ */ jsx20("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
+                          /* @__PURE__ */ jsx20("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
+                          /* @__PURE__ */ jsx20("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
                         ] })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC774\uB7F0 \uD604\uC0C1\uC744 ",
-                    /* @__PURE__ */ jsx19("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
+                    /* @__PURE__ */ jsx20("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__ */ jsx19("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
+                    /* @__PURE__ */ jsx20("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
                     "\uD574 \uC8FC\uC2DC\uBA74 \uAC10\uC0AC\uD558\uACA0\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
-                    /* @__PURE__ */ jsx19("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
+                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
+                    /* @__PURE__ */ jsx20("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__ */ jsxs18("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ jsxs19("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC81C\uAC00 \uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uC54C\uB824\uB4DC\uB9B4 \uB54C\uB3C4,",
                     " ",
-                    /* @__PURE__ */ jsx19("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
+                    /* @__PURE__ */ jsx20("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__ */ jsx19(
+                  /* @__PURE__ */ jsx20(
                     "div",
                     {
                       style: {
@@ -10266,10 +11007,10 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7,
                         textAlign: "center"
                       },
-                      children: /* @__PURE__ */ jsxs18("p", { style: { margin: 0 }, children: [
+                      children: /* @__PURE__ */ jsxs19("p", { style: { margin: 0 }, children: [
                         "\uC800\uC5D0 \uB300\uD55C \uC758\uACAC\uC774\uB098 \uAC1C\uC120 \uC81C\uC548\uC774 \uC788\uC73C\uC2DC\uB2E4\uBA74",
                         " ",
-                        /* @__PURE__ */ jsx19(
+                        /* @__PURE__ */ jsx20(
                           "a",
                           {
                             href: "mailto:info@gendive.ai",
@@ -10282,7 +11023,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                           }
                         ),
                         "\uB85C \uC54C\uB824\uC8FC\uC138\uC694.",
-                        /* @__PURE__ */ jsx19("br", {}),
+                        /* @__PURE__ */ jsx20("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."
                       ] })
                     }
@@ -10298,7 +11039,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
 };
 
 // src/react/ChatUI.tsx
-import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10341,6 +11082,17 @@ var injectStyles = () => {
       100% { transform: rotate(360deg); }
     }
 
+    @keyframes chatllm-checklist-pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.4; }
+    }
+
+    @keyframes chatllm-checklist-check {
+      0% { transform: scale(0); opacity: 0; }
+      50% { transform: scale(1.2); }
+      100% { transform: scale(1); opacity: 1; }
+    }
+
     @keyframes chatllm-welcome-exit {
       from { opacity: 1; transform: translateY(0); }
       to { opacity: 0; transform: translateY(-16px); }
@@ -10622,12 +11374,16 @@ var ChatUIView = ({
     openProjectSettings,
     closeProjectSettings,
     projectMemory,
-    isSessionsLoading
+    isSessionsLoading,
+    // Checklist
+    handleChecklistAbort,
+    handleChecklistRetry,
+    handleChecklistSkip
   } = state;
-  const [disclaimerOpen, setDisclaimerOpen] = React15.useState(false);
-  const [welcomeExiting, setWelcomeExiting] = React15.useState(false);
-  const prevMessageCountRef = React15.useRef(messages.length);
-  React15.useEffect(() => {
+  const [disclaimerOpen, setDisclaimerOpen] = React16.useState(false);
+  const [welcomeExiting, setWelcomeExiting] = React16.useState(false);
+  const prevMessageCountRef = React16.useRef(messages.length);
+  React16.useEffect(() => {
     let timer;
     if (prevMessageCountRef.current === 0 && messages.length > 0) {
       setWelcomeExiting(true);
@@ -10651,7 +11407,7 @@ var ChatUIView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const memoryItems = React15.useMemo(() => {
+  const memoryItems = React16.useMemo(() => {
     if (!globalMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of globalMemory.state.entries) {
@@ -10665,7 +11421,7 @@ var ChatUIView = ({
     }
     return items;
   }, [globalMemory?.state.entries]);
-  const projectMemoryItems = React15.useMemo(() => {
+  const projectMemoryItems = React16.useMemo(() => {
     if (!projectMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of projectMemory.state.entries) {
@@ -10680,7 +11436,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10693,7 +11449,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ jsx20(
+        showSidebar && /* @__PURE__ */ jsx21(
           ChatSidebar,
           {
             sessions,
@@ -10725,7 +11481,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           "main",
           {
             style: {
@@ -10737,7 +11493,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10751,7 +11507,7 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ jsxs19(
+              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ jsxs20(
                 "div",
                 {
                   style: {
@@ -10766,7 +11522,7 @@ var ChatUIView = ({
                     pointerEvents: welcomeExiting ? "none" : "auto"
                   },
                   children: [
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       "h1",
                       {
                         style: {
@@ -10780,7 +11536,7 @@ var ChatUIView = ({
                         children: greeting ? `${greeting} \u273A` : "\u273A \uBB34\uC5C7\uC744 \uC0DD\uAC01\uD574 \uBCFC\uAE4C\uC694?"
                       }
                     ),
-                    /* @__PURE__ */ jsx20("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ jsx21(
                       ChatInput,
                       {
                         value: input,
@@ -10808,7 +11564,7 @@ var ChatUIView = ({
                         inline: true
                       }
                     ) }),
-                    suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ jsx20(
+                    suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ jsx21(
                       "div",
                       {
                         style: {
@@ -10818,7 +11574,7 @@ var ChatUIView = ({
                           justifyContent: "center",
                           maxWidth: "680px"
                         },
-                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ jsxs19(
+                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ jsxs20(
                           "button",
                           {
                             onClick: () => setInput(sp.prompt),
@@ -10837,7 +11593,7 @@ var ChatUIView = ({
                               transition: "all 0.2s"
                             },
                             children: [
-                              sp.icon && /* @__PURE__ */ jsx20(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
+                              sp.icon && /* @__PURE__ */ jsx21(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
                               sp.label
                             ]
                           },
@@ -10848,8 +11604,8 @@ var ChatUIView = ({
                   ]
                 }
               ),
-              messages.length > 0 && /* @__PURE__ */ jsxs19(Fragment8, { children: [
-                /* @__PURE__ */ jsx20(
+              messages.length > 0 && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+                /* @__PURE__ */ jsx21(
                   MessageList,
                   {
                     messages,
@@ -10868,10 +11624,13 @@ var ChatUIView = ({
                     showThinking,
                     thinkingDefaultOpen,
                     loadingAlternativeFor,
-                    onPollSubmit: handlePollSubmit
+                    onPollSubmit: handlePollSubmit,
+                    onChecklistAbort: handleChecklistAbort,
+                    onChecklistRetry: handleChecklistRetry,
+                    onChecklistSkip: handleChecklistSkip
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   ChatInput,
                   {
                     value: input,
@@ -10902,7 +11661,7 @@ var ChatUIView = ({
             ]
           }
         ),
-        showSettings && /* @__PURE__ */ jsx20(
+        showSettings && /* @__PURE__ */ jsx21(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10929,7 +11688,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -10941,7 +11700,7 @@ var ChatUIView = ({
             onDeleteProject: deleteProject
           }
         ),
-        /* @__PURE__ */ jsx20(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
+        /* @__PURE__ */ jsx21(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -11044,7 +11803,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ChatUIView,
     {
       state,
@@ -11092,7 +11851,7 @@ var ChatUI = (props) => {
       deepResearch,
       suggestedPrompts: chatStateSuggestedPrompts
     } = props;
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       ChatUIView,
       {
         state: props.chatState,
@@ -11117,11 +11876,11 @@ var ChatUI = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ jsx21(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
-import { useState as useState18, useCallback as useCallback9, useRef as useRef9 } from "react";
+import { useState as useState19, useCallback as useCallback9, useRef as useRef9 } from "react";
 var REPORT_GENERATION_PROMPT2 = `\uB2F9\uC2E0\uC740 \uB9AC\uC11C\uCE58 \uBCF4\uACE0\uC11C \uC791\uC131 \uC804\uBB38\uAC00\uC785\uB2C8\uB2E4.
 
 <collected_sources>
@@ -11172,8 +11931,8 @@ var QUERY_ANALYSIS_PROMPT2 = `\uC0AC\uC6A9\uC790 \uC9C8\uBB38\uC744 \uBD84\uC11D
 - JSON \uC678 \uB2E4\uB978 \uD14D\uC2A4\uD2B8 \uCD9C\uB825 \uAE08\uC9C0`;
 var useDeepResearch = (options) => {
   const { onWebSearch, onExtractContent, apiEndpoint, apiKey, model, provider } = options;
-  const [isResearching, setIsResearching] = useState18(false);
-  const [progress, setProgress] = useState18(null);
+  const [isResearching, setIsResearching] = useState19(false);
+  const [progress, setProgress] = useState19(null);
   const abortControllerRef = useRef9(null);
   const callLLM2 = useCallback9(
     async (prompt, stream = false) => {
@@ -11435,7 +12194,7 @@ var useDeepResearch = (options) => {
 };
 
 // src/react/components/EmptyState.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 var EmptyState = ({
   greeting,
   templates = [],
@@ -11453,7 +12212,7 @@ var EmptyState = ({
     return iconMap[icon] || "sparkling-line";
   };
   const hasContent = actions.length > 0 || templates.length > 0;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "chatllm-empty-state",
@@ -11468,7 +12227,7 @@ var EmptyState = ({
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "div",
           {
             className: "chatllm-sheet",
@@ -11482,10 +12241,10 @@ var EmptyState = ({
               marginBottom: "32px",
               color: "var(--chatllm-primary)"
             },
-            children: /* @__PURE__ */ jsx21(IconSvg, { name: "chat-1-line", size: 40 })
+            children: /* @__PURE__ */ jsx22(IconSvg, { name: "chat-1-line", size: 40 })
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "h1",
           {
             style: {
@@ -11498,7 +12257,7 @@ var EmptyState = ({
             children: "How can I help you today?"
           }
         ),
-        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ jsxs20(
+        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ jsxs21(
           "div",
           {
             style: {
@@ -11510,7 +12269,7 @@ var EmptyState = ({
               marginBottom: "48px"
             },
             children: [
-              actions.map((action) => /* @__PURE__ */ jsxs20(
+              actions.map((action) => /* @__PURE__ */ jsxs21(
                 "button",
                 {
                   onClick: () => onActionSelect?.(action),
@@ -11524,7 +12283,7 @@ var EmptyState = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22(
                       IconSvg,
                       {
                         name: getActionIcon(action.icon),
@@ -11537,7 +12296,7 @@ var EmptyState = ({
                 },
                 action.id
               )),
-              templates.slice(0, 4).map((template) => /* @__PURE__ */ jsxs20(
+              templates.slice(0, 4).map((template) => /* @__PURE__ */ jsxs21(
                 "button",
                 {
                   onClick: () => onTemplateClick(template),
@@ -11551,7 +12310,7 @@ var EmptyState = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22(
                       IconSvg,
                       {
                         name: "sparkling-line",
@@ -11573,8 +12332,8 @@ var EmptyState = ({
 };
 
 // src/react/components/MemoryPanel.tsx
-import { useState as useState19 } from "react";
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
   skill: "\uC804\uBB38 \uBD84\uC57C/\uAE30\uC220",
@@ -11593,8 +12352,8 @@ var MemoryPanel = ({
   isOpen,
   onToggle
 }) => {
-  const [expandedId, setExpandedId] = useState19(null);
-  const [activeTab, setActiveTab] = useState19("all");
+  const [expandedId, setExpandedId] = useState20(null);
+  const [activeTab, setActiveTab] = useState20("all");
   const filteredItems = activeTab === "all" ? items : items.filter((item) => item.category === activeTab);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -11606,7 +12365,7 @@ var MemoryPanel = ({
     });
   };
   if (!isOpen) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "button",
       {
         onClick: onToggle,
@@ -11626,11 +12385,11 @@ var MemoryPanel = ({
           justifyContent: "center",
           zIndex: 100
         },
-        children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
+        children: /* @__PURE__ */ jsx23(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: "chatllm-memory-panel",
@@ -11650,7 +12409,7 @@ var MemoryPanel = ({
         zIndex: 100
       },
       children: [
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             style: {
@@ -11661,8 +12420,8 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
             },
             children: [
-              /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsxs22("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                /* @__PURE__ */ jsx23(
                   "div",
                   {
                     style: {
@@ -11674,19 +12433,19 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
+                    children: /* @__PURE__ */ jsx23(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
                   }
                 ),
-                /* @__PURE__ */ jsxs21("div", { children: [
-                  /* @__PURE__ */ jsx22("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
-                  /* @__PURE__ */ jsxs21("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+                /* @__PURE__ */ jsxs22("div", { children: [
+                  /* @__PURE__ */ jsx23("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
+                  /* @__PURE__ */ jsxs22("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
                     items.length,
                     "\uAC1C \uD56D\uBAA9"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "4px" }, children: [
-                onClearAll && items.length > 0 && /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: "4px" }, children: [
+                onClearAll && items.length > 0 && /* @__PURE__ */ jsx23(
                   "button",
                   {
                     onClick: onClearAll,
@@ -11698,10 +12457,10 @@ var MemoryPanel = ({
                       cursor: "pointer"
                     },
                     title: "\uC804\uCCB4 \uC0AD\uC81C",
-                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ jsx23(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     onClick: onToggle,
@@ -11712,14 +12471,14 @@ var MemoryPanel = ({
                       borderRadius: "8px",
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ jsx23(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "div",
           {
             style: {
@@ -11729,7 +12488,7 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)",
               overflowX: "auto"
             },
-            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx22(
+            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx23(
               "button",
               {
                 onClick: () => setActiveTab(tab),
@@ -11750,8 +12509,8 @@ var MemoryPanel = ({
             ))
           }
         ),
-        /* @__PURE__ */ jsxs21("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
-          contextSummary && activeTab === "all" && /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
+          contextSummary && activeTab === "all" && /* @__PURE__ */ jsxs22(
             "div",
             {
               style: {
@@ -11762,7 +12521,7 @@ var MemoryPanel = ({
                 borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
               },
               children: [
-                /* @__PURE__ */ jsxs21(
+                /* @__PURE__ */ jsxs22(
                   "div",
                   {
                     style: {
@@ -11772,12 +12531,12 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx22(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
-                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ jsx23(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+                      /* @__PURE__ */ jsx23("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "p",
                   {
                     style: {
@@ -11792,7 +12551,7 @@ var MemoryPanel = ({
               ]
             }
           ),
-          filteredItems.length === 0 ? /* @__PURE__ */ jsxs21(
+          filteredItems.length === 0 ? /* @__PURE__ */ jsxs22(
             "div",
             {
               style: {
@@ -11801,11 +12560,11 @@ var MemoryPanel = ({
                 color: "var(--chatllm-text-muted, #9ca3af)"
               },
               children: [
-                /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
-                /* @__PURE__ */ jsx22("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
+                /* @__PURE__ */ jsx23(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
+                /* @__PURE__ */ jsx23("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
               ]
             }
-          ) : /* @__PURE__ */ jsx22("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs21(
+          ) : /* @__PURE__ */ jsx23("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs22(
             "div",
             {
               style: {
@@ -11818,10 +12577,10 @@ var MemoryPanel = ({
               },
               onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
               children: [
-                /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ jsxs21("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                      item.category && /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsxs22("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ jsxs22("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsxs22("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                      item.category && /* @__PURE__ */ jsx23(
                         "span",
                         {
                           style: {
@@ -11835,9 +12594,9 @@ var MemoryPanel = ({
                           children: categoryLabels[item.category]
                         }
                       ),
-                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                      /* @__PURE__ */ jsx23("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
                     ] }),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx23(
                       "div",
                       {
                         style: {
@@ -11849,8 +12608,8 @@ var MemoryPanel = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    onDelete && /* @__PURE__ */ jsx22(
+                  /* @__PURE__ */ jsxs22("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    onDelete && /* @__PURE__ */ jsx23(
                       "button",
                       {
                         onClick: (e) => {
@@ -11865,10 +12624,10 @@ var MemoryPanel = ({
                           cursor: "pointer",
                           opacity: 0.5
                         },
-                        children: /* @__PURE__ */ jsx22(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                        children: /* @__PURE__ */ jsx23(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                       }
                     ),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx23(
                       IconSvg,
                       {
                         name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -11878,7 +12637,7 @@ var MemoryPanel = ({
                     )
                   ] })
                 ] }),
-                expandedId === item.id && /* @__PURE__ */ jsx22(
+                expandedId === item.id && /* @__PURE__ */ jsx23(
                   "div",
                   {
                     style: {
@@ -11886,7 +12645,7 @@ var MemoryPanel = ({
                       paddingTop: "12px",
                       borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
                     },
-                    children: /* @__PURE__ */ jsx22(
+                    children: /* @__PURE__ */ jsx23(
                       "p",
                       {
                         style: {
@@ -11915,6 +12674,7 @@ export {
   ChatInput,
   ChatSidebar,
   ChatUI,
+  ChecklistCard,
   ContentPartRenderer,
   DEFAULT_PROJECT_ID,
   DEFAULT_PROJECT_TITLE,