@gendive/chatllm 0.17.40 → 0.17.42

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

@@ -1720,6 +1720,12 @@ var fileToBase64 = (file) => new Promise((resolve, reject) => {
   reader.onerror = reject;
   reader.readAsDataURL(file);
 });
+var fileToDataUri = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = reject;
+  reader.readAsDataURL(file);
+});
 var convertAttachmentsToBase64 = async (attachments) => Promise.all(
   attachments.map(async (att) => ({
     name: att.name,
@@ -2551,8 +2557,9 @@ ${finalContent}`;
         userContentParts.push({ type: "text", content: finalContent });
       }
       for (const att of currentAttachments) {
-        if (att.type === "image" && att.previewUrl) {
-          userContentParts.push({ type: "image", url: att.previewUrl, alt: att.name });
+        if (att.type === "image" && att.file) {
+          const dataUri = await fileToDataUri(att.file);
+          userContentParts.push({ type: "image", url: dataUri, alt: att.name });
         } else {
           userContentParts.push({ type: "file", name: att.name, url: att.previewUrl || "", mimeType: att.mimeType, size: att.size });
         }
@@ -2738,6 +2745,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 +3056,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);
@@ -3323,7 +3336,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,
@@ -9125,7 +9140,7 @@ var ChecklistCard = ({
                 ]
               }
             ),
-            canExpand && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            canExpand && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               "div",
               {
                 style: {
@@ -9141,7 +9156,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);