@gendive/chatllm 0.15.1 → 0.15.3

package/dist/react/index.d.mts

@@ -328,6 +328,10 @@ interface ChatToolDefinition {
     name: string;
     description: string;
     parameters: Record<string, ChatToolParameter>;
+    /** @Todo vibecode - UI 표시용 라벨 (미제공 시 name 사용) */
+    label?: string;
+    /** @Todo vibecode - UI 표시용 아이콘 ('image', 'search', 'code', 'file') */
+    icon?: string;
 }
 interface ChatMessage {
     id: string;
@@ -1531,11 +1535,11 @@ declare const FileContentCard: React$1.FC<FileContentCardProps>;
 
 /**
  * @description 도구 정의 배열을 스킬 레코드로 변환
- * @Todo vibecode - 각 tool을 trigger: 'auto' SkillConfig로 변환
+ * @Todo vibecode - 각 tool을 trigger: 'both' SkillConfig로 변환
  *
  * 변환 규칙:
  * - skill name = tool.name (접두사 없음)
- * - trigger: 'auto' (AI가 자동 호출)
+ * - trigger: 'both' (AI 자동 호출 + '+' 메뉴에서 수동 선택)
  * - execute: onToolCall 호출 → SkillExecutionResult 반환
  * - metadata.__toolResult__: true (도구 결과 식별용)
  */

package/dist/react/index.d.ts

@@ -328,6 +328,10 @@ interface ChatToolDefinition {
     name: string;
     description: string;
     parameters: Record<string, ChatToolParameter>;
+    /** @Todo vibecode - UI 표시용 라벨 (미제공 시 name 사용) */
+    label?: string;
+    /** @Todo vibecode - UI 표시용 아이콘 ('image', 'search', 'code', 'file') */
+    icon?: string;
 }
 interface ChatMessage {
     id: string;
@@ -1531,11 +1535,11 @@ declare const FileContentCard: React$1.FC<FileContentCardProps>;
 
 /**
  * @description 도구 정의 배열을 스킬 레코드로 변환
- * @Todo vibecode - 각 tool을 trigger: 'auto' SkillConfig로 변환
+ * @Todo vibecode - 각 tool을 trigger: 'both' SkillConfig로 변환
  *
  * 변환 규칙:
  * - skill name = tool.name (접두사 없음)
- * - trigger: 'auto' (AI가 자동 호출)
+ * - trigger: 'both' (AI 자동 호출 + '+' 메뉴에서 수동 선택)
  * - execute: onToolCall 호출 → SkillExecutionResult 반환
  * - metadata.__toolResult__: true (도구 결과 식별용)
  */

package/dist/react/index.js

@@ -979,21 +979,53 @@ var useSkills = (options) => {
     );
     if (autoSkills.length === 0) return "";
     const skillDescriptions = autoSkills.map(([name, config]) => {
-      const paramsDesc = config.parameters ? Object.entries(config.parameters.properties).map(([k, v]) => `${k}: ${v.description || v.type}`).join(", ") : "";
-      return `- ${name}: ${config.description}${paramsDesc ? ` (\uD30C\uB77C\uBBF8\uD130: ${paramsDesc})` : ""}`;
-    }).join("\n");
-    return `## \uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uC2A4\uD0AC
+      let desc = `### ${name}
+${config.description}`;
+      if (config.parameters?.properties) {
+        desc += "\n\uD30C\uB77C\uBBF8\uD130:";
+        const props = config.parameters.properties;
+        const requiredList = config.parameters.required || [];
+        Object.entries(props).forEach(([key, prop]) => {
+          const isRequired = requiredList.includes(key);
+          const tag = isRequired ? "(\uD544\uC218)" : "(\uC120\uD0DD)";
+          let line = `
+- ${key} ${tag}: ${prop.description || prop.type}`;
+          if (prop.enum) {
+            line += ` [\uAC00\uB2A5\uD55C \uAC12: ${prop.enum.join(", ")}]`;
+          }
+          desc += line;
+        });
+        const exampleParams = {};
+        Object.entries(props).forEach(([key, prop]) => {
+          if (prop.enum) {
+            exampleParams[key] = prop.enum[0];
+          } else if (prop.description) {
+            exampleParams[key] = `${prop.description}`;
+          } else {
+            exampleParams[key] = key;
+          }
+        });
+        desc += `
+\uC608\uC2DC: <skill_use name="${name}">${JSON.stringify(exampleParams)}</skill_use>`;
+      }
+      return desc;
+    }).join("\n\n");
+    return `## \uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uB3C4\uAD6C
+
+\uC544\uB798 \uB3C4\uAD6C\uB97C \uC801\uADF9\uC801\uC73C\uB85C \uC0AC\uC6A9\uD558\uC138\uC694. \uC0AC\uC6A9\uC790\uC758 \uC694\uCCAD\uC5D0 \uB9DE\uB294 \uB3C4\uAD6C\uAC00 \uC788\uC73C\uBA74 \uBC18\uB4DC\uC2DC \uD638\uCD9C\uD574\uC57C \uD569\uB2C8\uB2E4.
 
-\uB2E4\uC74C \uC2A4\uD0AC\uC744 \uD544\uC694\uD560 \uB54C \uD638\uCD9C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.
-\uD638\uCD9C \uD615\uC2DD: <skill_use name="\uC2A4\uD0AC\uC774\uB984">{"param":"value"}</skill_use>
+\uD638\uCD9C \uD615\uC2DD:
+<skill_use name="\uB3C4\uAD6C\uC774\uB984">{"\uD30C\uB77C\uBBF8\uD130": "\uAC12"}</skill_use>
 
 ${skillDescriptions}
 
-\uADDC\uCE59:
-- \uC2A4\uD0AC \uD638\uCD9C\uC774 \uD544\uC694\uD558\uBA74 \uC751\uB2F5\uC5D0 \uC704 \uD0DC\uADF8\uB97C \uD3EC\uD568\uD558\uC138\uC694
-- \uD55C \uBC88\uC5D0 \uD558\uB098\uC758 \uC2A4\uD0AC\uB9CC \uD638\uCD9C\uD558\uC138\uC694
-- \uC2A4\uD0AC \uD638\uCD9C \uD0DC\uADF8 \uC678\uC5D0 \uC0AC\uC6A9\uC790\uC5D0\uAC8C \uBCF4\uC5EC\uC904 \uC548\uB0B4 \uBA54\uC2DC\uC9C0\uB3C4 \uD568\uAED8 \uC791\uC131\uD558\uC138\uC694
-- \uC2A4\uD0AC\uC774 \uC2E4\uD589\uB418\uBA74 \uACB0\uACFC\uAC00 \uC790\uB3D9\uC73C\uB85C \uC804\uB2EC\uB429\uB2C8\uB2E4`;
+**\uADDC\uCE59:**
+- \uC774\uBBF8\uC9C0 \uC0DD\uC131/\uADF8\uB9BC/\uC77C\uB7EC\uC2A4\uD2B8 \uC694\uCCAD \u2192 \uBC18\uB4DC\uC2DC generate_image \uB3C4\uAD6C \uD638\uCD9C
+- \uCD5C\uC2E0 \uC815\uBCF4/\uAC80\uC0C9/\uB274\uC2A4 \uC694\uCCAD \u2192 \uBC18\uB4DC\uC2DC web_search \uB3C4\uAD6C \uD638\uCD9C
+- \uB3C4\uAD6C \uD638\uCD9C \uC2DC \uC9E7\uC740 \uC548\uB0B4 \uBA54\uC2DC\uC9C0\uB97C \uBA3C\uC800 \uC791\uC131\uD558\uACE0, \uADF8 \uB4A4\uC5D0 skill_use \uD0DC\uADF8\uB97C \uD3EC\uD568\uD558\uC138\uC694
+- \uD55C \uBC88\uC5D0 \uD558\uB098\uC758 \uB3C4\uAD6C\uB9CC \uD638\uCD9C\uD558\uC138\uC694
+- \uB3C4\uAD6C \uC5C6\uC774 \uD14D\uC2A4\uD2B8\uB85C\uB9CC \uB2F5\uBCC0\uD558\uC9C0 \uB9C8\uC138\uC694 (\uD574\uB2F9 \uB3C4\uAD6C\uAC00 \uC788\uB294 \uACBD\uC6B0)
+- \uB3C4\uAD6C\uAC00 \uC2E4\uD589\uB418\uBA74 \uACB0\uACFC\uAC00 \uC790\uB3D9\uC73C\uB85C \uC804\uB2EC\uB429\uB2C8\uB2E4`;
   }, [resolvedSkills]);
   const handleSkillCall = (0, import_react3.useCallback)(
     async (content, callbacks) => {
@@ -1221,8 +1253,9 @@ var convertToolsToSkills = (tools, onToolCall) => {
   for (const tool of tools) {
     skillMap[tool.name] = {
       description: tool.description,
-      trigger: "auto",
-      label: tool.name,
+      trigger: "both",
+      label: tool.label || tool.name,
+      icon: tool.icon,
       parameters: {
         type: "object",
         properties: Object.fromEntries(
@@ -2096,6 +2129,7 @@ ${currentContextSummary}` },
       const decoder = new TextDecoder();
       let buffer = "";
       let accumulatedContent = "";
+      let skillTagDetected = false;
       while (true) {
         const { done, value } = await reader.read();
         if (done) break;
@@ -2115,6 +2149,12 @@ ${currentContextSummary}` },
             const thinking = parsed.message?.thinking || "";
             if (content2 || thinking) {
               if (content2) accumulatedContent += content2;
+              if (!skipNextSkillParsingRef.current && accumulatedContent.includes("</skill_use>")) {
+                const endIdx = accumulatedContent.indexOf("</skill_use>");
+                accumulatedContent = accumulatedContent.substring(0, endIdx + "</skill_use>".length);
+                skillTagDetected = true;
+              }
+              const displayContent = skillTagDetected ? accumulatedContent : null;
               setSessions(
                 (prev) => prev.map((s) => {
                   if (s.id === capturedSessionId) {
@@ -2122,6 +2162,9 @@ ${currentContextSummary}` },
                       ...s,
                       messages: s.messages.map((m) => {
                         if (m.id !== assistantMessageId) return m;
+                        if (displayContent) {
+                          return { ...m, content: displayContent };
+                        }
                         let newContent = m.content;
                         if (thinking) {
                           if (!newContent.includes("<thinking>")) {
@@ -2143,10 +2186,12 @@ ${currentContextSummary}` },
                   return s;
                 })
               );
+              if (skillTagDetected) break;
             }
           } catch {
           }
         }
+        if (skillTagDetected) break;
       }
       if (buffer.trim()) {
         try {
@@ -2938,11 +2983,23 @@ ${currentSession.contextSummary}` },
      */
     manualSkills,
     /**
-     * @description manual 스킬 실행
-     * @Todo vibecode - 사용자가 UI에서 스킬 선택 시 호출, input 내용을 query로 전달
+     * @description manual 스킬/도구 선택 핸들러
+     * @Todo vibecode - 도구 스킬은 selectedAction으로 변환, 일반 스킬은 즉시 실행
      */
     executeManualSkill: (skillName) => {
-      executeManualSkill(skillName, { query: input });
+      const isToolSkill = tools?.some((t) => t.name === skillName);
+      if (isToolSkill) {
+        const toolConfig = tools.find((t) => t.name === skillName);
+        setSelectedAction({
+          id: `tool_${skillName}`,
+          label: toolConfig.label || toolConfig.name,
+          icon: toolConfig.icon || "sparkling",
+          description: toolConfig.description,
+          systemPrompt: `\uC0AC\uC6A9\uC790\uAC00 "${toolConfig.label || skillName}" \uB3C4\uAD6C\uB97C \uC0AC\uC6A9\uD558\uB824\uACE0 \uD569\uB2C8\uB2E4. \uC0AC\uC6A9\uC790\uC758 \uBA54\uC2DC\uC9C0\uB97C \uBC14\uD0D5\uC73C\uB85C \uBC18\uB4DC\uC2DC <skill_use name="${skillName}"> \uD0DC\uADF8\uB97C \uC0AC\uC6A9\uD558\uC5EC \uC774 \uB3C4\uAD6C\uB97C \uD638\uCD9C\uD558\uC138\uC694. \uB3C4\uAD6C\uB97C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uACE0 \uD14D\uC2A4\uD2B8\uB85C\uB9CC \uB2F5\uBCC0\uD558\uC9C0 \uB9C8\uC138\uC694.`
+        });
+      } else {
+        executeManualSkill(skillName, { query: input });
+      }
     }
   };
 };