@supyagent/sdk 0.1.19 → 0.1.21

package/dist/react.d.cts

@@ -21,8 +21,14 @@ declare function getProviderLabel(provider: string): string;
 /**
  * Determine which formatter to use based on tool name prefix.
  */
-type FormatterType = "email" | "calendar" | "slack" | "github" | "drive" | "search" | "docs" | "sheets" | "slides" | "hubspot" | "linear" | "pipedrive" | "compute" | "resend" | "inbox" | "discord" | "notion" | "twitter" | "telegram" | "stripe" | "jira" | "salesforce" | "brevo" | "calendly" | "twilio" | "linkedin" | "bash" | "generic";
+type FormatterType = "email" | "calendar" | "slack" | "github" | "drive" | "search" | "docs" | "sheets" | "slides" | "hubspot" | "linear" | "pipedrive" | "compute" | "resend" | "inbox" | "discord" | "notion" | "twitter" | "telegram" | "stripe" | "jira" | "salesforce" | "brevo" | "calendly" | "twilio" | "linkedin" | "bash" | "image" | "audio" | "video" | "generic";
 declare function getFormatterType(toolName: string): FormatterType;
+/**
+ * Resolve a virtual tool name for rendering purposes.
+ * For `apiCall`, derives the tool name from the API path in args.
+ * For all other tools, returns the raw name unchanged.
+ */
+declare function resolveToolName(rawToolName: string, args?: Record<string, unknown>): string;
 
 interface ToolResultPart {
     type: string;
@@ -261,4 +267,4 @@ interface LinkedInFormatterProps {
 }
 declare function LinkedInFormatter({ data }: LinkedInFormatterProps): react_jsx_runtime.JSX.Element;
 
-export { BrevoFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, unwrapSupyagentResult };
+export { BrevoFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };

package/dist/react.d.ts

@@ -21,8 +21,14 @@ declare function getProviderLabel(provider: string): string;
 /**
  * Determine which formatter to use based on tool name prefix.
  */
-type FormatterType = "email" | "calendar" | "slack" | "github" | "drive" | "search" | "docs" | "sheets" | "slides" | "hubspot" | "linear" | "pipedrive" | "compute" | "resend" | "inbox" | "discord" | "notion" | "twitter" | "telegram" | "stripe" | "jira" | "salesforce" | "brevo" | "calendly" | "twilio" | "linkedin" | "bash" | "generic";
+type FormatterType = "email" | "calendar" | "slack" | "github" | "drive" | "search" | "docs" | "sheets" | "slides" | "hubspot" | "linear" | "pipedrive" | "compute" | "resend" | "inbox" | "discord" | "notion" | "twitter" | "telegram" | "stripe" | "jira" | "salesforce" | "brevo" | "calendly" | "twilio" | "linkedin" | "bash" | "image" | "audio" | "video" | "generic";
 declare function getFormatterType(toolName: string): FormatterType;
+/**
+ * Resolve a virtual tool name for rendering purposes.
+ * For `apiCall`, derives the tool name from the API path in args.
+ * For all other tools, returns the raw name unchanged.
+ */
+declare function resolveToolName(rawToolName: string, args?: Record<string, unknown>): string;
 
 interface ToolResultPart {
     type: string;
@@ -261,4 +267,4 @@ interface LinkedInFormatterProps {
 }
 declare function LinkedInFormatter({ data }: LinkedInFormatterProps): react_jsx_runtime.JSX.Element;
 
-export { BrevoFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, unwrapSupyagentResult };
+export { BrevoFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };

package/dist/react.js

@@ -42,7 +42,10 @@ var PROVIDER_LABELS = {
   salesforce: "Salesforce",
   brevo: "Brevo",
   calendly: "Calendly",
-  twilio: "Twilio"
+  twilio: "Twilio",
+  image: "Image",
+  audio: "Audio",
+  video: "Video"
 };
 function getProviderLabel(provider) {
   return PROVIDER_LABELS[provider] || provider.charAt(0).toUpperCase() + provider.slice(1);
@@ -114,6 +117,17 @@ function getFormatterType(toolName) {
       return "twilio";
     case "linkedin":
       return "linkedin";
+    case "image":
+      return "image";
+    case "tts":
+    case "stt":
+      return "audio";
+    case "video":
+      return "video";
+    case "code":
+      return "compute";
+    case "ocr":
+      return "generic";
     case "bash":
     case "shell":
       return "bash";
@@ -121,6 +135,13 @@ function getFormatterType(toolName) {
       return "generic";
   }
 }
+function resolveToolName(rawToolName, args) {
+  if (rawToolName !== "apiCall" || !args) return rawToolName;
+  const path = typeof args.path === "string" ? args.path : "";
+  const stripped = path.replace(/^\/api\/v1\//, "");
+  if (!stripped || stripped === path) return rawToolName;
+  return stripped.split("/").filter(Boolean).join("_");
+}
 
 // src/ui/collapsible-result.tsx
 import { useState } from "react";
@@ -551,6 +572,56 @@ function getLinkedinSummary(data) {
   }
   return { text: "LinkedIn result" };
 }
+function getImageSummary(data, toolName) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (d.status === "processing" || d.poll_url) {
+      return { text: "Generating image...", badge: { text: "processing", variant: "warning" } };
+    }
+    if (d.image_url) {
+      return { text: "Image generated", badge: { text: "done", variant: "success" } };
+    }
+  }
+  return { text: humanizeToolName(toolName) };
+}
+function getAudioSummary(data, toolName) {
+  const isTTS = toolName.toLowerCase().startsWith("tts");
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (d.status === "processing" || d.poll_url) {
+      return {
+        text: isTTS ? "Generating audio..." : "Transcribing...",
+        badge: { text: "processing", variant: "warning" }
+      };
+    }
+    if (d.audio_url) {
+      return { text: "Audio generated", badge: { text: "done", variant: "success" } };
+    }
+    if (d.result && typeof d.result === "object" && "text" in d.result) {
+      return { text: "Transcription complete", badge: { text: "done", variant: "success" } };
+    }
+  }
+  return { text: isTTS ? "Text-to-speech" : "Transcription" };
+}
+function getVideoSummary(data, toolName) {
+  const isUnderstand = toolName.toLowerCase().includes("understand");
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (d.status === "processing" || d.poll_url) {
+      return {
+        text: isUnderstand ? "Analyzing video..." : "Generating video...",
+        badge: { text: "processing", variant: "warning" }
+      };
+    }
+    if (d.answer) {
+      return { text: "Video analysis complete", badge: { text: "done", variant: "success" } };
+    }
+    if (d.result && typeof d.result === "object") {
+      return { text: "Video generated", badge: { text: "done", variant: "success" } };
+    }
+  }
+  return { text: isUnderstand ? "Video analysis" : "Video generation" };
+}
 function getBashSummary(data) {
   if (typeof data !== "object" || data === null) return { text: "Command executed" };
   const d = data;
@@ -590,6 +661,9 @@ var SUMMARY_MAP = {
   calendly: getCalendlySummary,
   twilio: getTwilioSummary,
   linkedin: getLinkedinSummary,
+  image: getImageSummary,
+  audio: getAudioSummary,
+  video: getVideoSummary,
   bash: getBashSummary,
   generic: getGenericSummary
 };
@@ -3063,7 +3137,9 @@ function renderFormatter(formatterType, data) {
 function SupyagentToolResult({ part }) {
   const state = extractState(part);
   const result = extractResult(part);
-  const toolName = extractToolName(part);
+  const rawToolName = extractToolName(part);
+  const args = extractArgs(part);
+  const toolName = resolveToolName(rawToolName, args);
   if (state !== "output-available" || result === void 0) {
     return null;
   }
@@ -3342,6 +3418,7 @@ export {
   normalizeMicrosoftCalendar,
   normalizeMicrosoftDrive,
   normalizeMicrosoftMail,
+  resolveToolName,
   unwrapSupyagentResult
 };
 //# sourceMappingURL=react.js.map