@gendive/chatllm 0.17.23 → 0.17.25

package/dist/react/index.js

@@ -34,6 +34,7 @@ __export(index_exports, {
   ChatInput: () => ChatInput,
   ChatSidebar: () => ChatSidebar,
   ChatUI: () => ChatUI,
+  ChecklistCard: () => ChecklistCard,
   ContentPartRenderer: () => ContentPartRenderer,
   DEFAULT_PROJECT_ID: () => DEFAULT_PROJECT_ID,
   DEFAULT_PROJECT_TITLE: () => DEFAULT_PROJECT_TITLE,
@@ -65,7 +66,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/react/ChatUI.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/react/hooks/useChatUI.ts
 var import_react5 = require("react");
@@ -1574,6 +1575,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) => {
@@ -1638,7 +1698,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] || "");
@@ -1779,6 +1839,8 @@ var useChatUI = (options) => {
   const abortControllerRef = (0, import_react5.useRef)(null);
   const skipNextPollParsingRef = (0, import_react5.useRef)(false);
   const skipNextSkillParsingRef = (0, import_react5.useRef)(false);
+  const skipNextChecklistParsingRef = (0, import_react5.useRef)(false);
+  const activeChecklistRef = (0, import_react5.useRef)(null);
   const lastExtractionMsgCountRef = (0, import_react5.useRef)(0);
   const memoryOptions = (0, import_react5.useMemo)(
     () => ({
@@ -2129,7 +2191,7 @@ ${newConversation}
     }
     const now = Date.now();
     const newSess = {
-      id: generateId3("session"),
+      id: generateId4("session"),
       title: "\uC0C8 \uB300\uD654",
       messages: [],
       model: selectedModel,
@@ -2146,7 +2208,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 || "",
@@ -2311,7 +2373,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",
@@ -2363,7 +2425,7 @@ ${newConversation}
       } else {
         const now = Date.now();
         const newSess = {
-          id: generateId3("session"),
+          id: generateId4("session"),
           title: "\uC0C8 \uB300\uD654",
           messages: [],
           model: selectedModel,
@@ -2402,7 +2464,7 @@ ${finalContent}`;
       }
     }
     const userMessage = {
-      id: generateId3("msg"),
+      id: generateId4("msg"),
       role: "user",
       content: finalContent,
       timestamp: Date.now(),
@@ -2416,7 +2478,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",
@@ -2715,6 +2777,7 @@ ${attachmentContext}
       let buffer = "";
       let accumulatedContent = "";
       let skillTagDetected = false;
+      let checklistTagDetected = false;
       while (true) {
         const { done, value } = await reader.read();
         if (done) break;
@@ -2739,6 +2802,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) => {
@@ -2771,12 +2839,12 @@ ${attachmentContext}
                   return s;
                 })
               );
-              if (skillTagDetected) break;
+              if (skillTagDetected || checklistTagDetected) break;
             }
           } catch {
           }
         }
-        if (skillTagDetected) break;
+        if (skillTagDetected || checklistTagDetected) break;
       }
       if (buffer.trim()) {
         try {
@@ -2801,6 +2869,26 @@ ${attachmentContext}
         } catch {
         }
       }
+      const saveMessagesOnEarlyReturn = () => {
+        if (!useExternalStorage || !capturedSessionId) return;
+        queueMicrotask(() => {
+          const latestSession = sessionsRef.current.find((s) => s.id === capturedSessionId);
+          if (!latestSession) return;
+          const latestMessages = latestSession.messages;
+          const assistantMsg = [...latestMessages].reverse().find((m) => m.role === "assistant");
+          const userMsg = latestMessages.find((m) => m.role === "user" && m.content === finalContent);
+          const assistantContent = assistantMsg?.content || "";
+          if (assistantContent && onSaveMessagesRef.current) {
+            onSaveMessagesRef.current(capturedSessionId, [
+              { role: "user", message: finalContent, ...userMsg?.contentParts && { contentParts: userMsg.contentParts } },
+              { role: "assistant", message: assistantContent, ...assistantMsg?.contentParts && { contentParts: assistantMsg.contentParts } }
+            ]).catch((e) => console.error("[useChatUI] Failed to save messages:", e));
+          }
+          if (latestSession.messages.length > 0) {
+            writeSessionCache(storageKey, latestSession);
+          }
+        });
+      };
       if (!shouldSkipSkillParsing) {
         const assistantContent = accumulatedContent;
         const { skillCall: detectedSkill, cleanContent: skillCleanContent } = parseSkillCallFromContent(assistantContent);
@@ -2904,6 +2992,7 @@ ${attachmentContext}
                 })
               );
               if (resultType === "image" || resultType === "file") {
+                saveMessagesOnEarlyReturn();
                 setIsLoading(false);
                 abortControllerRef.current = null;
                 return;
@@ -2914,11 +3003,13 @@ ${attachmentContext}
                 shouldContinue = decision === "continue";
               }
               if (!shouldContinue) {
+                saveMessagesOnEarlyReturn();
                 setIsLoading(false);
                 abortControllerRef.current = null;
                 return;
               }
               skipNextSkillParsingRef.current = true;
+              saveMessagesOnEarlyReturn();
               const feedbackPrompt = resultType === "error" ? `\uB3C4\uAD6C "${toolName}" \uC2E4\uD589 \uC911 \uC624\uB958 \uBC1C\uC0DD: ${result.content}
 
 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uC624\uB958\uB97C \uC548\uB0B4\uD574\uC8FC\uC138\uC694. skill_use \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.` : `\uB3C4\uAD6C "${toolName}" \uACB0\uACFC:
@@ -2954,6 +3045,7 @@ ${result.content}
               })
             );
             if (streamedReport) {
+              saveMessagesOnEarlyReturn();
               setIsLoading(false);
               abortControllerRef.current = null;
               return;
@@ -2964,11 +3056,13 @@ ${result.content}
               shouldContinueSkill = decision === "continue";
             }
             if (!shouldContinueSkill) {
+              saveMessagesOnEarlyReturn();
               setIsLoading(false);
               abortControllerRef.current = null;
               return;
             }
             skipNextSkillParsingRef.current = true;
+            saveMessagesOnEarlyReturn();
             const resultPrompt = `\uC2A4\uD0AC "${detectedSkill.name}" \uC2E4\uD589 \uACB0\uACFC:
 
 ${result.content}
@@ -2983,6 +3077,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;
@@ -3082,6 +3335,187 @@ ${result.content}
     attachments,
     continueAfterToolResult
   ]);
+  const handleChecklistAbort = (0, import_react5.useCallback)(() => {
+    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 = (0, import_react5.useCallback)(
+    (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 = (0, import_react5.useCallback)(
+    (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 = (0, import_react5.useCallback)(
     (messageId, responses) => {
       const currentSess = sessions.find((s) => s.id === currentSessionId);
@@ -3106,7 +3540,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,
@@ -3430,7 +3864,7 @@ ${currentSession.contextSummary}` },
         }
       }
       const alternative = {
-        id: generateId3("alt"),
+        id: generateId4("alt"),
         model: targetModel,
         content: responseContent,
         timestamp: Date.now(),
@@ -3684,7 +4118,14 @@ ${result.content}
     projectSettingsOpen,
     openProjectSettings: () => setProjectSettingsOpen(true),
     closeProjectSettings: () => setProjectSettingsOpen(false),
-    projectMemory
+    projectMemory,
+    // Checklist
+    /** @Todo vibecode - 체크리스트 자동 실행 중단 */
+    handleChecklistAbort,
+    /** @Todo vibecode - 체크리스트 error 항목 재시도 */
+    handleChecklistRetry,
+    /** @Todo vibecode - 체크리스트 pending 항목 건너뛰기 */
+    handleChecklistSkip
   };
 };
 
@@ -5440,10 +5881,10 @@ var iconButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/react/components/MessageBubble.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/react/components/MarkdownRenderer.tsx
 var import_react11 = __toESM(require("react"));
@@ -5626,6 +6067,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;
@@ -6505,7 +6947,11 @@ var MarkdownRenderer = ({
     if (hasUnfinishedPoll) {
       processedContent += "\n\xA7POLL_LOADING\xA7";
     }
+    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") {
@@ -8175,8 +8621,311 @@ var ContentPartRenderer = ({
   }) });
 };
 
-// src/react/components/MessageBubble.tsx
+// src/react/components/ChecklistCard.tsx
+var import_react16 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var ChecklistCard = ({
+  items,
+  completed,
+  onAbort,
+  onRetryStep,
+  onSkipStep
+}) => {
+  const [expandedItems, setExpandedItems] = (0, import_react16.useState)(/* @__PURE__ */ new Set());
+  const { doneCount, isRunning, hasError } = (0, import_react16.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime15.jsx)(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-success, #22c55e)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "check-line", size: 13, color: "#fff" })
+          }
+        );
+      case "in_progress":
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "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__ */ (0, import_jsx_runtime15.jsx)("div", { style: { width: "6px", height: "6px", borderRadius: "50%", backgroundColor: "#fff" } })
+          }
+        );
+      case "error":
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              borderRadius: "50%",
+              backgroundColor: "var(--chatllm-error, #ef4444)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "close-line", size: 13, color: "#fff" })
+          }
+        );
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "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__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--chatllm-border, #e5e7eb)",
+        borderRadius: "12px",
+        backgroundColor: "var(--chatllm-content-bg, #fff)",
+        overflow: "hidden",
+        marginTop: "8px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { padding: "14px 16px 10px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              IconSvg,
+              {
+                name: completed ? "checkbox-circle-line" : "list-check",
+                size: 16,
+                color: headerColor
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { fontSize: "13px", fontWeight: 600, color: headerColor }, children: headerText })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "div",
+            {
+              style: {
+                height: "3px",
+                backgroundColor: "var(--chatllm-bg-secondary, #f1f5f9)",
+                borderRadius: "2px",
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "div",
+                {
+                  style: {
+                    height: "100%",
+                    width: `${progressPercent}%`,
+                    backgroundColor: progressBarColor,
+                    borderRadius: "2px",
+                    transition: "width 0.6s cubic-bezier(0.25, 1, 0.5, 1)"
+                  }
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              "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__ */ (0, import_jsx_runtime15.jsxs)(
+                    "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__ */ (0, import_jsx_runtime15.jsx)(
+                    "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__ */ (0, import_jsx_runtime15.jsx)(
+                    "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__ */ (0, import_jsx_runtime15.jsx)(
+                    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__ */ (0, import_jsx_runtime15.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #94a3b8)" }, children: "\uAC74\uB108\uB700" })
+                ]
+              }
+            ),
+            canExpand && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "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__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
+          {
+            style: {
+              padding: "10px 16px",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              borderTop: "1px solid var(--chatllm-border, #e5e7eb)"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #94a3b8)" }, children: [
+                doneCount,
+                "/",
+                items.length,
+                " \uC644\uB8CC"
+              ] }),
+              isRunning && onAbort && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "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
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var MessageBubble = ({
   message,
   isLoading,
@@ -8196,10 +8945,13 @@ var MessageBubble = ({
   showThinking = true,
   thinkingDefaultOpen = false,
   isLoadingAlternative = false,
-  onPollSubmit
+  onPollSubmit,
+  onChecklistAbort,
+  onChecklistRetry,
+  onChecklistSkip
 }) => {
-  const [showActions, setShowActions] = (0, import_react16.useState)(false);
-  const [showModelMenu, setShowModelMenu] = (0, import_react16.useState)(false);
+  const [showActions, setShowActions] = (0, import_react17.useState)(false);
+  const [showModelMenu, setShowModelMenu] = (0, import_react17.useState)(false);
   const isUser = message.role === "user";
   const isAssistant = message.role === "assistant";
   const relevantAlternatives = isUser ? alternatives : message.alternatives;
@@ -8210,7 +8962,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__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         className: "chatllm-message chatllm-message--user",
@@ -8223,7 +8975,7 @@ var MessageBubble = ({
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "div",
             {
               style: {
@@ -8233,9 +8985,9 @@ var MessageBubble = ({
                 borderRadius: "16px",
                 borderTopRightRadius: "4px"
               },
-              children: message.contentParts?.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: message.contentParts.map((part, idx) => {
+              children: message.contentParts?.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: message.contentParts.map((part, idx) => {
                 if (part.type === "text") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     "div",
                     {
                       style: {
@@ -8250,7 +9002,7 @@ var MessageBubble = ({
                   );
                 }
                 if (part.type === "image") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     "img",
                     {
                       src: part.url,
@@ -8266,7 +9018,7 @@ var MessageBubble = ({
                   );
                 }
                 if (part.type === "file") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                     "div",
                     {
                       style: {
@@ -8280,15 +9032,15 @@ var MessageBubble = ({
                         color: "var(--chatllm-text)"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: part.name })
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: part.name })
                       ]
                     },
                     idx
                   );
                 }
                 return null;
-              }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   style: {
@@ -8302,7 +9054,7 @@ var MessageBubble = ({
               )
             }
           ),
-          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "div",
             {
               style: {
@@ -8314,7 +9066,7 @@ var MessageBubble = ({
                 transition: "opacity 0.15s ease"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   IconSvg,
                   {
                     name: isCopied ? "check-line" : "file-copy-line",
@@ -8322,7 +9074,7 @@ var MessageBubble = ({
                     color: isCopied ? "var(--chatllm-success)" : "var(--chatllm-text-muted)"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: onEdit, style: actionButtonSmallStyle, title: "\uC218\uC815", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "edit-line", size: 12, color: "var(--chatllm-text-muted)" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: onEdit, style: actionButtonSmallStyle, title: "\uC218\uC815", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "edit-line", size: 12, color: "var(--chatllm-text-muted)" }) })
               ]
             }
           )
@@ -8330,7 +9082,7 @@ var MessageBubble = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: "chatllm-message chatllm-message--assistant",
@@ -8343,7 +9095,7 @@ var MessageBubble = ({
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
             className: "chatllm-sheet",
@@ -8354,7 +9106,7 @@ var MessageBubble = ({
               gap: "12px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   style: {
@@ -8367,11 +9119,11 @@ var MessageBubble = ({
                     justifyContent: "center",
                     color: "var(--chatllm-primary)"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "magic-line", size: 20 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "magic-line", size: 20 })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                displayModel && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                displayModel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "div",
                   {
                     style: {
@@ -8380,7 +9132,7 @@ var MessageBubble = ({
                       gap: "8px",
                       marginBottom: "8px"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "span",
                       {
                         style: {
@@ -8395,9 +9147,9 @@ var MessageBubble = ({
                     )
                   }
                 ),
-                message.isDeepResearch && message.researchProgress && message.researchProgress.phase !== "done" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DeepResearchProgressUI, { progress: message.researchProgress }),
-                message.skillExecution && message.skillExecution.status !== "done" && (message.skillExecution.progress?.subAgents ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DeepResearchProgressUI, { progress: message.skillExecution.progress }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SkillProgressUI, { execution: message.skillExecution })),
-                message.isDeepResearch && displayContent && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                message.isDeepResearch && message.researchProgress && message.researchProgress.phase !== "done" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DeepResearchProgressUI, { progress: message.researchProgress }),
+                message.skillExecution && message.skillExecution.status !== "done" && (message.skillExecution.progress?.subAgents ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DeepResearchProgressUI, { progress: message.skillExecution.progress }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SkillProgressUI, { execution: message.skillExecution })),
+                message.isDeepResearch && displayContent && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   "div",
                   {
                     className: "chatllm-deep-research__header",
@@ -8410,8 +9162,8 @@ var MessageBubble = ({
                       borderBottom: "1px solid var(--chatllm-border-light)"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "search-eye-line", size: 18, color: "var(--chatllm-primary)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "search-eye-line", size: 18, color: "var(--chatllm-primary)" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "span",
                         {
                           style: {
@@ -8422,7 +9174,7 @@ var MessageBubble = ({
                           children: "\uC2EC\uCE35\uC5F0\uAD6C"
                         }
                       ),
-                      displaySources && displaySources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                      displaySources && displaySources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                         "span",
                         {
                           className: "chatllm-deep-research__source-count",
@@ -8444,7 +9196,7 @@ var MessageBubble = ({
                     ]
                   }
                 ),
-                !!message.contentParts?.length && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                !!message.contentParts?.length && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   ContentPartRenderer,
                   {
                     parts: message.contentParts,
@@ -8455,13 +9207,13 @@ var MessageBubble = ({
                 ) }),
                 isLoading && !displayContent && !message.isDeepResearch && (message.contentParts?.length ? (
                   /* contentParts 있을 때: 간소화된 AI 응답 대기 표시 */
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginTop: "4px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginTop: "4px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "span",
                       {
                         style: {
@@ -8476,14 +9228,14 @@ var MessageBubble = ({
                   ] })
                 ) : (
                   /* contentParts 없을 때: 풀 스켈레톤 */
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "span",
                         {
                           style: {
@@ -8496,17 +9248,17 @@ var MessageBubble = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "chatllm-skeleton-pulse", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { height: "32px", width: "75%", backgroundColor: "var(--chatllm-bg-tertiary)", borderRadius: "8px" } }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { height: "16px", width: "100%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { height: "16px", width: "85%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { height: "16px", width: "65%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } })
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "chatllm-skeleton-pulse", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { height: "32px", width: "75%", backgroundColor: "var(--chatllm-bg-tertiary)", borderRadius: "8px" } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { height: "16px", width: "100%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { height: "16px", width: "85%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { height: "16px", width: "65%", backgroundColor: "var(--chatllm-bg-secondary)", borderRadius: "4px" } })
                       ] })
                     ] })
                   ] })
                 )),
-                displayContent ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                displayContent ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   MarkdownRenderer,
                   {
                     content: displayContent,
@@ -8515,7 +9267,7 @@ var MessageBubble = ({
                     thinkingDefaultOpen
                   }
                 ) }) : null,
-                message.pollBlock && message.pollBlock.questions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                message.pollBlock && message.pollBlock.questions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   PollCard,
                   {
                     questions: message.pollBlock.questions,
@@ -8527,7 +9279,18 @@ var MessageBubble = ({
                     }
                   }
                 ),
-                !isLoading && !displayContent && !message.pollBlock && !message.contentParts?.length && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                message.checklistBlock && message.checklistBlock.items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  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__ */ (0, import_jsx_runtime16.jsx)(
                   "div",
                   {
                     style: {
@@ -8540,7 +9303,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__ */ (0, import_jsx_runtime15.jsxs)(
+                displaySources && displaySources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   "div",
                   {
                     style: {
@@ -8552,7 +9315,7 @@ var MessageBubble = ({
                       borderTop: "1px solid var(--chatllm-border-light)"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "span",
                         {
                           style: {
@@ -8564,7 +9327,7 @@ var MessageBubble = ({
                           children: "\uCD9C\uCC98:"
                         }
                       ),
-                      displaySources.map((source, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      displaySources.map((source, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         LinkChip,
                         {
                           text: source.title,
@@ -8577,7 +9340,7 @@ var MessageBubble = ({
                     ]
                   }
                 ),
-                relevantAlternatives && relevantAlternatives.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                relevantAlternatives && relevantAlternatives.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   "div",
                   {
                     style: {
@@ -8591,8 +9354,8 @@ var MessageBubble = ({
                       fontSize: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { color: "var(--chatllm-text-muted)", marginRight: "4px" }, children: displayModel || "\uBAA8\uB378" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { color: "var(--chatllm-text-muted)", marginRight: "4px" }, children: displayModel || "\uBAA8\uB378" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "button",
                         {
                           onClick: () => onAlternativeChange?.(Math.max(0, relevantActiveIndex - 1)),
@@ -8602,15 +9365,15 @@ var MessageBubble = ({
                             opacity: relevantActiveIndex === 0 ? 0.5 : 1,
                             cursor: relevantActiveIndex === 0 ? "not-allowed" : "pointer"
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "arrow-left-line", size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "arrow-left-line", size: 12 })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { style: { color: "var(--chatllm-text-secondary)" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { style: { color: "var(--chatllm-text-secondary)" }, children: [
                         relevantActiveIndex + 1,
                         " / ",
                         relevantAlternatives.length + 1
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "button",
                         {
                           onClick: () => onAlternativeChange?.(Math.min(relevantAlternatives.length, relevantActiveIndex + 1)),
@@ -8620,13 +9383,13 @@ var MessageBubble = ({
                             opacity: relevantActiveIndex === relevantAlternatives.length ? 0.5 : 1,
                             cursor: relevantActiveIndex === relevantAlternatives.length ? "not-allowed" : "pointer"
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "arrow-right-line", size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "arrow-right-line", size: 12 })
                         }
                       )
                     ]
                   }
                 ),
-                isLoadingAlternative && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                isLoadingAlternative && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   "div",
                   {
                     style: {
@@ -8641,12 +9404,12 @@ var MessageBubble = ({
                       color: "var(--chatllm-primary, #3584FA)"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "chatllm-dot-bounce", style: dotStyle })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { fontWeight: 500 }, children: "\uB2E4\uB978 \uBAA8\uB378 \uC751\uB2F5 \uC0DD\uC131 \uC911..." })
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { fontWeight: 500 }, children: "\uB2E4\uB978 \uBAA8\uB378 \uC751\uB2F5 \uC0DD\uC131 \uC911..." })
                     ]
                   }
                 )
@@ -8654,7 +9417,7 @@ var MessageBubble = ({
             ]
           }
         ),
-        !isLoading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        !isLoading && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
             style: {
@@ -8667,7 +9430,7 @@ var MessageBubble = ({
               transition: "opacity 0.15s ease"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: onCopy, style: actionButtonSmallStyle, title: "\uBCF5\uC0AC", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 IconSvg,
                 {
                   name: isCopied ? "check-line" : "file-copy-line",
@@ -8675,18 +9438,18 @@ var MessageBubble = ({
                   color: isCopied ? "var(--chatllm-success)" : "var(--chatllm-text-muted)"
                 }
               ) }),
-              onRegenerate && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: onRegenerate, style: actionButtonSmallStyle, title: "\uB2E4\uC2DC \uC0DD\uC131", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "refresh-line", size: 12, color: "var(--chatllm-text-muted)" }) }),
-              onAskOtherModel && otherModels.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              onRegenerate && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: onRegenerate, style: actionButtonSmallStyle, title: "\uB2E4\uC2DC \uC0DD\uC131", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "refresh-line", size: 12, color: "var(--chatllm-text-muted)" }) }),
+              onAskOtherModel && otherModels.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "button",
                   {
                     onClick: () => setShowModelMenu(!showModelMenu),
                     style: actionButtonSmallStyle,
                     title: "\uB2E4\uB978 \uBAA8\uB378\uC5D0\uAC8C \uC9C8\uBB38",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "robot-line", size: 12, color: "var(--chatllm-text-muted)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "robot-line", size: 12, color: "var(--chatllm-text-muted)" })
                   }
                 ),
-                showModelMenu && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                showModelMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   ModelMenu,
                   {
                     models: otherModels,
@@ -8705,7 +9468,7 @@ var MessageBubble = ({
     }
   );
 };
-var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "div",
   {
     style: {
@@ -8723,7 +9486,7 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ (0, import_js
     },
     onMouseLeave: onClose,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           style: {
@@ -8738,7 +9501,7 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ (0, import_js
           children: "\uB2E4\uB978 \uBAA8\uB378\uC5D0\uAC8C \uC9C8\uBB38"
         }
       ),
-      models.map((model) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      models.map((model) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "button",
         {
           onClick: () => onSelect(model.id),
@@ -8763,9 +9526,9 @@ var ModelMenu = ({ models, onSelect, onClose }) => /* @__PURE__ */ (0, import_js
             e.currentTarget.style.backgroundColor = "transparent";
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { flex: 1, fontWeight: 500 }, children: model.name }),
-            model.provider && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "robot-line", size: 16, color: "var(--chatllm-primary)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { flex: 1, fontWeight: 500 }, children: model.name }),
+            model.provider && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "span",
               {
                 style: {
@@ -8814,7 +9577,7 @@ var navButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var MessageList = ({
   messages,
   isLoading,
@@ -8832,16 +9595,19 @@ var MessageList = ({
   showThinking = true,
   thinkingDefaultOpen = false,
   loadingAlternativeFor,
-  onPollSubmit
+  onPollSubmit,
+  onChecklistAbort,
+  onChecklistRetry,
+  onChecklistSkip
 }) => {
-  const messagesEndRef = (0, import_react17.useRef)(null);
-  const containerRef = (0, import_react17.useRef)(null);
-  const [selectedText, setSelectedText] = (0, import_react17.useState)("");
-  const [selectionPosition, setSelectionPosition] = (0, import_react17.useState)(null);
-  const [showScrollButton, setShowScrollButton] = (0, import_react17.useState)(false);
-  const isUserScrolledUpRef = (0, import_react17.useRef)(false);
+  const messagesEndRef = (0, import_react18.useRef)(null);
+  const containerRef = (0, import_react18.useRef)(null);
+  const [selectedText, setSelectedText] = (0, import_react18.useState)("");
+  const [selectionPosition, setSelectionPosition] = (0, import_react18.useState)(null);
+  const [showScrollButton, setShowScrollButton] = (0, import_react18.useState)(false);
+  const isUserScrolledUpRef = (0, import_react18.useRef)(false);
   const SCROLL_THRESHOLD = 100;
-  const handleScroll = (0, import_react17.useCallback)(() => {
+  const handleScroll = (0, import_react18.useCallback)(() => {
     if (!containerRef.current) return;
     const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
     const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
@@ -8849,16 +9615,16 @@ var MessageList = ({
     isUserScrolledUpRef.current = !isNearBottom;
     setShowScrollButton(!isNearBottom);
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isUserScrolledUpRef.current) return;
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
-  const scrollToBottom = (0, import_react17.useCallback)(() => {
+  const scrollToBottom = (0, import_react18.useCallback)(() => {
     isUserScrolledUpRef.current = false;
     setShowScrollButton(false);
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  const handleMouseUp = (0, import_react17.useCallback)(() => {
+  const handleMouseUp = (0, import_react18.useCallback)(() => {
     const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
@@ -8892,7 +9658,7 @@ var MessageList = ({
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -8905,7 +9671,7 @@ var MessageList = ({
       onScroll: handleScroll,
       onMouseUp: handleMouseUp,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             style: {
@@ -8920,7 +9686,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__ */ (0, import_jsx_runtime16.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   MessageBubble,
                   {
                     message,
@@ -8946,16 +9712,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__ */ (0, import_jsx_runtime16.jsx)("div", { ref: messagesEndRef })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: messagesEndRef })
             ]
           }
         ),
-        showScrollButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        showScrollButton && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: scrollToBottom,
@@ -8978,10 +9747,10 @@ var MessageList = ({
               zIndex: 10,
               transition: "opacity 0.2s"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "arrow-down-s-line", size: 24, color: "var(--chatllm-text-secondary)" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "arrow-down-s-line", size: 24, color: "var(--chatllm-text-secondary)" })
           }
         ),
-        selectionPosition && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        selectionPosition && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             style: {
@@ -8993,7 +9762,7 @@ var MessageList = ({
               pointerEvents: "auto"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "button",
                 {
                   onClick: handleQuote,
@@ -9013,12 +9782,12 @@ var MessageList = ({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSvg, { name: "double-quotes-l", size: 16, color: "#ffffff" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "double-quotes-l", size: 16, color: "#ffffff" }),
                     "\uC778\uC6A9\uD558\uAE30"
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   style: {
@@ -9043,8 +9812,8 @@ var MessageList = ({
 };
 
 // src/react/components/SettingsModal.tsx
-var import_react18 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
     warmth: "medium",
@@ -9079,9 +9848,9 @@ var SettingsModal = ({
   currentProjectTitle,
   showMemoryTab = true
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react18.useState)("general");
-  const [localApiKey, setLocalApiKey] = (0, import_react18.useState)(apiKey);
-  (0, import_react18.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react19.useState)("general");
+  const [localApiKey, setLocalApiKey] = (0, import_react19.useState)(apiKey);
+  (0, import_react19.useEffect)(() => {
     setLocalApiKey(apiKey);
   }, [apiKey]);
   if (!isOpen) return null;
@@ -9107,7 +9876,7 @@ var SettingsModal = ({
     setLocalApiKey(value);
     onApiKeyChange?.(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: "chatllm-settings-overlay",
@@ -9121,7 +9890,7 @@ var SettingsModal = ({
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "div",
         {
           className: "chatllm-settings-modal",
@@ -9139,7 +9908,7 @@ var SettingsModal = ({
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 style: {
@@ -9150,7 +9919,7 @@ var SettingsModal = ({
                   flexDirection: "column"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { padding: "16px", borderBottom: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -9164,11 +9933,11 @@ var SettingsModal = ({
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #6b7280)" })
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("nav", { style: { flex: 1, padding: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { style: { flex: 1, padding: "8px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       TabButton,
                       {
                         active: activeTab === "general",
@@ -9177,7 +9946,7 @@ var SettingsModal = ({
                         label: "\uC77C\uBC18"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       TabButton,
                       {
                         active: activeTab === "personalization",
@@ -9186,7 +9955,7 @@ var SettingsModal = ({
                         label: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815"
                       }
                     ),
-                    showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       TabButton,
                       {
                         active: activeTab === "memory",
@@ -9195,7 +9964,7 @@ var SettingsModal = ({
                         label: "AI \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       TabButton,
                       {
                         active: activeTab === "project-memory",
@@ -9204,7 +9973,7 @@ var SettingsModal = ({
                         label: "\uD504\uB85C\uC81D\uD2B8 \uBA54\uBAA8\uB9AC"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       TabButton,
                       {
                         active: activeTab === "data",
@@ -9217,24 +9986,24 @@ var SettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
-              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "24px" }, children: [
+              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uC77C\uBC18" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC5B8\uC5B4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   "select",
                   {
                     value: personalization.language,
                     onChange: (e) => onPersonalizationChange({ ...personalization, language: e.target.value }),
                     style: selectStyle,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "en", children: "English" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "auto", children: "\uC790\uB3D9 \uD0D0\uC9C0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "ko", children: "\uD55C\uAD6D\uC5B4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "en", children: "English" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "ja", children: "\u65E5\u672C\u8A9E" })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uAE30\uBCF8\uAC12\uC73C\uB85C \uCD08\uAE30\uD654", description: "\uBAA8\uB4E0 \uC124\uC815\uC744 \uCD08\uAE30 \uC0C1\uD0DC\uB85C \uB418\uB3CC\uB9BD\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "button",
                   {
                     onClick: () => onPersonalizationChange(DEFAULT_PERSONALIZATION2),
@@ -9242,11 +10011,11 @@ var SettingsModal = ({
                     children: "\uCD08\uAE30\uD654"
                   }
                 ) }),
-                onApiKeyChange && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                onApiKeyChange && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { marginTop: "32px", paddingTop: "24px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "16px", fontWeight: 500, marginBottom: "16px", color: "var(--chatllm-text, #1f2937)" }, children: "API \uC124\uC815" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "14px", marginBottom: "8px", color: "var(--chatllm-text, #374151)" }, children: apiKeyLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "input",
                       {
                         type: "password",
@@ -9256,18 +10025,18 @@ var SettingsModal = ({
                         style: inputStyle
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "4px" }, children: apiKeyDescription })
                   ] })
                 ] })
               ] }),
-              activeTab === "personalization" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { style: { marginBottom: "32px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              activeTab === "personalization" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uAC1C\uC778 \uB9DE\uCDA4 \uC124\uC815" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { style: { marginBottom: "32px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC0AC\uC6A9\uC790 \uD504\uB85C\uD544" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uB2C9\uB124\uC784" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "input",
                         {
                           type: "text",
@@ -9278,9 +10047,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uC9C1\uC5C5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "input",
                         {
                           type: "text",
@@ -9291,9 +10060,9 @@ var SettingsModal = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: labelStyle, children: "\uCD94\uAC00 \uC815\uBCF4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "textarea",
                         {
                           value: personalization.userProfile.additionalInfo || "",
@@ -9306,62 +10075,62 @@ var SettingsModal = ({
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { style: { fontSize: "14px", fontWeight: 500, color: "var(--chatllm-text-muted, #6b7280)", marginBottom: "16px" }, children: "\uC751\uB2F5 \uC2A4\uD0C0\uC77C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uB530\uB73B\uD568", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.warmth,
                       onChange: (e) => updateResponseStyle("warmth", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uCE5C\uADFC\uD558\uACE0 \uB530\uB73B\uD558\uAC8C" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC04\uACB0\uD558\uACE0 \uC0AC\uBB34\uC801\uC73C\uB85C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC5F4\uC815\uC801", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.enthusiasm,
                       onChange: (e) => updateResponseStyle("enthusiasm", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC801\uADF9\uC801\uC774\uACE0 \uD65C\uBC1C\uD558\uAC8C" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uCC28\uBD84\uD558\uACE0 \uC808\uC81C\uC788\uAC8C" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC774\uBAA8\uC9C0 \uC0AC\uC6A9", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.emojiUsage,
                       onChange: (e) => updateResponseStyle("emojiUsage", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "\uB192\uC74C - \uC790\uC8FC \uC0AC\uC6A9" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "\uB0AE\uC74C - \uAC70\uC758 \uC0AC\uC6A9 \uC548 \uD568" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uC751\uB2F5 \uAE38\uC774", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "select",
                     {
                       value: personalization.responseStyle.verbosity,
                       onChange: (e) => updateResponseStyle("verbosity", e.target.value),
                       style: selectStyle,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "detailed", children: "\uC0C1\uC138 - \uC790\uC138\uD558\uAC8C \uC124\uBA85" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "balanced", children: "\uAE30\uBCF8\uAC12" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "concise", children: "\uAC04\uACB0 - \uD575\uC2EC\uB9CC \uC694\uC57D" })
                       ]
                     }
                   ) })
                 ] }),
-                onSave && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                onSave && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "24px", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "button",
                   {
                     onClick: onSave,
@@ -9382,7 +10151,7 @@ var SettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              activeTab === "memory" && showMemoryTab && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 MemoryTabContent,
                 {
                   items: memoryItems,
@@ -9391,7 +10160,7 @@ var SettingsModal = ({
                   onClearAll: onClearMemory
                 }
               ),
-              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              activeTab === "project-memory" && showMemoryTab && enableProjects && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 MemoryTabContent,
                 {
                   items: projectMemoryItems,
@@ -9402,9 +10171,9 @@ var SettingsModal = ({
                   emptyDescription: "\uB300\uD654\uAC00 \uC9C4\uD589\uB418\uBA74 AI\uAC00 \uD504\uB85C\uC81D\uD2B8 \uB9E5\uB77D\uC744 \uC790\uB3D9\uC73C\uB85C \uD559\uC2B5\uD569\uB2C8\uB2E4"
                 }
               ),
-              activeTab === "data" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              activeTab === "data" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, marginBottom: "24px", color: "var(--chatllm-text, #1f2937)" }, children: "\uB370\uC774\uD130 \uC81C\uC5B4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9", description: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uAE30\uC5B5\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "button",
                   {
                     onClick: () => onPersonalizationChange({ ...personalization, useMemory: !personalization.useMemory }),
@@ -9418,7 +10187,7 @@ var SettingsModal = ({
                       position: "relative",
                       transition: "background-color 0.2s"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "div",
                       {
                         style: {
@@ -9436,7 +10205,7 @@ var SettingsModal = ({
                     )
                   }
                 ) }),
-                onClearAllData && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                onClearAllData && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SettingRow, { label: "\uB300\uD654 \uAE30\uB85D \uC0AD\uC81C", description: "\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "button",
                   {
                     onClick: () => {
@@ -9456,7 +10225,7 @@ var SettingsModal = ({
     }
   );
 };
-var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
   "button",
   {
     onClick,
@@ -9477,12 +10246,12 @@ var TabButton = ({ active, onClick, icon, label }) => /* @__PURE__ */ (0, import
       marginBottom: "4px"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: icon, size: 20 }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: icon, size: 20 }),
       label
     ]
   }
 );
-var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
   "div",
   {
     style: {
@@ -9493,9 +10262,9 @@ var SettingRow = ({ label, description, children }) => /* @__PURE__ */ (0, impor
       borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text, #374151)" }, children: label }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "2px" }, children: description })
       ] }),
       children
     ]
@@ -9555,8 +10324,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] = (0, import_react18.useState)("all");
-  const [expandedId, setExpandedId] = (0, import_react18.useState)(null);
+  const [activeFilter, setActiveFilter] = (0, import_react19.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react19.useState)(null);
   const filteredItems = activeFilter === "all" ? items : items.filter((item) => item.category === activeFilter);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -9567,15 +10336,15 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "24px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "20px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)", margin: 0 }, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
         items.length,
         "\uAC1C \uD56D\uBAA9"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", gap: "6px", marginBottom: "20px", flexWrap: "wrap" }, children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "button",
       {
         onClick: () => setActiveFilter(tab),
@@ -9593,7 +10362,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       tab
     )) }),
-    contextSummary && activeFilter === "all" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    contextSummary && activeFilter === "all" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         style: {
@@ -9604,19 +10373,19 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
           borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "13px", lineHeight: "1.6", color: "var(--chatllm-text, #374151)", margin: 0 }, children: contextSummary })
         ]
       }
     ),
-    filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { padding: "40px 16px", textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "robot-line", size: 40, color: "var(--chatllm-text-muted, #d1d5db)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #9ca3af)", marginTop: "12px" }, children: emptyMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #d1d5db)", marginTop: "4px" }, children: emptyDescription })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         style: {
@@ -9629,10 +10398,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
         },
         onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                item.category && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                item.category && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "span",
                   {
                     style: {
@@ -9646,12 +10415,12 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     children: memoryCategoryLabels[item.category]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "13px", fontWeight: 500, color: "var(--chatllm-text, #1f2937)" }, children: item.key })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-              onDelete && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+              onDelete && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   onClick: (e) => {
@@ -9667,10 +10436,10 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                     opacity: 0.5
                   },
                   "aria-label": "\uBA54\uBAA8\uB9AC \uC0AD\uC81C",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 IconSvg,
                 {
                   name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -9680,7 +10449,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
               )
             ] })
           ] }),
-          expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               style: {
@@ -9688,7 +10457,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
                 paddingTop: "12px",
                 borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "p",
                 {
                   style: {
@@ -9707,7 +10476,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       },
       item.id
     )) }),
-    onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "24px", paddingTop: "16px", borderTop: "1px solid var(--chatllm-border, #e5e7eb)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "button",
       {
         onClick: () => {
@@ -9723,8 +10492,8 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 };
 
 // src/react/components/ProjectSettingsModal.tsx
-var import_react19 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var COLOR_PRESETS = [
   "#3584FA",
   "#7c3aed",
@@ -9744,12 +10513,12 @@ var ProjectSettingsModal = ({
   onDeleteFile,
   onDeleteProject
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react19.useState)("general");
-  const [title, setTitle] = (0, import_react19.useState)("");
-  const [description, setDescription] = (0, import_react19.useState)("");
-  const [instructions, setInstructions] = (0, import_react19.useState)("");
-  const [color, setColor] = (0, import_react19.useState)("#3584FA");
-  (0, import_react19.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react20.useState)("general");
+  const [title, setTitle] = (0, import_react20.useState)("");
+  const [description, setDescription] = (0, import_react20.useState)("");
+  const [instructions, setInstructions] = (0, import_react20.useState)("");
+  const [color, setColor] = (0, import_react20.useState)("#3584FA");
+  (0, import_react20.useEffect)(() => {
     if (project) {
       setTitle(project.title);
       setDescription(project.description || "");
@@ -9805,7 +10574,7 @@ var ProjectSettingsModal = ({
     cursor: "pointer",
     fontFamily: "inherit"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       style: {
@@ -9820,7 +10589,7 @@ var ProjectSettingsModal = ({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           style: {
@@ -9834,7 +10603,7 @@ var ProjectSettingsModal = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 style: {
@@ -9844,8 +10613,8 @@ var ProjectSettingsModal = ({
                   padding: "20px 24px 0"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { style: { fontSize: "16px", fontWeight: 600, margin: 0, color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC124\uC815" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -9858,13 +10627,13 @@ var ProjectSettingsModal = ({
                         alignItems: "center"
                       },
                       "aria-label": "\uB2EB\uAE30",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #999)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 style: {
@@ -9874,9 +10643,9 @@ var ProjectSettingsModal = ({
                   borderBottom: "1px solid var(--chatllm-border, #e0e0e0)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: () => setActiveTab("general"), style: tabStyle("general"), children: "\uC77C\uBC18" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: () => setActiveTab("instructions"), style: tabStyle("instructions"), children: "\uC9C0\uCE68" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { onClick: () => setActiveTab("files"), style: tabStyle("files"), children: [
                     "\uD30C\uC77C (",
                     project.files.length,
                     ")"
@@ -9884,11 +10653,11 @@ var ProjectSettingsModal = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
-              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { padding: "24px", overflowY: "auto", flex: 1 }, children: [
+              activeTab === "general" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uD504\uB85C\uC81D\uD2B8 \uC774\uB984" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "input",
                     {
                       type: "text",
@@ -9910,9 +10679,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC124\uBA85" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "textarea",
                     {
                       value: description,
@@ -9933,9 +10702,9 @@ var ProjectSettingsModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { style: { display: "block", fontSize: "13px", fontWeight: 500, marginBottom: "6px", color: "var(--chatllm-text, #1a1a1a)" }, children: "\uC0C9\uC0C1" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: COLOR_PRESETS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: () => setColor(c),
@@ -9953,8 +10722,8 @@ var ProjectSettingsModal = ({
                     c
                   )) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
-                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end", marginTop: "8px" }, children: [
+                  !isDefaultProject && onDeleteProject && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -9977,7 +10746,7 @@ var ProjectSettingsModal = ({
                       children: "\uD504\uB85C\uC81D\uD2B8 \uC0AD\uC81C"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "button",
                     {
                       onClick: handleSaveGeneral,
@@ -9997,9 +10766,9 @@ var ProjectSettingsModal = ({
                   )
                 ] })
               ] }),
-              activeTab === "instructions" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              activeTab === "instructions" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uBAA8\uB4E0 \uB300\uD654\uC5D0\uC11C AI\uAC00 \uB530\uB77C\uC57C \uD560 \uC9C0\uCE68\uC744 \uC785\uB825\uD558\uC138\uC694." }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "textarea",
                   {
                     value: instructions,
@@ -10020,7 +10789,7 @@ var ProjectSettingsModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "button",
                   {
                     onClick: handleSaveInstructions,
@@ -10039,10 +10808,10 @@ var ProjectSettingsModal = ({
                   }
                 ) })
               ] }),
-              activeTab === "files" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              activeTab === "files" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #999)", margin: 0 }, children: "\uD504\uB85C\uC81D\uD2B8 \uCEE8\uD14D\uC2A4\uD2B8\uB85C \uC0AC\uC6A9\uD560 \uD30C\uC77C\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                     "button",
                     {
                       onClick: handleFileUpload,
@@ -10060,13 +10829,13 @@ var ProjectSettingsModal = ({
                         color: "var(--chatllm-text, #1a1a1a)"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "upload-line", size: 14 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "upload-line", size: 14 }),
                         "\uC5C5\uB85C\uB4DC"
                       ]
                     }
                   )
                 ] }),
-                project.files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                project.files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "div",
                   {
                     style: {
@@ -10079,7 +10848,7 @@ var ProjectSettingsModal = ({
                     },
                     children: "\uC544\uC9C1 \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: project.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "div",
                   {
                     style: {
@@ -10091,10 +10860,10 @@ var ProjectSettingsModal = ({
                       borderRadius: "6px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { overflow: "hidden" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", overflow: "hidden" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: getFileIcon2(file.type), size: 18, color: "var(--chatllm-text-muted, #999)" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { overflow: "hidden" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                             "div",
                             {
                               style: {
@@ -10108,13 +10877,13 @@ var ProjectSettingsModal = ({
                               children: file.name
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #999)" }, children: [
                             file.type,
                             formatSize(file.size) ? ` \xB7 ${formatSize(file.size)}` : ""
                           ] })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                         "button",
                         {
                           onClick: () => onDeleteFile(project.id, file.id),
@@ -10135,7 +10904,7 @@ var ProjectSettingsModal = ({
                             e.currentTarget.style.opacity = "0.5";
                           },
                           "aria-label": `${file.name} \uC0AD\uC81C`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "delete-bin-line", size: 16, color: "#dc2626" })
                         }
                       )
                     ]
@@ -10152,14 +10921,14 @@ var ProjectSettingsModal = ({
 };
 
 // src/react/components/DisclaimerModal.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var highlightStyle = {
   color: "var(--chatllm-text, #1e293b)",
   fontWeight: 600
 };
 var DisclaimerModal = ({ isOpen, onClose }) => {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: "chatllm-disclaimer-overlay",
@@ -10173,7 +10942,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
         zIndex: 1e3
       },
       onClick: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "div",
         {
           className: "chatllm-disclaimer-modal",
@@ -10191,7 +10960,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "div",
               {
                 style: {
@@ -10202,9 +10971,9 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-primary, #3584FA)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       "h2",
                       {
                         style: {
@@ -10217,7 +10986,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -10232,13 +11001,13 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         alignItems: "center",
                         justifyContent: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "div",
               {
                 className: "chatllm-scrollbar",
@@ -10250,12 +11019,12 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                   color: "var(--chatllm-text-secondary, #475569)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC800\uB294 \uC5EC\uB7EC\uBD84\uC758 \uC9C8\uBB38\uC5D0 ",
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uCD5C\uC120\uC758 \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uD56D\uC0C1 \uB178\uB825" }),
                     "\uD558\uACE0 \uC788\uC5B4\uC694. \uD558\uC9C0\uB9CC \uC194\uC9C1\uD558\uAC8C \uB9D0\uC500\uB4DC\uB9AC\uBA74, \uC800\uB3C4 \uB54C\uB54C\uB85C \uC2E4\uC218\uB97C \uD558\uAC70\uB098 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB2F5\uBCC0\uC744 \uB4DC\uB9B4 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                     "div",
                     {
                       style: {
@@ -10268,33 +11037,33 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 8px", fontWeight: 600, color: "var(--chatllm-text, #1e293b)" }, children: "\uC81C\uAC00 \uC774\uB7F0 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC5B4\uC694" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("ul", { style: { margin: 0, paddingLeft: "18px", display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uCD5C\uC2E0 \uC815\uBCF4\uB97C \uBC18\uC601\uD558\uC9C0 \uBABB\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uB294 \uACBD\uC6B0" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uADF8\uB7F4\uB4EF\uD558\uAC8C \uB4E4\uB9AC\uC9C0\uB9CC \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uB0B4\uC6A9" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: "\uC2E4\uC81C\uB85C \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294 \uCD9C\uCC98\uB098 \uC778\uC6A9\uC744 \uB9CC\uB4E4\uC5B4\uB0B4\uB294 \uACBD\uC6B0" })
                         ] })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC774\uB7F0 \uD604\uC0C1\uC744 ",
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "'\uD658\uAC01(Hallucination)'" }),
                     "\uC774\uB77C\uACE0 \uBD80\uB974\uB294\uB370\uC694, \uC544\uC9C1\uC740 \uC800\uC640 \uAC19\uC740 AI\uAC00 \uAC00\uC9C4 \uADFC\uBCF8\uC801\uC778 \uD55C\uACC4\uC608\uC694. \uC81C \uB2F5\uBCC0\uC774 \uC544\uBB34\uB9AC \uC790\uC5F0\uC2A4\uB7EC\uC6CC \uBCF4\uC5EC\uB3C4, ",
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uD55C \uBC88 \uB354 \uD655\uC778" }),
                     "\uD574 \uC8FC\uC2DC\uBA74 \uAC10\uC0AC\uD558\uACA0\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uC81C \uB2F5\uBCC0\uC740 \uCC38\uACE0 \uC790\uB8CC" }),
                     "\uB85C \uD65C\uC6A9\uD574 \uC8FC\uC2DC\uACE0, \uC911\uC694\uD55C \uD310\uB2E8\uC744 \uB0B4\uB9AC\uC2E4 \uB54C\uB294 \uAF2D \uCD94\uAC00\uB85C \uD655\uC778\uD574 \uC8FC\uC138\uC694. \uC800\uB3C4 \uB354 \uC815\uD655\uD55C \uB2F5\uBCC0\uC744 \uB4DC\uB9AC\uAE30 \uC704\uD574 \uACC4\uC18D \uBC1C\uC804\uD558\uACE0 \uC788\uC2B5\uB2C8\uB2E4."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: "0 0 16px" }, children: [
                     "\uC81C\uAC00 \uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uC54C\uB824\uB4DC\uB9B4 \uB54C\uB3C4,",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: highlightStyle, children: "\uC6D0\uBCF8 \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778" }),
                     "\uD574 \uBCF4\uC2DC\uB294 \uAC78 \uCD94\uCC9C\uB4DC\uB824\uC694. \uC694\uC57D \uACFC\uC815\uC5D0\uC11C \uB193\uCE60 \uC218 \uC788\uB294 \uC911\uC694\uD55C \uB9E5\uB77D\uC774 \uC6D0\uBCF8\uC5D0 \uB2F4\uACA8 \uC788\uC744 \uC218 \uC788\uAC70\uB4E0\uC694."
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     "div",
                     {
                       style: {
@@ -10305,10 +11074,10 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                         lineHeight: 1.7,
                         textAlign: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { style: { margin: 0 }, children: [
+                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: 0 }, children: [
                         "\uC800\uC5D0 \uB300\uD55C \uC758\uACAC\uC774\uB098 \uAC1C\uC120 \uC81C\uC548\uC774 \uC788\uC73C\uC2DC\uB2E4\uBA74",
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                           "a",
                           {
                             href: "mailto:info@gendive.ai",
@@ -10321,7 +11090,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
                           }
                         ),
                         "\uB85C \uC54C\uB824\uC8FC\uC138\uC694.",
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
                         "\uC5EC\uB7EC\uBD84\uC758 \uD53C\uB4DC\uBC31 \uD558\uB098\uD558\uB098\uAC00 \uC81C\uAC00 \uC131\uC7A5\uD558\uB294 \uB370 \uD070 \uD798\uC774 \uB429\uB2C8\uB2E4."
                       ] })
                     }
@@ -10337,7 +11106,7 @@ var DisclaimerModal = ({ isOpen, onClose }) => {
 };
 
 // src/react/ChatUI.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10380,6 +11149,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); }
@@ -10661,12 +11441,16 @@ var ChatUIView = ({
     openProjectSettings,
     closeProjectSettings,
     projectMemory,
-    isSessionsLoading
+    isSessionsLoading,
+    // Checklist
+    handleChecklistAbort,
+    handleChecklistRetry,
+    handleChecklistSkip
   } = state;
-  const [disclaimerOpen, setDisclaimerOpen] = import_react20.default.useState(false);
-  const [welcomeExiting, setWelcomeExiting] = import_react20.default.useState(false);
-  const prevMessageCountRef = import_react20.default.useRef(messages.length);
-  import_react20.default.useEffect(() => {
+  const [disclaimerOpen, setDisclaimerOpen] = import_react21.default.useState(false);
+  const [welcomeExiting, setWelcomeExiting] = import_react21.default.useState(false);
+  const prevMessageCountRef = import_react21.default.useRef(messages.length);
+  import_react21.default.useEffect(() => {
     let timer;
     if (prevMessageCountRef.current === 0 && messages.length > 0) {
       setWelcomeExiting(true);
@@ -10690,7 +11474,7 @@ var ChatUIView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const memoryItems = import_react20.default.useMemo(() => {
+  const memoryItems = import_react21.default.useMemo(() => {
     if (!globalMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of globalMemory.state.entries) {
@@ -10704,7 +11488,7 @@ var ChatUIView = ({
     }
     return items;
   }, [globalMemory?.state.entries]);
-  const projectMemoryItems = import_react20.default.useMemo(() => {
+  const projectMemoryItems = import_react21.default.useMemo(() => {
     if (!projectMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of projectMemory.state.entries) {
@@ -10719,7 +11503,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10732,7 +11516,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           ChatSidebar,
           {
             sessions,
@@ -10764,7 +11548,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "main",
           {
             style: {
@@ -10776,7 +11560,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10790,7 +11574,7 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              (messages.length === 0 || welcomeExiting) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 "div",
                 {
                   style: {
@@ -10805,7 +11589,7 @@ var ChatUIView = ({
                     pointerEvents: welcomeExiting ? "none" : "auto"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "h1",
                       {
                         style: {
@@ -10819,7 +11603,7 @@ var ChatUIView = ({
                         children: greeting ? `${greeting} \u273A` : "\u273A \uBB34\uC5C7\uC744 \uC0DD\uAC01\uD574 \uBCFC\uAE4C\uC694?"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { width: "100%", maxWidth: "680px" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       ChatInput,
                       {
                         value: input,
@@ -10847,7 +11631,7 @@ var ChatUIView = ({
                         inline: true
                       }
                     ) }),
-                    suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       "div",
                       {
                         style: {
@@ -10857,7 +11641,7 @@ var ChatUIView = ({
                           justifyContent: "center",
                           maxWidth: "680px"
                         },
-                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                        children: suggestedPrompts.map((sp) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                           "button",
                           {
                             onClick: () => setInput(sp.prompt),
@@ -10876,7 +11660,7 @@ var ChatUIView = ({
                               transition: "all 0.2s"
                             },
                             children: [
-                              sp.icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
+                              sp.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: sp.icon, size: 16, color: "var(--chatllm-text-muted)" }),
                               sp.label
                             ]
                           },
@@ -10887,8 +11671,8 @@ var ChatUIView = ({
                   ]
                 }
               ),
-              messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   MessageList,
                   {
                     messages,
@@ -10907,10 +11691,13 @@ var ChatUIView = ({
                     showThinking,
                     thinkingDefaultOpen,
                     loadingAlternativeFor,
-                    onPollSubmit: handlePollSubmit
+                    onPollSubmit: handlePollSubmit,
+                    onChecklistAbort: handleChecklistAbort,
+                    onChecklistRetry: handleChecklistRetry,
+                    onChecklistSkip: handleChecklistSkip
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   ChatInput,
                   {
                     value: input,
@@ -10941,7 +11728,7 @@ var ChatUIView = ({
             ]
           }
         ),
-        showSettings && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        showSettings && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10968,7 +11755,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -10980,7 +11767,7 @@ var ChatUIView = ({
             onDeleteProject: deleteProject
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -11083,7 +11870,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ChatUIView,
     {
       state,
@@ -11131,7 +11918,7 @@ var ChatUI = (props) => {
       deepResearch,
       suggestedPrompts: chatStateSuggestedPrompts
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       ChatUIView,
       {
         state: props.chatState,
@@ -11156,11 +11943,11 @@ var ChatUI = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var REPORT_GENERATION_PROMPT2 = `\uB2F9\uC2E0\uC740 \uB9AC\uC11C\uCE58 \uBCF4\uACE0\uC11C \uC791\uC131 \uC804\uBB38\uAC00\uC785\uB2C8\uB2E4.
 
 <collected_sources>
@@ -11211,10 +11998,10 @@ 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] = (0, import_react21.useState)(false);
-  const [progress, setProgress] = (0, import_react21.useState)(null);
-  const abortControllerRef = (0, import_react21.useRef)(null);
-  const callLLM2 = (0, import_react21.useCallback)(
+  const [isResearching, setIsResearching] = (0, import_react22.useState)(false);
+  const [progress, setProgress] = (0, import_react22.useState)(null);
+  const abortControllerRef = (0, import_react22.useRef)(null);
+  const callLLM2 = (0, import_react22.useCallback)(
     async (prompt, stream = false) => {
       const response = await fetch(apiEndpoint, {
         method: "POST",
@@ -11241,7 +12028,7 @@ var useDeepResearch = (options) => {
     },
     [apiEndpoint, apiKey, model, provider]
   );
-  const analyzeQuery2 = (0, import_react21.useCallback)(
+  const analyzeQuery2 = (0, import_react22.useCallback)(
     async (query) => {
       const prompt = QUERY_ANALYSIS_PROMPT2.replace("{question}", query);
       const response = await callLLM2(prompt);
@@ -11260,7 +12047,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runSubAgent2 = (0, import_react21.useCallback)(
+  const runSubAgent2 = (0, import_react22.useCallback)(
     async (topic, queries, agentId, updateProgress) => {
       updateProgress({ status: "searching", searchCount: 0, resultsCount: 0 });
       const allResults = [];
@@ -11299,7 +12086,7 @@ var useDeepResearch = (options) => {
     },
     [onWebSearch, onExtractContent]
   );
-  const generateReport2 = (0, import_react21.useCallback)(
+  const generateReport2 = (0, import_react22.useCallback)(
     async (query, results, onStreamContent) => {
       const allSources = [];
       const sourcesForPrompt = [];
@@ -11357,7 +12144,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runDeepResearch = (0, import_react21.useCallback)(
+  const runDeepResearch = (0, import_react22.useCallback)(
     async (query, onStreamContent) => {
       abortControllerRef.current = new AbortController();
       setIsResearching(true);
@@ -11460,7 +12247,7 @@ var useDeepResearch = (options) => {
     },
     [analyzeQuery2, runSubAgent2, generateReport2]
   );
-  const stopResearch = (0, import_react21.useCallback)(() => {
+  const stopResearch = (0, import_react22.useCallback)(() => {
     abortControllerRef.current?.abort();
     setIsResearching(false);
     setProgress(null);
@@ -11474,7 +12261,7 @@ var useDeepResearch = (options) => {
 };
 
 // src/react/components/EmptyState.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var EmptyState = ({
   greeting,
   templates = [],
@@ -11492,7 +12279,7 @@ var EmptyState = ({
     return iconMap[icon] || "sparkling-line";
   };
   const hasContent = actions.length > 0 || templates.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       className: "chatllm-empty-state",
@@ -11507,7 +12294,7 @@ var EmptyState = ({
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             className: "chatllm-sheet",
@@ -11521,10 +12308,10 @@ var EmptyState = ({
               marginBottom: "32px",
               color: "var(--chatllm-primary)"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "chat-1-line", size: 40 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "chat-1-line", size: 40 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "h1",
           {
             style: {
@@ -11537,7 +12324,7 @@ var EmptyState = ({
             children: "How can I help you today?"
           }
         ),
-        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        (actions.length > 0 || templates.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "div",
           {
             style: {
@@ -11549,7 +12336,7 @@ var EmptyState = ({
               marginBottom: "48px"
             },
             children: [
-              actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                 "button",
                 {
                   onClick: () => onActionSelect?.(action),
@@ -11563,7 +12350,7 @@ var EmptyState = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       IconSvg,
                       {
                         name: getActionIcon(action.icon),
@@ -11576,7 +12363,7 @@ var EmptyState = ({
                 },
                 action.id
               )),
-              templates.slice(0, 4).map((template) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              templates.slice(0, 4).map((template) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                 "button",
                 {
                   onClick: () => onTemplateClick(template),
@@ -11590,7 +12377,7 @@ var EmptyState = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       IconSvg,
                       {
                         name: "sparkling-line",
@@ -11612,8 +12399,8 @@ var EmptyState = ({
 };
 
 // src/react/components/MemoryPanel.tsx
-var import_react22 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
   skill: "\uC804\uBB38 \uBD84\uC57C/\uAE30\uC220",
@@ -11632,8 +12419,8 @@ var MemoryPanel = ({
   isOpen,
   onToggle
 }) => {
-  const [expandedId, setExpandedId] = (0, import_react22.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react22.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react23.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react23.useState)("all");
   const filteredItems = activeTab === "all" ? items : items.filter((item) => item.category === activeTab);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -11645,7 +12432,7 @@ var MemoryPanel = ({
     });
   };
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "button",
       {
         onClick: onToggle,
@@ -11665,11 +12452,11 @@ var MemoryPanel = ({
           justifyContent: "center",
           zIndex: 100
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: "chatllm-memory-panel",
@@ -11689,7 +12476,7 @@ var MemoryPanel = ({
         zIndex: 100
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "div",
           {
             style: {
@@ -11700,8 +12487,8 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "div",
                   {
                     style: {
@@ -11713,19 +12500,19 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3584FA)" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
                     items.length,
                     "\uAC1C \uD56D\uBAA9"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
-                onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
+                onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "button",
                   {
                     onClick: onClearAll,
@@ -11737,10 +12524,10 @@ var MemoryPanel = ({
                       cursor: "pointer"
                     },
                     title: "\uC804\uCCB4 \uC0AD\uC81C",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "button",
                   {
                     onClick: onToggle,
@@ -11751,14 +12538,14 @@ var MemoryPanel = ({
                       borderRadius: "8px",
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
             style: {
@@ -11768,7 +12555,7 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)",
               overflowX: "auto"
             },
-            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 onClick: () => setActiveTab(tab),
@@ -11789,8 +12576,8 @@ var MemoryPanel = ({
             ))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
-          contextSummary && activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
+          contextSummary && activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               style: {
@@ -11801,7 +12588,7 @@ var MemoryPanel = ({
                 borderLeft: "3px solid var(--chatllm-primary, #3584FA)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                   "div",
                   {
                     style: {
@@ -11811,12 +12598,12 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3584FA)" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3584FA)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "p",
                   {
                     style: {
@@ -11831,7 +12618,7 @@ var MemoryPanel = ({
               ]
             }
           ),
-          filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               style: {
@@ -11840,11 +12627,11 @@ var MemoryPanel = ({
                 color: "var(--chatllm-text-muted, #9ca3af)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "div",
             {
               style: {
@@ -11857,10 +12644,10 @@ var MemoryPanel = ({
               },
               onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                      item.category && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                      item.category && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                         "span",
                         {
                           style: {
@@ -11874,9 +12661,9 @@ var MemoryPanel = ({
                           children: categoryLabels[item.category]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "div",
                       {
                         style: {
@@ -11888,8 +12675,8 @@ var MemoryPanel = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    onDelete && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    onDelete && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "button",
                       {
                         onClick: (e) => {
@@ -11904,10 +12691,10 @@ var MemoryPanel = ({
                           cursor: "pointer",
                           opacity: 0.5
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       IconSvg,
                       {
                         name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -11917,7 +12704,7 @@ var MemoryPanel = ({
                     )
                   ] })
                 ] }),
-                expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "div",
                   {
                     style: {
@@ -11925,7 +12712,7 @@ var MemoryPanel = ({
                       paddingTop: "12px",
                       borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "p",
                       {
                         style: {
@@ -11955,6 +12742,7 @@ var MemoryPanel = ({
   ChatInput,
   ChatSidebar,
   ChatUI,
+  ChecklistCard,
   ContentPartRenderer,
   DEFAULT_PROJECT_ID,
   DEFAULT_PROJECT_TITLE,