@supyagent/sdk 0.1.21 → 0.1.23

package/dist/react.cjs

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_exports = {};
 __export(react_exports, {
   BrevoFormatter: () => BrevoFormatter,
+  BrowserFormatter: () => BrowserFormatter,
   CalendarEventFormatter: () => CalendarEventFormatter,
   CalendlyFormatter: () => CalendlyFormatter,
   CollapsibleResult: () => CollapsibleResult,
@@ -65,6 +66,7 @@ __export(react_exports, {
   ToolInput: () => ToolInput,
   TwilioFormatter: () => TwilioFormatter,
   TwitterFormatter: () => TwitterFormatter,
+  WhatsAppFormatter: () => WhatsAppFormatter,
   extractArgs: () => extractArgs,
   extractResult: () => extractResult,
   extractState: () => extractState,
@@ -128,7 +130,14 @@ var PROVIDER_LABELS = {
   twilio: "Twilio",
   image: "Image",
   audio: "Audio",
-  video: "Video"
+  video: "Video",
+  shopify: "Shopify",
+  sap: "SAP",
+  jobs: "Jobs",
+  browser: "Browser",
+  files: "Files",
+  db: "Database",
+  radar: "Radar"
 };
 function getProviderLabel(provider) {
   return PROVIDER_LABELS[provider] || provider.charAt(0).toUpperCase() + provider.slice(1);
@@ -200,6 +209,16 @@ function getFormatterType(toolName) {
       return "twilio";
     case "linkedin":
       return "linkedin";
+    case "whatsapp":
+      return "whatsapp";
+    case "browser":
+      return "browser";
+    case "db":
+      return "compute";
+    case "files":
+      return "drive";
+    case "radar":
+      return "search";
     case "image":
       return "image";
     case "tts":
@@ -262,7 +281,9 @@ var ICON_MAP = {
   microsoft: import_lucide_react.Monitor,
   outlook: import_lucide_react.Mail,
   onedrive: import_lucide_react.HardDrive,
-  telegram: import_lucide_react.Send
+  telegram: import_lucide_react.Send,
+  whatsapp: import_lucide_react.MessageCircle,
+  browser: import_lucide_react.Globe
 };
 function ProviderIcon({ toolName, className = "h-4 w-4" }) {
   const provider = getProviderFromToolName(toolName);
@@ -680,6 +701,40 @@ function getVideoSummary(data, toolName) {
   }
   return { text: isUnderstand ? "Video analysis" : "Video generation" };
 }
+function getWhatsappSummary(data, toolName) {
+  const action = actionFromToolName(toolName);
+  if (action === "send") {
+    const to = typeof data === "object" && data !== null && "to" in data ? String(data.to) : void 0;
+    return { text: to ? `Sent message to ${to}` : "Sent message", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages");
+  if (n > 0) return { text: `${n} messages`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "body" in data) {
+    const body = String(data.body);
+    return { text: body.length > 60 ? body.slice(0, 60) + "..." : body };
+  }
+  return { text: "WhatsApp result" };
+}
+function getBrowserSummary(data, toolName) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (d.url && typeof d.url === "string") {
+      try {
+        const hostname = new URL(d.url).hostname.replace("www.", "");
+        return { text: `Visited ${hostname}` };
+      } catch {
+        return { text: `Visited ${d.url}` };
+      }
+    }
+    if (d.screenshot_url || d.screenshot) {
+      return { text: "Page screenshot captured" };
+    }
+    if (d.content || d.text || d.markdown) {
+      return { text: "Page content extracted" };
+    }
+  }
+  return { text: humanizeToolName(toolName) };
+}
 function getBashSummary(data) {
   if (typeof data !== "object" || data === null) return { text: "Command executed" };
   const d = data;
@@ -722,6 +777,8 @@ var SUMMARY_MAP = {
   image: getImageSummary,
   audio: getAudioSummary,
   video: getVideoSummary,
+  whatsapp: getWhatsappSummary,
+  browser: getBrowserSummary,
   bash: getBashSummary,
   generic: getGenericSummary
 };
@@ -3065,17 +3122,143 @@ function LinkedInFormatter({ data }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
 }
 
-// src/ui/formatters/generic.tsx
+// src/ui/formatters/whatsapp.tsx
+var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
+function isWhatsAppMessage(data) {
+  return typeof data === "object" && data !== null && ("body" in data || "text" in data || "from" in data);
+}
+function formatTimestamp3(ts) {
+  try {
+    const date = typeof ts === "number" ? new Date(ts > 1e12 ? ts : ts * 1e3) : new Date(ts);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 6e4);
+    const diffHours = Math.floor(diffMs / 36e5);
+    const diffDays = Math.floor(diffMs / 864e5);
+    if (diffMins < 1) return "Just now";
+    if (diffMins < 60) return `${diffMins}m ago`;
+    if (diffHours < 24) return `${diffHours}h ago`;
+    if (diffDays < 7) return `${diffDays}d ago`;
+    return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  } catch {
+    return String(ts);
+  }
+}
+function MessageCard4({ message }) {
+  const sender = message.profile_name || message.contact_name || message.from;
+  const body = message.body || message.text;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react29.MessageCircle, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      sender && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "flex items-center gap-1 text-xs font-medium text-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react29.User, { className: "h-3 w-3" }),
+        sender
+      ] }),
+      message.type && message.type !== "text" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: message.type }),
+      message.status && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: `inline-flex rounded-full px-2 py-0.5 text-xs ${message.status === "delivered" || message.status === "read" ? "text-green-500 bg-green-500/10" : "text-muted-foreground bg-muted"}`, children: message.status }),
+      message.timestamp && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react29.Clock, { className: "h-3 w-3" }),
+        formatTimestamp3(message.timestamp)
+      ] })
+    ] }),
+    body && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-foreground line-clamp-3", children: body })
+  ] });
+}
+function WhatsAppFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "messages" in data) {
+    const msgs = data.messages;
+    if (Array.isArray(msgs)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-2", children: msgs.filter(isWhatsAppMessage).map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MessageCard4, { message: m }, m.id || i)) });
+    }
+  }
+  if (isWhatsAppMessage(data)) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MessageCard4, { message: data });
+  if (Array.isArray(data)) {
+    const msgs = data.filter(isWhatsAppMessage);
+    if (msgs.length > 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-2", children: msgs.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MessageCard4, { message: m }, m.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+}
+
+// src/ui/formatters/browser.tsx
+var import_lucide_react30 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function isBrowserData(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "url" in data || "content" in data || "text" in data || "markdown" in data || "screenshot_url" in data || "screenshot" in data;
+}
+function getDomain2(url) {
+  try {
+    return new URL(url).hostname.replace("www.", "");
+  } catch {
+    return url;
+  }
+}
+function BrowserFormatter({ data }) {
+  if (!isBrowserData(data)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  }
+  const content = data.content || data.text || data.markdown || "";
+  const screenshotUrl = data.screenshot_url || data.screenshot;
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-2", children: [
+    data.url && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react30.Globe, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        data.title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium text-foreground truncate", children: data.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-muted-foreground truncate", children: getDomain2(data.url) })
+      ] }),
+      data.status && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: `inline-flex rounded-full px-2 py-0.5 text-xs ${Number(data.status) >= 200 && Number(data.status) < 300 ? "text-green-500 bg-green-500/10" : Number(data.status) >= 400 ? "text-destructive bg-destructive/10" : "text-muted-foreground bg-muted"}`, children: data.status }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: data.url, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react30.ExternalLink, { className: "h-3.5 w-3.5" }) })
+    ] }) }),
+    screenshotUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-1.5 bg-muted border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react30.Image, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs text-muted-foreground", children: "Screenshot" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "img",
+        {
+          src: screenshotUrl,
+          alt: data.title || "Page screenshot",
+          className: "w-full rounded border border-border"
+        }
+      ) })
+    ] }),
+    content && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-1.5 bg-muted border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react30.FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs text-muted-foreground", children: "Extracted content" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { className: "p-3 text-xs text-foreground overflow-x-auto max-h-80 overflow-y-auto font-mono whitespace-pre-wrap", children: content })
+    ] }),
+    data.links && data.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { className: "text-xs font-medium text-muted-foreground mb-1.5", children: [
+        "Links (",
+        data.links.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "space-y-1 max-h-40 overflow-y-auto", children: data.links.slice(0, 20).map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react30.ExternalLink, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+        link.href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline truncate", children: link.text || link.href }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs text-foreground truncate", children: link.text })
+      ] }, i)) })
+    ] }),
+    !data.url && !content && !screenshotUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) })
+  ] });
+}
+
+// src/ui/formatters/generic.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function GenericFormatter({ data }) {
   if (data === null || data === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground italic", children: "No data returned" });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-muted-foreground italic", children: "No data returned" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { className: "rounded-lg border border-border bg-background p-3 text-xs text-foreground overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
 }
 
 // src/ui/tool-result.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function extractToolName(part) {
   if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
     return part.type.slice(5);
@@ -3128,59 +3311,63 @@ function maybeNormalize(toolName, formatterType, data) {
 function renderFormatter(formatterType, data) {
   switch (formatterType) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EmailFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EmailFormatter, { data });
     case "calendar":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CalendarEventFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CalendarEventFormatter, { data });
     case "slack":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SlackMessageFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlackMessageFormatter, { data });
     case "github":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GithubFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GithubFormatter, { data });
     case "drive":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DriveFileFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DriveFileFormatter, { data });
     case "search":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SearchFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SearchFormatter, { data });
     case "docs":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DocsFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DocsFormatter, { data });
     case "sheets":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SheetsFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SheetsFormatter, { data });
     case "slides":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SlidesFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlidesFormatter, { data });
     case "hubspot":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HubspotFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(HubspotFormatter, { data });
     case "linear":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinearFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LinearFormatter, { data });
     case "pipedrive":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PipedriveFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PipedriveFormatter, { data });
     case "compute":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ComputeFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComputeFormatter, { data });
     case "resend":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ResendFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ResendFormatter, { data });
     case "inbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InboxFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(InboxFormatter, { data });
     case "discord":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DiscordFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DiscordFormatter, { data });
     case "notion":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(NotionFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(NotionFormatter, { data });
     case "twitter":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TwitterFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TwitterFormatter, { data });
     case "telegram":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TelegramFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TelegramFormatter, { data });
     case "stripe":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StripeFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StripeFormatter, { data });
     case "jira":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(JiraFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(JiraFormatter, { data });
     case "salesforce":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SalesforceFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SalesforceFormatter, { data });
     case "brevo":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(BrevoFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BrevoFormatter, { data });
     case "calendly":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CalendlyFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CalendlyFormatter, { data });
     case "twilio":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TwilioFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TwilioFormatter, { data });
     case "linkedin":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinkedInFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LinkedInFormatter, { data });
+    case "whatsapp":
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(WhatsAppFormatter, { data });
+    case "browser":
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BrowserFormatter, { data });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GenericFormatter, { data });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GenericFormatter, { data });
   }
 }
 function SupyagentToolResult({ part }) {
@@ -3195,7 +3382,7 @@ function SupyagentToolResult({ part }) {
   const formatterType = getFormatterType(toolName);
   const data = maybeNormalize(toolName, formatterType, result);
   const summary = getSummary(formatterType, data, toolName);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     CollapsibleResult,
     {
       toolName,
@@ -3208,7 +3395,7 @@ function SupyagentToolResult({ part }) {
 
 // src/ui/tool-input.tsx
 var import_react2 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function formatValue(value) {
   if (value === null || value === void 0) {
     return { text: "null", muted: true };
@@ -3242,19 +3429,19 @@ function formatValue(value) {
 }
 function ToolInput({ args }) {
   if (!args || Object.keys(args).length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: Object.entries(args).map(([key, value]) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: Object.entries(args).map(([key, value]) => {
     const formatted = formatValue(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react2.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-muted-foreground select-none", children: key }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: formatted.muted ? "text-muted-foreground" : "text-foreground", children: formatted.text })
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react2.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-muted-foreground select-none", children: key }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: formatted.muted ? "text-muted-foreground" : "text-foreground", children: formatted.text })
     ] }, key);
   }) });
 }
 
 // src/ui/tool-action.tsx
 var import_react3 = require("react");
-var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_lucide_react31 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var BADGE_STYLES2 = {
   default: "bg-muted text-muted-foreground",
   success: "bg-green-500/10 text-green-500",
@@ -3287,59 +3474,59 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
   const hasArgs = args && Object.keys(args).length > 0;
   const hasExpandableContent = hasArgs || formatterOutput;
   const canExpand = !isStreaming && hasExpandableContent;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => canExpand && setExpanded(!expanded),
             className: `flex items-center gap-2 w-full px-3 py-2 text-left transition-colors ${canExpand ? "hover:bg-muted cursor-pointer" : "cursor-default"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react29.Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react31.Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm text-foreground", children: actionLabel }),
-              summary && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-foreground", children: actionLabel }),
+              summary && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
               ] }),
-              !summary && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1" }),
-              summary?.badge && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              !summary && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "flex-1" }),
+              summary?.badge && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "span",
                 {
                   className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium shrink-0 ${BADGE_STYLES2[summary.badge.variant || "default"]}`,
                   children: summary.badge.text
                 }
               ),
-              isDone && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react29.Check, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
-              isError && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react29.AlertCircle, { className: "h-3 w-3" }),
+              isDone && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react31.Check, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
+              isError && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react31.AlertCircle, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary animate-pulse shrink-0", children: "Calling..." }),
-              canExpand && (expanded ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react29.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react29.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
+              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary animate-pulse shrink-0", children: "Calling..." }),
+              canExpand && (expanded ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react31.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react31.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "div",
           {
             className: "grid transition-[grid-template-rows] duration-200 ease-out",
             style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
-              args && Object.keys(args).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ToolInput, { args })
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
+              args && Object.keys(args).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ToolInput, { args })
               ] }),
-              formatterOutput && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
+              formatterOutput && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
                 formatterOutput
               ] })
             ] }) })
@@ -3352,8 +3539,8 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
 
 // src/ui/tool-call.tsx
 var import_react4 = require("react");
-var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react32 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function extractToolName2(part) {
   if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
     return part.type.slice(5);
@@ -3382,39 +3569,39 @@ function SupyagentToolCall({ part }) {
   const isStreaming = state === "input-streaming";
   const isError = state === "output-error";
   const isDone = state === "output-available";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => args && setExpanded(!expanded),
             className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-muted transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react30.Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react32.Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
-              isDone && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-xs text-green-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react30.Check, { className: "h-3 w-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
+              isDone && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-xs text-green-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react32.Check, { className: "h-3 w-3" }),
                 "Completed"
               ] }),
-              isError && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react30.AlertCircle, { className: "h-3 w-3" }),
+              isError && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react32.AlertCircle, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary animate-pulse", children: "Calling..." }),
-              args && (expanded ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react30.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react30.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" }))
+              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary animate-pulse", children: "Calling..." }),
+              args && (expanded ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react32.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react32.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" }))
             ]
           }
         ),
-        expanded && args && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
+        expanded && args && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
       ]
     }
   );
@@ -3422,6 +3609,7 @@ function SupyagentToolCall({ part }) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BrevoFormatter,
+  BrowserFormatter,
   CalendarEventFormatter,
   CalendlyFormatter,
   CollapsibleResult,
@@ -3455,6 +3643,7 @@ function SupyagentToolCall({ part }) {
   ToolInput,
   TwilioFormatter,
   TwitterFormatter,
+  WhatsAppFormatter,
   extractArgs,
   extractResult,
   extractState,