@supyagent/sdk 0.1.21 → 0.1.22

package/dist/react.d.cts

@@ -21,7 +21,7 @@ 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" | "image" | "audio" | "video" | "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" | "whatsapp" | "browser" | "generic";
 declare function getFormatterType(toolName: string): FormatterType;
 /**
  * Resolve a virtual tool name for rendering purposes.

package/dist/react.d.ts

@@ -21,7 +21,7 @@ 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" | "image" | "audio" | "video" | "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" | "whatsapp" | "browser" | "generic";
 declare function getFormatterType(toolName: string): FormatterType;
 /**
  * Resolve a virtual tool name for rendering purposes.

package/dist/react.js

@@ -45,7 +45,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);
@@ -117,6 +124,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":
@@ -172,7 +189,8 @@ import {
   Phone,
   MessageCircle,
   UserCircle,
-  Monitor
+  Monitor,
+  Globe
 } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 var ICON_MAP = {
@@ -204,7 +222,9 @@ var ICON_MAP = {
   microsoft: Monitor,
   outlook: Mail,
   onedrive: HardDrive,
-  telegram: Send
+  telegram: Send,
+  whatsapp: MessageCircle,
+  browser: Globe
 };
 function ProviderIcon({ toolName, className = "h-4 w-4" }) {
   const provider = getProviderFromToolName(toolName);
@@ -622,6 +642,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;
@@ -664,6 +718,8 @@ var SUMMARY_MAP = {
   image: getImageSummary,
   audio: getAudioSummary,
   video: getVideoSummary,
+  whatsapp: getWhatsappSummary,
+  browser: getBrowserSummary,
   bash: getBashSummary,
   generic: getGenericSummary
 };
@@ -1370,7 +1426,7 @@ import {
   Building2,
   Mail as Mail3,
   Phone as Phone2,
-  Globe,
+  Globe as Globe2,
   Briefcase as Briefcase2,
   DollarSign,
   Calendar as Calendar3
@@ -1474,7 +1530,7 @@ function CompanyCard({ company }) {
     ] }),
     /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pl-6 text-xs text-muted-foreground", children: [
       domain && /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx12(Globe, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx12(Globe2, { className: "h-3 w-3" }),
         domain
       ] }),
       phone && /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1", children: [
@@ -3016,17 +3072,143 @@ function LinkedInFormatter({ data }) {
   return /* @__PURE__ */ jsx28("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/whatsapp.tsx
+import { MessageCircle as MessageCircle3, User as User7, Clock as Clock10 } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs28 } from "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__ */ jsxs28("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx29(MessageCircle3, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      sender && /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1 text-xs font-medium text-foreground", children: [
+        /* @__PURE__ */ jsx29(User7, { className: "h-3 w-3" }),
+        sender
+      ] }),
+      message.type && message.type !== "text" && /* @__PURE__ */ jsx29("span", { className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: message.type }),
+      message.status && /* @__PURE__ */ jsx29("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__ */ jsxs28("span", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-auto", children: [
+        /* @__PURE__ */ jsx29(Clock10, { className: "h-3 w-3" }),
+        formatTimestamp3(message.timestamp)
+      ] })
+    ] }),
+    body && /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: "space-y-2", children: msgs.filter(isWhatsAppMessage).map((m, i) => /* @__PURE__ */ jsx29(MessageCard4, { message: m }, m.id || i)) });
+    }
+  }
+  if (isWhatsAppMessage(data)) return /* @__PURE__ */ jsx29(MessageCard4, { message: data });
+  if (Array.isArray(data)) {
+    const msgs = data.filter(isWhatsAppMessage);
+    if (msgs.length > 0) {
+      return /* @__PURE__ */ jsx29("div", { className: "space-y-2", children: msgs.map((m, i) => /* @__PURE__ */ jsx29(MessageCard4, { message: m }, m.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx29("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
+import { Globe as Globe3, ExternalLink as ExternalLink8, FileText as FileText7, Image as Image2 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs29 } from "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__ */ jsx30("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__ */ jsxs29("div", { className: "space-y-2", children: [
+    data.url && /* @__PURE__ */ jsx30("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx30(Globe3, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
+        data.title && /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium text-foreground truncate", children: data.title }),
+        /* @__PURE__ */ jsx30("p", { className: "text-xs text-muted-foreground truncate", children: getDomain2(data.url) })
+      ] }),
+      data.status && /* @__PURE__ */ jsx30("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__ */ jsx30("a", { href: data.url, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx30(ExternalLink8, { className: "h-3.5 w-3.5" }) })
+    ] }) }),
+    screenshotUrl && /* @__PURE__ */ jsxs29("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1.5 px-3 py-1.5 bg-muted border-b border-border", children: [
+        /* @__PURE__ */ jsx30(Image2, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx30("span", { className: "text-xs text-muted-foreground", children: "Screenshot" })
+      ] }),
+      /* @__PURE__ */ jsx30("div", { className: "p-2", children: /* @__PURE__ */ jsx30(
+        "img",
+        {
+          src: screenshotUrl,
+          alt: data.title || "Page screenshot",
+          className: "w-full rounded border border-border"
+        }
+      ) })
+    ] }),
+    content && /* @__PURE__ */ jsxs29("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1.5 px-3 py-1.5 bg-muted border-b border-border", children: [
+        /* @__PURE__ */ jsx30(FileText7, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx30("span", { className: "text-xs text-muted-foreground", children: "Extracted content" })
+      ] }),
+      /* @__PURE__ */ jsx30("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__ */ jsxs29("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: [
+      /* @__PURE__ */ jsxs29("p", { className: "text-xs font-medium text-muted-foreground mb-1.5", children: [
+        "Links (",
+        data.links.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx30("div", { className: "space-y-1 max-h-40 overflow-y-auto", children: data.links.slice(0, 20).map((link, i) => /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx30(ExternalLink8, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+        link.href ? /* @__PURE__ */ jsx30("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline truncate", children: link.text || link.href }) : /* @__PURE__ */ jsx30("span", { className: "text-xs text-foreground truncate", children: link.text })
+      ] }, i)) })
+    ] }),
+    !data.url && !content && !screenshotUrl && /* @__PURE__ */ jsx30("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
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GenericFormatter({ data }) {
   if (data === null || data === void 0) {
-    return /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground italic", children: "No data returned" });
+    return /* @__PURE__ */ jsx31("p", { className: "text-sm text-muted-foreground italic", children: "No data returned" });
   }
-  return /* @__PURE__ */ jsx29("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__ */ jsx31("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
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function extractToolName(part) {
   if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
     return part.type.slice(5);
@@ -3079,59 +3261,63 @@ function maybeNormalize(toolName, formatterType, data) {
 function renderFormatter(formatterType, data) {
   switch (formatterType) {
     case "email":
-      return /* @__PURE__ */ jsx30(EmailFormatter, { data });
+      return /* @__PURE__ */ jsx32(EmailFormatter, { data });
     case "calendar":
-      return /* @__PURE__ */ jsx30(CalendarEventFormatter, { data });
+      return /* @__PURE__ */ jsx32(CalendarEventFormatter, { data });
     case "slack":
-      return /* @__PURE__ */ jsx30(SlackMessageFormatter, { data });
+      return /* @__PURE__ */ jsx32(SlackMessageFormatter, { data });
     case "github":
-      return /* @__PURE__ */ jsx30(GithubFormatter, { data });
+      return /* @__PURE__ */ jsx32(GithubFormatter, { data });
     case "drive":
-      return /* @__PURE__ */ jsx30(DriveFileFormatter, { data });
+      return /* @__PURE__ */ jsx32(DriveFileFormatter, { data });
     case "search":
-      return /* @__PURE__ */ jsx30(SearchFormatter, { data });
+      return /* @__PURE__ */ jsx32(SearchFormatter, { data });
     case "docs":
-      return /* @__PURE__ */ jsx30(DocsFormatter, { data });
+      return /* @__PURE__ */ jsx32(DocsFormatter, { data });
     case "sheets":
-      return /* @__PURE__ */ jsx30(SheetsFormatter, { data });
+      return /* @__PURE__ */ jsx32(SheetsFormatter, { data });
     case "slides":
-      return /* @__PURE__ */ jsx30(SlidesFormatter, { data });
+      return /* @__PURE__ */ jsx32(SlidesFormatter, { data });
     case "hubspot":
-      return /* @__PURE__ */ jsx30(HubspotFormatter, { data });
+      return /* @__PURE__ */ jsx32(HubspotFormatter, { data });
     case "linear":
-      return /* @__PURE__ */ jsx30(LinearFormatter, { data });
+      return /* @__PURE__ */ jsx32(LinearFormatter, { data });
     case "pipedrive":
-      return /* @__PURE__ */ jsx30(PipedriveFormatter, { data });
+      return /* @__PURE__ */ jsx32(PipedriveFormatter, { data });
     case "compute":
-      return /* @__PURE__ */ jsx30(ComputeFormatter, { data });
+      return /* @__PURE__ */ jsx32(ComputeFormatter, { data });
     case "resend":
-      return /* @__PURE__ */ jsx30(ResendFormatter, { data });
+      return /* @__PURE__ */ jsx32(ResendFormatter, { data });
     case "inbox":
-      return /* @__PURE__ */ jsx30(InboxFormatter, { data });
+      return /* @__PURE__ */ jsx32(InboxFormatter, { data });
     case "discord":
-      return /* @__PURE__ */ jsx30(DiscordFormatter, { data });
+      return /* @__PURE__ */ jsx32(DiscordFormatter, { data });
     case "notion":
-      return /* @__PURE__ */ jsx30(NotionFormatter, { data });
+      return /* @__PURE__ */ jsx32(NotionFormatter, { data });
     case "twitter":
-      return /* @__PURE__ */ jsx30(TwitterFormatter, { data });
+      return /* @__PURE__ */ jsx32(TwitterFormatter, { data });
     case "telegram":
-      return /* @__PURE__ */ jsx30(TelegramFormatter, { data });
+      return /* @__PURE__ */ jsx32(TelegramFormatter, { data });
     case "stripe":
-      return /* @__PURE__ */ jsx30(StripeFormatter, { data });
+      return /* @__PURE__ */ jsx32(StripeFormatter, { data });
     case "jira":
-      return /* @__PURE__ */ jsx30(JiraFormatter, { data });
+      return /* @__PURE__ */ jsx32(JiraFormatter, { data });
     case "salesforce":
-      return /* @__PURE__ */ jsx30(SalesforceFormatter, { data });
+      return /* @__PURE__ */ jsx32(SalesforceFormatter, { data });
     case "brevo":
-      return /* @__PURE__ */ jsx30(BrevoFormatter, { data });
+      return /* @__PURE__ */ jsx32(BrevoFormatter, { data });
     case "calendly":
-      return /* @__PURE__ */ jsx30(CalendlyFormatter, { data });
+      return /* @__PURE__ */ jsx32(CalendlyFormatter, { data });
     case "twilio":
-      return /* @__PURE__ */ jsx30(TwilioFormatter, { data });
+      return /* @__PURE__ */ jsx32(TwilioFormatter, { data });
     case "linkedin":
-      return /* @__PURE__ */ jsx30(LinkedInFormatter, { data });
+      return /* @__PURE__ */ jsx32(LinkedInFormatter, { data });
+    case "whatsapp":
+      return /* @__PURE__ */ jsx32(WhatsAppFormatter, { data });
+    case "browser":
+      return /* @__PURE__ */ jsx32(BrowserFormatter, { data });
     default:
-      return /* @__PURE__ */ jsx30(GenericFormatter, { data });
+      return /* @__PURE__ */ jsx32(GenericFormatter, { data });
   }
 }
 function SupyagentToolResult({ part }) {
@@ -3146,7 +3332,7 @@ function SupyagentToolResult({ part }) {
   const formatterType = getFormatterType(toolName);
   const data = maybeNormalize(toolName, formatterType, result);
   const summary = getSummary(formatterType, data, toolName);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     CollapsibleResult,
     {
       toolName,
@@ -3159,7 +3345,7 @@ function SupyagentToolResult({ part }) {
 
 // src/ui/tool-input.tsx
 import React2 from "react";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function formatValue(value) {
   if (value === null || value === void 0) {
     return { text: "null", muted: true };
@@ -3193,11 +3379,11 @@ function formatValue(value) {
 }
 function ToolInput({ args }) {
   if (!args || Object.keys(args).length === 0) return null;
-  return /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: Object.entries(args).map(([key, value]) => {
+  return /* @__PURE__ */ jsx33("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__ */ jsxs28(React2.Fragment, { children: [
-      /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground select-none", children: key }),
-      /* @__PURE__ */ jsx31("span", { className: formatted.muted ? "text-muted-foreground" : "text-foreground", children: formatted.text })
+    return /* @__PURE__ */ jsxs30(React2.Fragment, { children: [
+      /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground select-none", children: key }),
+      /* @__PURE__ */ jsx33("span", { className: formatted.muted ? "text-muted-foreground" : "text-foreground", children: formatted.text })
     ] }, key);
   }) });
 }
@@ -3205,7 +3391,7 @@ function ToolInput({ args }) {
 // src/ui/tool-action.tsx
 import { useState as useState2 } from "react";
 import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, Check as Check3, AlertCircle, Loader2 } from "lucide-react";
-import { Fragment, jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 var BADGE_STYLES2 = {
   default: "bg-muted text-muted-foreground",
   success: "bg-green-500/10 text-green-500",
@@ -3238,59 +3424,59 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
   const hasArgs = args && Object.keys(args).length > 0;
   const hasExpandableContent = hasArgs || formatterOutput;
   const canExpand = !isStreaming && hasExpandableContent;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs31(
           "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__ */ jsxs29("div", { className: "relative shrink-0", children: [
-                /* @__PURE__ */ jsx32(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ jsx32(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ jsxs31("div", { className: "relative shrink-0", children: [
+                /* @__PURE__ */ jsx34(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ jsx34(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ jsx32("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ jsx32("span", { className: "text-sm text-foreground", children: actionLabel }),
-              summary && /* @__PURE__ */ jsxs29(Fragment, { children: [
-                /* @__PURE__ */ jsx32("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
-                /* @__PURE__ */ jsx32("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
+              /* @__PURE__ */ jsx34("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx34("span", { className: "text-sm text-foreground", children: actionLabel }),
+              summary && /* @__PURE__ */ jsxs31(Fragment, { children: [
+                /* @__PURE__ */ jsx34("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
+                /* @__PURE__ */ jsx34("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
               ] }),
-              !summary && /* @__PURE__ */ jsx32("span", { className: "flex-1" }),
-              summary?.badge && /* @__PURE__ */ jsx32(
+              !summary && /* @__PURE__ */ jsx34("span", { className: "flex-1" }),
+              summary?.badge && /* @__PURE__ */ jsx34(
                 "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__ */ jsx32(Check3, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
-              isError && /* @__PURE__ */ jsxs29("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__ */ jsx32(AlertCircle, { className: "h-3 w-3" }),
+              isDone && /* @__PURE__ */ jsx34(Check3, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
+              isError && /* @__PURE__ */ jsxs31("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__ */ jsx34(AlertCircle, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ jsx32("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__ */ jsx32(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx32(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
+              isStreaming && /* @__PURE__ */ jsx34("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__ */ jsx34(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx34(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
             ]
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx34(
           "div",
           {
             className: "grid transition-[grid-template-rows] duration-200 ease-out",
             style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
-            children: /* @__PURE__ */ jsx32("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs29("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
-              args && Object.keys(args).length > 0 && /* @__PURE__ */ jsxs29("div", { children: [
-                /* @__PURE__ */ jsx32("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
-                /* @__PURE__ */ jsx32(ToolInput, { args })
+            children: /* @__PURE__ */ jsx34("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs31("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
+              args && Object.keys(args).length > 0 && /* @__PURE__ */ jsxs31("div", { children: [
+                /* @__PURE__ */ jsx34("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
+                /* @__PURE__ */ jsx34(ToolInput, { args })
               ] }),
-              formatterOutput && /* @__PURE__ */ jsxs29("div", { children: [
-                /* @__PURE__ */ jsx32("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
+              formatterOutput && /* @__PURE__ */ jsxs31("div", { children: [
+                /* @__PURE__ */ jsx34("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
                 formatterOutput
               ] })
             ] }) })
@@ -3304,7 +3490,7 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
 // src/ui/tool-call.tsx
 import { useState as useState3 } from "react";
 import { ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Check as Check4, AlertCircle as AlertCircle2, Loader2 as Loader22 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function extractToolName2(part) {
   if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
     return part.type.slice(5);
@@ -3333,39 +3519,39 @@ function SupyagentToolCall({ part }) {
   const isStreaming = state === "input-streaming";
   const isError = state === "output-error";
   const isDone = state === "output-available";
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs32(
           "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__ */ jsxs30("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx33(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ jsx33(Loader22, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx35(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ jsx35(Loader22, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ jsx33("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ jsx33("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
-              isDone && /* @__PURE__ */ jsxs30("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__ */ jsx33(Check4, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx35("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
+              isDone && /* @__PURE__ */ jsxs32("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__ */ jsx35(Check4, { className: "h-3 w-3" }),
                 "Completed"
               ] }),
-              isError && /* @__PURE__ */ jsxs30("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
-                /* @__PURE__ */ jsx33(AlertCircle2, { className: "h-3 w-3" }),
+              isError && /* @__PURE__ */ jsxs32("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
+                /* @__PURE__ */ jsx35(AlertCircle2, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ jsx33("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__ */ jsx33(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx33(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }))
+              isStreaming && /* @__PURE__ */ jsx35("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__ */ jsx35(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx35(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }))
             ]
           }
         ),
-        expanded && args && /* @__PURE__ */ jsx33("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx33("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
+        expanded && args && /* @__PURE__ */ jsx35("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx35("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
       ]
     }
   );