@gendive/chatllm 0.17.40 → 0.17.42

package/dist/react/index.mjs

@@ -1651,6 +1651,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,
@@ -2482,8 +2488,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 });
         }
@@ -2669,6 +2676,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 +2987,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);
@@ -3254,7 +3267,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,
@@ -9056,7 +9071,7 @@ var ChecklistCard = ({
                 ]
               }
             ),
-            canExpand && isExpanded && /* @__PURE__ */ jsx15(
+            canExpand && isExpanded && /* @__PURE__ */ jsxs14(
               "div",
               {
                 style: {
@@ -9072,7 +9087,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);