@gendive/chatllm 0.17.39 → 0.17.41

package/dist/react/index.mjs

@@ -2669,6 +2669,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;
@@ -2979,7 +2980,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);
@@ -3074,6 +3080,7 @@ ${attachmentContext}
                         if (m.id !== assistantMessageId) return m;
                         return {
                           ...m,
+                          content: "",
                           contentParts: parts,
                           skillExecution: {
                             ...m.skillExecution,
@@ -3145,6 +3152,7 @@ ${result.content}
                         if (m.id !== assistantMessageId) return m;
                         return {
                           ...m,
+                          content: "",
                           contentParts: imgFileParts,
                           skillExecution: {
                             ...m.skillExecution,
@@ -3252,7 +3260,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,
@@ -9054,7 +9064,7 @@ var ChecklistCard = ({
                 ]
               }
             ),
-            canExpand && isExpanded && /* @__PURE__ */ jsx15(
+            canExpand && isExpanded && /* @__PURE__ */ jsxs14(
               "div",
               {
                 style: {
@@ -9070,7 +9080,21 @@ var ChecklistCard = ({
                   whiteSpace: "pre-wrap",
                   wordBreak: "break-word"
                 },
-                children: item.result
+                children: [
+                  item.imageUrl && /* @__PURE__ */ jsx15(
+                    "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);