@gendive/chatllm 0.17.39 → 0.17.41

package/dist/react/index.d.mts

@@ -260,6 +260,8 @@ interface ChecklistItem {
     status: 'pending' | 'in_progress' | 'done' | 'error';
     /** 각 단계의 AI 실행 결과 (접이식 표시용) */
     result?: string;
+    /** @Todo vibecode - 이미지 스킬 결과 URL (체크리스트 단계에서 이미지 생성 시) */
+    imageUrl?: string;
 }
 /**
  * @description 체크리스트 블록 (메시지에 첨부)

package/dist/react/index.d.ts

@@ -260,6 +260,8 @@ interface ChecklistItem {
     status: 'pending' | 'in_progress' | 'done' | 'error';
     /** 각 단계의 AI 실행 결과 (접이식 표시용) */
     result?: string;
+    /** @Todo vibecode - 이미지 스킬 결과 URL (체크리스트 단계에서 이미지 생성 시) */
+    imageUrl?: string;
 }
 /**
  * @description 체크리스트 블록 (메시지에 첨부)

package/dist/react/index.js

@@ -2738,6 +2738,7 @@ ${finalContent}`;
       const shouldSkipSkillParsing = skipNextSkillParsingRef.current;
       skipNextSkillParsingRef.current = false;
       let accumulatedContent = "";
+      let checklistStepImageUrl = null;
       let messagesToSend = [...existingMessages, userMessage];
       const recompressionThreshold = DEFAULT_RECOMPRESSION_THRESHOLD;
       const tokenLimit = DEFAULT_TOKEN_LIMIT;
@@ -3048,7 +3049,12 @@ ${attachmentContext}
               }, attachExtra);
               pendingAttachmentDataRef.current = null;
               if (skillResult?.content) {
-                accumulatedContent = skillResult.content;
+                if (skillResult.metadata?.type === "image") {
+                  accumulatedContent = skillResult.metadata?.outputText || "\uC774\uBBF8\uC9C0 \uC0DD\uC131 \uC644\uB8CC";
+                  checklistStepImageUrl = skillResult.content;
+                } else {
+                  accumulatedContent = skillResult.content;
+                }
               }
             } catch (e) {
               console.warn("[useChatUI] \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uB0B4 \uC2A4\uD0AC \uC2E4\uD589 \uC2E4\uD328:", e);
@@ -3143,6 +3149,7 @@ ${attachmentContext}
                         if (m.id !== assistantMessageId) return m;
                         return {
                           ...m,
+                          content: "",
                           contentParts: parts,
                           skillExecution: {
                             ...m.skillExecution,
@@ -3214,6 +3221,7 @@ ${result.content}
                         if (m.id !== assistantMessageId) return m;
                         return {
                           ...m,
+                          content: "",
                           contentParts: imgFileParts,
                           skillExecution: {
                             ...m.skillExecution,
@@ -3321,7 +3329,9 @@ ${result.content}
                   const updatedItems = m.checklistBlock.items.map((it, idx) => ({
                     ...it,
                     status: idx <= stepIndex ? "done" : it.status,
-                    result: idx === stepIndex ? accumulatedContent : it.result
+                    result: idx === stepIndex ? accumulatedContent : it.result,
+                    /** @Todo vibecode - 이미지 스킬 결과 URL 저장 */
+                    ...idx === stepIndex && checklistStepImageUrl ? { imageUrl: checklistStepImageUrl } : {}
                   }));
                   return {
                     ...m,
@@ -9123,7 +9133,7 @@ var ChecklistCard = ({
                 ]
               }
             ),
-            canExpand && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            canExpand && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               "div",
               {
                 style: {
@@ -9139,7 +9149,21 @@ var ChecklistCard = ({
                   whiteSpace: "pre-wrap",
                   wordBreak: "break-word"
                 },
-                children: item.result
+                children: [
+                  item.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    "img",
+                    {
+                      src: item.imageUrl,
+                      alt: item.result || "\uC0DD\uC131\uB41C \uC774\uBBF8\uC9C0",
+                      style: {
+                        maxWidth: "100%",
+                        borderRadius: "8px",
+                        marginBottom: item.result ? "8px" : 0
+                      }
+                    }
+                  ),
+                  item.result
+                ]
               }
             )
           ] }, item.id);