@gendive/chatllm 0.17.37 → 0.17.38

package/dist/react/index.d.mts

@@ -819,11 +819,6 @@ interface ChatUIProps {
      * @Todo vibecode - 라이브러리가 도구 호출 판단 후 호스트에 실행 위임
      */
     onToolCall?: (name: string, params: Record<string, unknown>) => Promise<ToolCallResult>;
-    /**
-     * @description 이미지 첨부 시 처리 방식 (기본: 'auto-execute')
-     * @Todo vibecode - 'auto-execute': attachment 스킬 자동 실행, 'ai-decide': 이미지를 AI에 전달하여 AI가 도구 선택
-     */
-    imageAttachmentMode?: 'auto-execute' | 'ai-decide';
     /**
      * @description 도구/스킬 실행 후 AI 후속 스트리밍 계속 여부 (기본: true)
      * @Todo vibecode - false 시 도구 결과만 표시하고 AI 후속 응답 생략
@@ -886,29 +881,10 @@ interface ChatUIProps {
      */
     onDeleteProjectFile?: (projectId: string, fileId: string) => Promise<void>;
 }
-/**
- * @description OpenAI/Anthropic 호환 멀티모달 콘텐츠 파트
- * @Todo vibecode - 이미지 첨부 시 AI에 직접 전달 (ai-decide 모드)
- */
-type MultimodalContentPart = {
-    type: 'text';
-    text: string;
-} | {
-    type: 'image_url';
-    image_url: {
-        url: string;
-        detail?: 'auto' | 'low' | 'high';
-    };
-};
-/**
- * @description 메시지 콘텐츠 (단순 텍스트 또는 멀티모달)
- * @Todo vibecode - 하위 호환: string이면 기존 텍스트, 배열이면 멀티모달
- */
-type MessageContent = string | MultimodalContentPart[];
 interface SendMessageParams {
     messages: {
         role: 'user' | 'assistant' | 'system';
-        content: MessageContent;
+        content: string;
     }[];
     model: string;
     provider: ProviderType;
@@ -1539,11 +1515,6 @@ interface UseChatUIOptions {
     onAddProjectFile?: (projectId: string, file: File) => Promise<ProjectFile>;
     /** @Todo vibecode - 프로젝트 파일 삭제 콜백 */
     onDeleteProjectFile?: (projectId: string, fileId: string) => Promise<void>;
-    /**
-     * @description 이미지 첨부 시 처리 방식 (기본: 'auto-execute')
-     * @Todo vibecode - 'auto-execute': attachment 스킬 자동 실행, 'ai-decide': 이미지를 AI에 전달하여 AI가 도구 선택
-     */
-    imageAttachmentMode?: 'auto-execute' | 'ai-decide';
     /**
      * @description 도구 실행 후 AI 스트리밍 계속 여부 (기본: true, 하위호환)
      * @Todo vibecode - false 시 도구 결과만 표시하고 AI 후속 응답 생략
@@ -1643,7 +1614,9 @@ interface UseSkillsReturn {
      * @Todo vibecode - callbacks로 진행 상태/스트리밍/중단 시그널 전달
      * @returns skillCall이 있으면 실행하고 결과 반환, 없으면 null
      */
-    handleSkillCall: (content: string, callbacks?: SkillExecuteCallbacks) => Promise<{
+    handleSkillCall: (content: string, callbacks?: SkillExecuteCallbacks, 
+    /** @Todo vibecode - 스킬 params에 병합할 추가 데이터 (예: 첨부 이미지) */
+    extraParams?: Record<string, unknown>) => Promise<{
         skillCall: ParsedSkillCall | null;
         cleanContent: string;
         result: SkillExecutionResult | null;
@@ -2148,4 +2121,4 @@ declare const DEFAULT_PROJECT_TITLE = "\uAE30\uBCF8 \uD504\uB85C\uC81D\uD2B8";
  */
 declare const migrateSessionsToProjects: (storageKey: string) => void;
 
-export { type ActionItem, type ActionMenuProps, type AdvancedResearchOptions, type AlternativeResponse, type ChatAttachment, ChatHeader, ChatInput, type ChatMessage, type ChatProject, type ChatSession, ChatSidebar, type ChatToolDefinition, type ChatToolParameter, ChatUI, type ChatUIComponents, type ChatUIProps, type ChecklistBlock, ChecklistCard, type ChecklistCardProps, type ChecklistItem, ChecklistMiniIndicator, type ChecklistMiniIndicatorProps, ChecklistPanel, type ChecklistPanelProps, ContentPartRenderer, type ContentPartRendererProps, DEFAULT_PROJECT_ID, DEFAULT_PROJECT_TITLE, type DeepResearchCallbacks, type DeepResearchProgress, DeepResearchProgressUI, EmptyState, type EmptyStateProps, type ErrorContentPart, FileContentCard, type FileContentCardProps, type FileContentPart, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, ImageContentCard, type ImageContentCardProps, type ImageContentPart, type InputProps, LinkChip, type LinkChipProps, type ManualSkillItem, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, type MessageContent, type MessageContentPart, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type MultimodalContentPart, type PersonalizationConfig, type PollBlock, PollCard, type PollCardProps, type PollOption, type PollQuestion, type PollResponse, type PollState, type ProjectFile, ProjectSelector, type ProjectSelectorProps, ProjectSettingsModal, type ProjectSettingsModalProps, type PromptTemplate, type ProviderType, type ResponseStyle, type SearchResult, type SearchResultContentPart, type SendMessageParams, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SkillConfig, type SkillExecuteCallbacks, type SkillExecution, type SkillExecutionResult, type SkillProgress, SkillProgressUI, type SkillProgressUIProps, type SkillTrigger, type SourceItem, type SubAgentProgress, type SuggestedPrompt, type TextContentPart, type ThemeConfig, type ThemeMode, type ToolCallResult, type ToolLoadingContentPart, type ToolResultContentPart, type UseChatUIOptions, type UseChatUIReturn, type UseDeepResearchOptions, type UseProjectOptions, type UseProjectReturn, type UseSkillsOptions, type UseSkillsReturn, type UserProfile, convertToolsToSkills, createAdvancedResearchSkill, createDeepResearchSkill, migrateSessionsToProjects, useChatUI, useDeepResearch, useProject, useSkills };
+export { type ActionItem, type ActionMenuProps, type AdvancedResearchOptions, type AlternativeResponse, type ChatAttachment, ChatHeader, ChatInput, type ChatMessage, type ChatProject, type ChatSession, ChatSidebar, type ChatToolDefinition, type ChatToolParameter, ChatUI, type ChatUIComponents, type ChatUIProps, type ChecklistBlock, ChecklistCard, type ChecklistCardProps, type ChecklistItem, ChecklistMiniIndicator, type ChecklistMiniIndicatorProps, ChecklistPanel, type ChecklistPanelProps, ContentPartRenderer, type ContentPartRendererProps, DEFAULT_PROJECT_ID, DEFAULT_PROJECT_TITLE, type DeepResearchCallbacks, type DeepResearchProgress, DeepResearchProgressUI, EmptyState, type EmptyStateProps, type ErrorContentPart, FileContentCard, type FileContentCardProps, type FileContentPart, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, ImageContentCard, type ImageContentCardProps, type ImageContentPart, type InputProps, LinkChip, type LinkChipProps, type ManualSkillItem, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, type MessageContentPart, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PollBlock, PollCard, type PollCardProps, type PollOption, type PollQuestion, type PollResponse, type PollState, type ProjectFile, ProjectSelector, type ProjectSelectorProps, ProjectSettingsModal, type ProjectSettingsModalProps, type PromptTemplate, type ProviderType, type ResponseStyle, type SearchResult, type SearchResultContentPart, type SendMessageParams, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SkillConfig, type SkillExecuteCallbacks, type SkillExecution, type SkillExecutionResult, type SkillProgress, SkillProgressUI, type SkillProgressUIProps, type SkillTrigger, type SourceItem, type SubAgentProgress, type SuggestedPrompt, type TextContentPart, type ThemeConfig, type ThemeMode, type ToolCallResult, type ToolLoadingContentPart, type ToolResultContentPart, type UseChatUIOptions, type UseChatUIReturn, type UseDeepResearchOptions, type UseProjectOptions, type UseProjectReturn, type UseSkillsOptions, type UseSkillsReturn, type UserProfile, convertToolsToSkills, createAdvancedResearchSkill, createDeepResearchSkill, migrateSessionsToProjects, useChatUI, useDeepResearch, useProject, useSkills };

package/dist/react/index.d.ts

@@ -819,11 +819,6 @@ interface ChatUIProps {
      * @Todo vibecode - 라이브러리가 도구 호출 판단 후 호스트에 실행 위임
      */
     onToolCall?: (name: string, params: Record<string, unknown>) => Promise<ToolCallResult>;
-    /**
-     * @description 이미지 첨부 시 처리 방식 (기본: 'auto-execute')
-     * @Todo vibecode - 'auto-execute': attachment 스킬 자동 실행, 'ai-decide': 이미지를 AI에 전달하여 AI가 도구 선택
-     */
-    imageAttachmentMode?: 'auto-execute' | 'ai-decide';
     /**
      * @description 도구/스킬 실행 후 AI 후속 스트리밍 계속 여부 (기본: true)
      * @Todo vibecode - false 시 도구 결과만 표시하고 AI 후속 응답 생략
@@ -886,29 +881,10 @@ interface ChatUIProps {
      */
     onDeleteProjectFile?: (projectId: string, fileId: string) => Promise<void>;
 }
-/**
- * @description OpenAI/Anthropic 호환 멀티모달 콘텐츠 파트
- * @Todo vibecode - 이미지 첨부 시 AI에 직접 전달 (ai-decide 모드)
- */
-type MultimodalContentPart = {
-    type: 'text';
-    text: string;
-} | {
-    type: 'image_url';
-    image_url: {
-        url: string;
-        detail?: 'auto' | 'low' | 'high';
-    };
-};
-/**
- * @description 메시지 콘텐츠 (단순 텍스트 또는 멀티모달)
- * @Todo vibecode - 하위 호환: string이면 기존 텍스트, 배열이면 멀티모달
- */
-type MessageContent = string | MultimodalContentPart[];
 interface SendMessageParams {
     messages: {
         role: 'user' | 'assistant' | 'system';
-        content: MessageContent;
+        content: string;
     }[];
     model: string;
     provider: ProviderType;
@@ -1539,11 +1515,6 @@ interface UseChatUIOptions {
     onAddProjectFile?: (projectId: string, file: File) => Promise<ProjectFile>;
     /** @Todo vibecode - 프로젝트 파일 삭제 콜백 */
     onDeleteProjectFile?: (projectId: string, fileId: string) => Promise<void>;
-    /**
-     * @description 이미지 첨부 시 처리 방식 (기본: 'auto-execute')
-     * @Todo vibecode - 'auto-execute': attachment 스킬 자동 실행, 'ai-decide': 이미지를 AI에 전달하여 AI가 도구 선택
-     */
-    imageAttachmentMode?: 'auto-execute' | 'ai-decide';
     /**
      * @description 도구 실행 후 AI 스트리밍 계속 여부 (기본: true, 하위호환)
      * @Todo vibecode - false 시 도구 결과만 표시하고 AI 후속 응답 생략
@@ -1643,7 +1614,9 @@ interface UseSkillsReturn {
      * @Todo vibecode - callbacks로 진행 상태/스트리밍/중단 시그널 전달
      * @returns skillCall이 있으면 실행하고 결과 반환, 없으면 null
      */
-    handleSkillCall: (content: string, callbacks?: SkillExecuteCallbacks) => Promise<{
+    handleSkillCall: (content: string, callbacks?: SkillExecuteCallbacks, 
+    /** @Todo vibecode - 스킬 params에 병합할 추가 데이터 (예: 첨부 이미지) */
+    extraParams?: Record<string, unknown>) => Promise<{
         skillCall: ParsedSkillCall | null;
         cleanContent: string;
         result: SkillExecutionResult | null;
@@ -2148,4 +2121,4 @@ declare const DEFAULT_PROJECT_TITLE = "\uAE30\uBCF8 \uD504\uB85C\uC81D\uD2B8";
  */
 declare const migrateSessionsToProjects: (storageKey: string) => void;
 
-export { type ActionItem, type ActionMenuProps, type AdvancedResearchOptions, type AlternativeResponse, type ChatAttachment, ChatHeader, ChatInput, type ChatMessage, type ChatProject, type ChatSession, ChatSidebar, type ChatToolDefinition, type ChatToolParameter, ChatUI, type ChatUIComponents, type ChatUIProps, type ChecklistBlock, ChecklistCard, type ChecklistCardProps, type ChecklistItem, ChecklistMiniIndicator, type ChecklistMiniIndicatorProps, ChecklistPanel, type ChecklistPanelProps, ContentPartRenderer, type ContentPartRendererProps, DEFAULT_PROJECT_ID, DEFAULT_PROJECT_TITLE, type DeepResearchCallbacks, type DeepResearchProgress, DeepResearchProgressUI, EmptyState, type EmptyStateProps, type ErrorContentPart, FileContentCard, type FileContentCardProps, type FileContentPart, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, ImageContentCard, type ImageContentCardProps, type ImageContentPart, type InputProps, LinkChip, type LinkChipProps, type ManualSkillItem, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, type MessageContent, type MessageContentPart, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type MultimodalContentPart, type PersonalizationConfig, type PollBlock, PollCard, type PollCardProps, type PollOption, type PollQuestion, type PollResponse, type PollState, type ProjectFile, ProjectSelector, type ProjectSelectorProps, ProjectSettingsModal, type ProjectSettingsModalProps, type PromptTemplate, type ProviderType, type ResponseStyle, type SearchResult, type SearchResultContentPart, type SendMessageParams, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SkillConfig, type SkillExecuteCallbacks, type SkillExecution, type SkillExecutionResult, type SkillProgress, SkillProgressUI, type SkillProgressUIProps, type SkillTrigger, type SourceItem, type SubAgentProgress, type SuggestedPrompt, type TextContentPart, type ThemeConfig, type ThemeMode, type ToolCallResult, type ToolLoadingContentPart, type ToolResultContentPart, type UseChatUIOptions, type UseChatUIReturn, type UseDeepResearchOptions, type UseProjectOptions, type UseProjectReturn, type UseSkillsOptions, type UseSkillsReturn, type UserProfile, convertToolsToSkills, createAdvancedResearchSkill, createDeepResearchSkill, migrateSessionsToProjects, useChatUI, useDeepResearch, useProject, useSkills };
+export { type ActionItem, type ActionMenuProps, type AdvancedResearchOptions, type AlternativeResponse, type ChatAttachment, ChatHeader, ChatInput, type ChatMessage, type ChatProject, type ChatSession, ChatSidebar, type ChatToolDefinition, type ChatToolParameter, ChatUI, type ChatUIComponents, type ChatUIProps, type ChecklistBlock, ChecklistCard, type ChecklistCardProps, type ChecklistItem, ChecklistMiniIndicator, type ChecklistMiniIndicatorProps, ChecklistPanel, type ChecklistPanelProps, ContentPartRenderer, type ContentPartRendererProps, DEFAULT_PROJECT_ID, DEFAULT_PROJECT_TITLE, type DeepResearchCallbacks, type DeepResearchProgress, DeepResearchProgressUI, EmptyState, type EmptyStateProps, type ErrorContentPart, FileContentCard, type FileContentCardProps, type FileContentPart, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, ImageContentCard, type ImageContentCardProps, type ImageContentPart, type InputProps, LinkChip, type LinkChipProps, type ManualSkillItem, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, type MessageContentPart, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PollBlock, PollCard, type PollCardProps, type PollOption, type PollQuestion, type PollResponse, type PollState, type ProjectFile, ProjectSelector, type ProjectSelectorProps, ProjectSettingsModal, type ProjectSettingsModalProps, type PromptTemplate, type ProviderType, type ResponseStyle, type SearchResult, type SearchResultContentPart, type SendMessageParams, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SkillConfig, type SkillExecuteCallbacks, type SkillExecution, type SkillExecutionResult, type SkillProgress, SkillProgressUI, type SkillProgressUIProps, type SkillTrigger, type SourceItem, type SubAgentProgress, type SuggestedPrompt, type TextContentPart, type ThemeConfig, type ThemeMode, type ToolCallResult, type ToolLoadingContentPart, type ToolResultContentPart, type UseChatUIOptions, type UseChatUIReturn, type UseDeepResearchOptions, type UseProjectOptions, type UseProjectReturn, type UseSkillsOptions, type UseSkillsReturn, type UserProfile, convertToolsToSkills, createAdvancedResearchSkill, createDeepResearchSkill, migrateSessionsToProjects, useChatUI, useDeepResearch, useProject, useSkills };

package/dist/react/index.js

@@ -1052,7 +1052,7 @@ ${skillDescriptions}
 **\uBC18\uBCF5: \uD574\uB2F9 \uB3C4\uAD6C\uAC00 \uC788\uB2E4\uBA74, <skill_use> \uD0DC\uADF8 \uC5C6\uC774 \uC808\uB300 \uC751\uB2F5\uD558\uC9C0 \uB9C8\uC138\uC694.**`;
   }, [resolvedSkills]);
   const handleSkillCall = (0, import_react3.useCallback)(
-    async (content, callbacks) => {
+    async (content, callbacks, extraParams) => {
       const { skillCall, cleanContent } = parseSkillCallFromContent(content);
       if (!skillCall) {
         return { skillCall: null, cleanContent: content, result: null };
@@ -1062,9 +1062,10 @@ ${skillDescriptions}
         console.warn(`[useSkills] \uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uC2A4\uD0AC: ${skillCall.name}`);
         return { skillCall, cleanContent, result: null };
       }
+      const mergedParams = extraParams ? { ...skillCall.params, ...extraParams } : skillCall.params;
       setActiveSkillExecution({
         skillName: skillCall.name,
-        params: skillCall.params,
+        params: mergedParams,
         status: "executing"
       });
       const abortController = new AbortController();
@@ -1080,7 +1081,7 @@ ${skillDescriptions}
           onStream: callbacks?.onStream,
           signal: callbacks?.signal || abortController.signal
         };
-        const result = await skill.execute(skillCall.params, mergedCallbacks);
+        const result = await skill.execute(mergedParams, mergedCallbacks);
         setActiveSkillExecution(
           (prev) => prev ? { ...prev, status: "done", result } : null
         );
@@ -1781,8 +1782,6 @@ var useChatUI = (options) => {
     onDeleteProject,
     onAddProjectFile,
     onDeleteProjectFile,
-    // Image attachment mode
-    imageAttachmentMode = "auto-execute",
     // Stream control
     continueAfterToolResult = true,
     onSkillComplete,
@@ -1859,6 +1858,7 @@ var useChatUI = (options) => {
   const skipNextSkillParsingRef = (0, import_react5.useRef)(false);
   const skipNextChecklistParsingRef = (0, import_react5.useRef)(false);
   const activeChecklistRef = (0, import_react5.useRef)(null);
+  const pendingAttachmentDataRef = (0, import_react5.useRef)(null);
   const lastExtractionMsgCountRef = (0, import_react5.useRef)(0);
   const memoryOptions = (0, import_react5.useMemo)(
     () => ({
@@ -2603,20 +2603,12 @@ ${finalContent}`;
       })
     );
     let attachmentResults = [];
-    const aiDecideImageAttachments = [];
     if (currentAttachments.length > 0) {
-      const autoExecAttachments = imageAttachmentMode === "ai-decide" ? currentAttachments.filter((att) => {
-        if (att.type === "image") {
-          aiDecideImageAttachments.push(att);
-          return false;
-        }
-        return true;
-      }) : currentAttachments;
       const attachmentSkills = Object.entries(resolvedSkills).filter(
         ([, config]) => config.trigger === "attachment"
       );
       for (const [skillName, skillConfig] of attachmentSkills) {
-        const matchedFiles = autoExecAttachments.filter((att) => {
+        const matchedFiles = currentAttachments.filter((att) => {
           if (!skillConfig.acceptedTypes || skillConfig.acceptedTypes.length === 0) return true;
           return skillConfig.acceptedTypes.some((type) => {
             if (type.startsWith(".")) return att.name.toLowerCase().endsWith(type.toLowerCase());
@@ -2701,6 +2693,14 @@ ${finalContent}`;
           );
         }
       }
+      const hasImageAttachments = currentAttachments.some((a) => a.type === "image");
+      const hasUserText = finalContent.trim().length > 0;
+      if (hasImageAttachments && hasUserText) {
+        const imageAttachments = currentAttachments.filter((a) => a.type === "image");
+        pendingAttachmentDataRef.current = await convertAttachmentsToBase64(imageAttachments);
+      } else {
+        pendingAttachmentDataRef.current = null;
+      }
     }
     let shouldContinueAfterAttachment = continueAfterToolResult;
     if (attachmentResults.length > 0) {
@@ -2794,48 +2794,37 @@ ${currentContextSummary}` },
       } else {
         chatMessages = messagesToSend.map((m) => ({ role: m.role, content: m.content }));
       }
-      if (aiDecideImageAttachments.length > 0) {
-        const imageBase64s = await Promise.all(
-          aiDecideImageAttachments.map(async (att) => ({
-            mimeType: att.mimeType,
-            base64: await fileToBase64(att.file)
-          }))
-        );
-        for (let i = chatMessages.length - 1; i >= 0; i--) {
-          if (chatMessages[i].role === "user") {
-            const textContent = typeof chatMessages[i].content === "string" ? chatMessages[i].content : "";
-            const multimodalParts = [];
-            if (textContent.trim()) {
-              multimodalParts.push({ type: "text", text: textContent });
-            }
-            for (const img of imageBase64s) {
-              multimodalParts.push({
-                type: "image_url",
-                image_url: { url: `data:${img.mimeType};base64,${img.base64}` }
-              });
-            }
-            chatMessages[i] = { ...chatMessages[i], content: multimodalParts };
-            break;
-          }
-        }
-      }
       if (attachmentResults.length > 0 && shouldContinueAfterAttachment) {
-        skipNextSkillParsingRef.current = true;
         const attachmentContext = attachmentResults.filter((part) => part.type === "tool_result").map((part) => `[${part.label || part.toolName} \uACB0\uACFC]
 ${part.result.content}`).join("\n\n");
         if (attachmentContext) {
-          chatMessages.push({
-            role: "user",
-            /** @Todo vibecode - 원본 파일 재요청 방지 + skill_use 태그 사용 금지 명시 */
-            content: `\uC0AC\uC6A9\uC790\uAC00 \uCCA8\uBD80\uD55C \uD30C\uC77C\uC758 \uBD84\uC11D \uACB0\uACFC\uC785\uB2C8\uB2E4. \uC6D0\uBCF8 \uD30C\uC77C \uB0B4\uC6A9\uC774 \uC774\uBBF8 \uC544\uB798\uC5D0 \uD3EC\uD568\uB418\uC5B4 \uC788\uC73C\uBBC0\uB85C \uC6D0\uBCF8 \uD30C\uC77C\uC744 \uB2E4\uC2DC \uC694\uCCAD\uD558\uC9C0 \uB9C8\uC138\uC694.
+          const hasImageWithText = pendingAttachmentDataRef.current !== null;
+          if (hasImageWithText) {
+            chatMessages.push({
+              role: "user",
+              /** @Todo vibecode - 분석 결과 제공 + 도구 선택 허용 (편집/생성 등) */
+              content: `\uC0AC\uC6A9\uC790\uAC00 \uC774\uBBF8\uC9C0\uB97C \uCCA8\uBD80\uD588\uC2B5\uB2C8\uB2E4. \uC544\uB798\uB294 \uC774\uBBF8\uC9C0 \uC790\uB3D9 \uBD84\uC11D \uACB0\uACFC\uC785\uB2C8\uB2E4.
+
+${attachmentContext}
+
+\uC0AC\uC6A9\uC790\uC758 \uC694\uCCAD: "${finalContent}"
+
+\uC704 \uBD84\uC11D \uACB0\uACFC\uB97C \uCC38\uACE0\uD558\uB418, \uC0AC\uC6A9\uC790\uC758 \uC694\uCCAD \uC758\uB3C4\uC5D0 \uB530\uB77C \uC801\uC808\uD55C \uB3C4\uAD6C\uB97C \uC120\uD0DD\uD558\uC138\uC694. \uC774\uBBF8\uC9C0 \uD3B8\uC9D1\uC774\uB098 \uC0DD\uC131\uC774 \uD544\uC694\uD558\uBA74 \uD574\uB2F9 \uB3C4\uAD6C\uB97C \uD638\uCD9C\uD558\uACE0, \uBD84\uC11D \uACB0\uACFC\uB9CC\uC73C\uB85C \uCDA9\uBD84\uD558\uBA74 \uBC14\uB85C \uB2F5\uBCC0\uD558\uC138\uC694.`
+            });
+          } else {
+            skipNextSkillParsingRef.current = true;
+            chatMessages.push({
+              role: "user",
+              content: `\uC0AC\uC6A9\uC790\uAC00 \uCCA8\uBD80\uD55C \uD30C\uC77C\uC758 \uBD84\uC11D \uACB0\uACFC\uC785\uB2C8\uB2E4. \uC6D0\uBCF8 \uD30C\uC77C \uB0B4\uC6A9\uC774 \uC774\uBBF8 \uC544\uB798\uC5D0 \uD3EC\uD568\uB418\uC5B4 \uC788\uC73C\uBBC0\uB85C \uC6D0\uBCF8 \uD30C\uC77C\uC744 \uB2E4\uC2DC \uC694\uCCAD\uD558\uC9C0 \uB9C8\uC138\uC694.
 
 ${attachmentContext}
 
 \uC704 \uBD84\uC11D \uACB0\uACFC\uB9CC\uC73C\uB85C \uC0AC\uC6A9\uC790\uC758 \uC9C8\uBB38\uC5D0 \uB2F5\uBCC0\uD574\uC8FC\uC138\uC694. skill_use \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`
-          });
+            });
+          }
         }
       }
-      console.log("[ChatUI] Messages to send:", chatMessages.length, chatMessages.map((m) => ({ role: m.role, content: typeof m.content === "string" ? m.content.slice(0, 50) : "[multimodal]" })));
+      console.log("[ChatUI] Messages to send:", chatMessages.length, chatMessages.map((m) => ({ role: m.role, content: m.content.slice(0, 50) })));
       const baseSystemPrompt = buildSystemPrompt();
       const combinedSystemPrompt = [baseSystemPrompt, actionPrompt].filter(Boolean).join("\n\n");
       const messagesForApi = combinedSystemPrompt ? [{ role: "system", content: combinedSystemPrompt }, ...chatMessages] : chatMessages;
@@ -3053,9 +3042,11 @@ ${attachmentContext}
               })
             );
             try {
+              const attachExtra = pendingAttachmentDataRef.current ? { __attachedImages__: pendingAttachmentDataRef.current } : void 0;
               const { result: skillResult } = await handleSkillCall(assistantContent, {
                 signal: abortControllerRef.current?.signal
-              });
+              }, attachExtra);
+              pendingAttachmentDataRef.current = null;
               if (skillResult?.content) {
                 accumulatedContent = skillResult.content;
               }
@@ -3084,6 +3075,8 @@ ${attachmentContext}
               })
             );
             let streamedReport = "";
+            const attachExtraParams = pendingAttachmentDataRef.current ? { __attachedImages__: pendingAttachmentDataRef.current } : void 0;
+            pendingAttachmentDataRef.current = null;
             const { result } = await handleSkillCall(assistantContent, {
               onProgress: (progress) => {
                 setSessions(
@@ -3118,7 +3111,7 @@ ${attachmentContext}
                 );
               },
               signal: abortControllerRef.current?.signal
-            });
+            }, attachExtraParams);
             if (result) {
               if (result.metadata?.__toolResult__) {
                 const resultType = result.metadata.resultType;
@@ -12409,7 +12402,6 @@ var ChatUIWithHook = ({
   skills,
   tools,
   onToolCall,
-  imageAttachmentMode,
   continueAfterToolResult,
   onSkillComplete,
   onLoadModels,
@@ -12452,7 +12444,6 @@ var ChatUIWithHook = ({
     skills,
     tools,
     onToolCall,
-    imageAttachmentMode,
     continueAfterToolResult,
     onSkillComplete,
     onLoadModels,