@gendive/chatllm 0.17.28 → 0.17.30

package/dist/react/index.d.mts

@@ -1003,6 +1003,11 @@ interface MessageListProps {
      * @Todo vibecode - pending 항목 스킵
      */
     onChecklistSkip?: (messageId: string, stepIndex: number) => void;
+    /**
+     * @description 현재 실행 중인 스킬 정보 (도구 실행 로딩 표시용)
+     * @Todo vibecode - 메시지 리스트 하단에 도구 실행 상태 인디케이터
+     */
+    activeSkillExecution?: SkillExecution | null;
 }
 interface MessageBubbleProps {
     message: ChatMessage;
@@ -1465,6 +1470,11 @@ interface UseChatUIOptions {
      * @Todo vibecode - AI가 자동으로 선택지를 제공하도록 시스템 프롬프트에 가이드 추가
      */
     enablePoll?: boolean;
+    /**
+     * @description AI 자동 실행형 체크리스트 기능 활성화 (기본: true)
+     * @Todo vibecode - 복합 작업 시 AI가 <checklist> 태그로 단계별 실행 계획 제시
+     */
+    enableChecklist?: boolean;
     /**
      * @description 커스텀 스킬 등록
      * @Todo vibecode - AI가 자동/수동으로 활용하는 스킬 시스템

package/dist/react/index.d.ts

@@ -1003,6 +1003,11 @@ interface MessageListProps {
      * @Todo vibecode - pending 항목 스킵
      */
     onChecklistSkip?: (messageId: string, stepIndex: number) => void;
+    /**
+     * @description 현재 실행 중인 스킬 정보 (도구 실행 로딩 표시용)
+     * @Todo vibecode - 메시지 리스트 하단에 도구 실행 상태 인디케이터
+     */
+    activeSkillExecution?: SkillExecution | null;
 }
 interface MessageBubbleProps {
     message: ChatMessage;
@@ -1465,6 +1470,11 @@ interface UseChatUIOptions {
      * @Todo vibecode - AI가 자동으로 선택지를 제공하도록 시스템 프롬프트에 가이드 추가
      */
     enablePoll?: boolean;
+    /**
+     * @description AI 자동 실행형 체크리스트 기능 활성화 (기본: true)
+     * @Todo vibecode - 복합 작업 시 AI가 <checklist> 태그로 단계별 실행 계획 제시
+     */
+    enableChecklist?: boolean;
     /**
      * @description 커스텀 스킬 등록
      * @Todo vibecode - AI가 자동/수동으로 활용하는 스킬 시스템

package/dist/react/index.js

@@ -1753,6 +1753,8 @@ var useChatUI = (options) => {
     deepResearch,
     // Poll options
     enablePoll = true,
+    // Checklist options
+    enableChecklist = true,
     // Skills options
     skills,
     // Tool options
@@ -2118,9 +2120,60 @@ ${projectMemoryContext}`);
 - \uAC01 \uC9C8\uBB38\uC740 \uC11C\uB85C \uB2E4\uB978 \uB0B4\uC6A9
 - \uC635\uC158\uB9C8\uB2E4 \uC9E7\uC740 \uC124\uBA85 \uD3EC\uD568
 - \uC0AC\uC6A9\uC790\uAC00 \uBAA8\uB450 \uC120\uD0DD \uD6C4 \uC9C4\uD589`);
+    }
+    if (enableChecklist) {
+      parts.push("");
+      parts.push(`## \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uC790\uB3D9 \uC2E4\uD589 \uAE30\uB2A5
+
+**\uC911\uC694: \uC544\uB798 \uC870\uAC74\uC5D0 \uD574\uB2F9\uD558\uBA74 \uBC18\uB4DC\uC2DC <checklist> \uD0DC\uADF8\uB97C \uC0AC\uC6A9\uD558\uC138\uC694.**
+
+\uB2E4\uC74C \uC694\uCCAD\uC5D0\uB294 \uCCB4\uD06C\uB9AC\uC2A4\uD2B8\uB97C \uC0AC\uC6A9\uD558\uC138\uC694:
+- \uC5EC\uB7EC \uB300\uC0C1\uC744 \uAC80\uC0C9/\uC870\uC0AC\uD558\uB294 \uC694\uCCAD (\uC608: "A\uC640 B \uAC80\uC0C9\uD574\uC918", "XX \uAD00\uB828 \uC11C\uBE44\uC2A4 \uCC3E\uC544\uC918")
+- \uBE44\uAD50 \uBD84\uC11D \uC694\uCCAD (\uC608: "A\uC0AC\uC640 B\uC0AC \uBE44\uAD50\uD574\uC918")
+- \uBCF4\uACE0\uC11C/\uB9AC\uD3EC\uD2B8 \uC791\uC131 \uC694\uCCAD
+- 3\uB2E8\uACC4 \uC774\uC0C1\uC758 \uBCF5\uD569 \uC791\uC5C5
+
+\uC2DC\uC2A4\uD15C\uC774 \uAC01 \uB2E8\uACC4\uB97C \uC790\uB3D9\uC73C\uB85C \uD558\uB098\uC529 \uC2E4\uD589\uD569\uB2C8\uB2E4. \uB2F9\uC2E0\uC740 \uACC4\uD68D\uB9CC \uC138\uC6B0\uBA74 \uB429\uB2C8\uB2E4.
+
+**\uD615\uC2DD:**
+\uC9E7\uC740 \uC548\uB0B4 \uBA54\uC2DC\uC9C0
+
+<checklist>
+<step>1\uB2E8\uACC4 \uC81C\uBAA9</step>
+<step>2\uB2E8\uACC4 \uC81C\uBAA9</step>
+<step>3\uB2E8\uACC4 \uC81C\uBAA9</step>
+</checklist>
+
+**\uC608\uC2DC 1 - "\uB370\uBE0C\uB2E4\uC774\uBE0C\uC640 \uC820\uB2E4\uC774\uBE0C \uAC80\uC0C9\uD558\uACE0 \uBCF4\uACE0\uC11C \uC791\uC131\uD574\uC918":**
+\uB124, \uC870\uC0AC\uB97C \uC9C4\uD589\uD558\uACA0\uC2B5\uB2C8\uB2E4.
+
+<checklist>
+<step>\uB370\uBE0C\uB2E4\uC774\uBE0C \uC11C\uBE44\uC2A4 \uC815\uBCF4 \uC870\uC0AC</step>
+<step>\uC820\uB2E4\uC774\uBE0C \uC11C\uBE44\uC2A4 \uC815\uBCF4 \uC870\uC0AC</step>
+<step>\uC720\uC0AC \uC11C\uBE44\uC2A4 \uC870\uC0AC</step>
+<step>\uBE44\uAD50 \uBD84\uC11D\uD45C \uC791\uC131</step>
+<step>\uC885\uD569 \uBCF4\uACE0\uC11C \uC791\uC131</step>
+</checklist>
+
+**\uC608\uC2DC 2 - "\uC6B0\uB9AC \uC11C\uBE44\uC2A4 \uB9C8\uCF00\uD305 \uC804\uB7B5 \uC138\uC6CC\uC918":**
+\uB9C8\uCF00\uD305 \uC804\uB7B5\uC744 \uB2E8\uACC4\uBCC4\uB85C \uC218\uB9BD\uD558\uACA0\uC2B5\uB2C8\uB2E4.
+
+<checklist>
+<step>\uD604\uC7AC \uC11C\uBE44\uC2A4 \uBD84\uC11D</step>
+<step>\uD0C0\uAC9F \uACE0\uAC1D \uC815\uC758</step>
+<step>\uACBD\uC7C1\uC0AC \uBCA4\uCE58\uB9C8\uD0B9</step>
+<step>\uB9C8\uCF00\uD305 \uC804\uB7B5 \uC218\uB9BD</step>
+</checklist>
+
+**\uADDC\uCE59:**
+- 2~8\uB2E8\uACC4\uAC00 \uC801\uC808
+- \uAC01 \uB2E8\uACC4\uB294 \uAD6C\uCCB4\uC801\uC774\uACE0 \uC2E4\uD589 \uAC00\uB2A5\uD55C \uC791\uC5C5
+- \uB2E8\uC21C \uC9C8\uBB38\uC774\uB098 \uD55C \uBC88\uC5D0 \uB2F5\uD560 \uC218 \uC788\uB294 \uC694\uCCAD\uC5D0\uB294 \uC0AC\uC6A9 \uAE08\uC9C0
+- <checklist> \uD0DC\uADF8 \uC55E\uC5D0 \uBC18\uB4DC\uC2DC \uC9E7\uC740 \uC548\uB0B4 \uBA54\uC2DC\uC9C0\uB97C \uD3EC\uD568\uD558\uC138\uC694
+- \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uD0DC\uADF8 \uB4A4\uC5D0 \uCD94\uAC00 \uD14D\uC2A4\uD2B8\uB97C \uC791\uC131\uD558\uC9C0 \uB9C8\uC138\uC694`);
     }
     return parts.length > 0 ? parts.join("\n") : "";
-  }, [personalization, globalMemory, useGlobalMemoryEnabled, enablePoll, buildSkillsPrompt, enableProjects, projectHook.currentProject, projectMemory]);
+  }, [personalization, globalMemory, useGlobalMemoryEnabled, enablePoll, enableChecklist, buildSkillsPrompt, enableProjects, projectHook.currentProject, projectMemory]);
   const compressContext = (0, import_react5.useCallback)(async (messagesToCompress, model) => {
     const conversationText = messagesToCompress.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
     const summaryPrompt = `\uB2E4\uC74C \uB300\uD654 \uB0B4\uC6A9\uC744 \uD575\uC2EC \uC815\uBCF4\uB9CC \uC720\uC9C0\uD558\uBA74\uC11C \uAC04\uACB0\uD558\uAC8C \uC694\uC57D\uD574\uC8FC\uC138\uC694.
@@ -9697,7 +9750,8 @@ var MessageList = ({
   onPollSubmit,
   onChecklistAbort,
   onChecklistRetry,
-  onChecklistSkip
+  onChecklistSkip,
+  activeSkillExecution
 }) => {
   const messagesEndRef = (0, import_react18.useRef)(null);
   const containerRef = (0, import_react18.useRef)(null);
@@ -9819,6 +9873,61 @@ var MessageList = ({
                   message.id
                 );
               }),
+              activeSkillExecution && activeSkillExecution.status === "executing" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "10px",
+                    padding: "12px 20px",
+                    margin: "8px auto",
+                    maxWidth: "680px",
+                    width: "100%"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      "div",
+                      {
+                        style: {
+                          width: "20px",
+                          height: "20px",
+                          borderRadius: "50%",
+                          border: "2px solid var(--chatllm-primary, #3584FA)",
+                          borderTopColor: "transparent",
+                          animation: "chatllm-spin 0.8s linear infinite",
+                          flexShrink: 0
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "13px",
+                          fontWeight: 500,
+                          color: "var(--chatllm-text-muted, #94a3b8)"
+                        },
+                        children: activeSkillExecution.progress?.phaseLabel || `${activeSkillExecution.skillName} \uC2E4\uD589 \uC911...`
+                      }
+                    ),
+                    activeSkillExecution.progress?.percentage != null && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          color: "var(--chatllm-primary, #3584FA)",
+                          fontWeight: 600
+                        },
+                        children: [
+                          activeSkillExecution.progress.percentage,
+                          "%"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: messagesEndRef })
             ]
           }
@@ -11978,7 +12087,8 @@ var ChatUIView = ({
                     onPollSubmit: handlePollSubmit,
                     onChecklistAbort: handleChecklistAbort,
                     onChecklistRetry: handleChecklistRetry,
-                    onChecklistSkip: handleChecklistSkip
+                    onChecklistSkip: handleChecklistSkip,
+                    activeSkillExecution
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(