@supyagent/sdk 0.1.5 → 0.1.7

package/dist/react.js

@@ -15,7 +15,21 @@ import {
   Bell,
   FileText,
   Table2,
-  Presentation
+  Presentation,
+  Search,
+  Terminal,
+  Send,
+  CircleDot,
+  Briefcase,
+  Users,
+  CreditCard,
+  SquareKanban,
+  Cloud,
+  CalendarClock,
+  Phone,
+  MessageCircle,
+  UserCircle,
+  Monitor
 } from "lucide-react";
 
 // src/ui/utils.ts
@@ -49,12 +63,35 @@ var PROVIDER_LABELS = {
   inbox: "Inbox",
   docs: "Docs",
   sheets: "Sheets",
-  slides: "Slides"
+  slides: "Slides",
+  search: "Search",
+  compute: "Compute",
+  resend: "Resend",
+  linear: "Linear",
+  pipedrive: "Pipedrive",
+  stripe: "Stripe",
+  jira: "Jira",
+  salesforce: "Salesforce",
+  brevo: "Brevo",
+  calendly: "Calendly",
+  twilio: "Twilio"
 };
 function getProviderLabel(provider) {
   return PROVIDER_LABELS[provider] || provider.charAt(0).toUpperCase() + provider.slice(1);
 }
+var MICROSOFT_PREFIX_MAP = [
+  ["microsoft_mail_", "email"],
+  ["microsoft_email_", "email"],
+  ["outlook_", "email"],
+  ["microsoft_calendar_", "calendar"],
+  ["microsoft_drive_", "drive"],
+  ["onedrive_", "drive"]
+];
 function getFormatterType(toolName) {
+  const lower = toolName.toLowerCase();
+  for (const [prefix, type] of MICROSOFT_PREFIX_MAP) {
+    if (lower.startsWith(prefix)) return type;
+  }
   const provider = getProviderFromToolName(toolName);
   switch (provider) {
     case "gmail":
@@ -67,6 +104,48 @@ function getFormatterType(toolName) {
       return "github";
     case "drive":
       return "drive";
+    case "search":
+      return "search";
+    case "docs":
+      return "docs";
+    case "sheets":
+      return "sheets";
+    case "slides":
+      return "slides";
+    case "hubspot":
+      return "hubspot";
+    case "linear":
+      return "linear";
+    case "pipedrive":
+      return "pipedrive";
+    case "compute":
+      return "compute";
+    case "resend":
+      return "resend";
+    case "inbox":
+      return "inbox";
+    case "discord":
+      return "discord";
+    case "notion":
+      return "notion";
+    case "twitter":
+      return "twitter";
+    case "telegram":
+      return "telegram";
+    case "stripe":
+      return "stripe";
+    case "jira":
+      return "jira";
+    case "salesforce":
+      return "salesforce";
+    case "brevo":
+      return "brevo";
+    case "calendly":
+      return "calendly";
+    case "twilio":
+      return "twilio";
+    case "linkedin":
+      return "linkedin";
     default:
       return "generic";
   }
@@ -85,7 +164,25 @@ var ICON_MAP = {
   inbox: Bell,
   docs: FileText,
   sheets: Table2,
-  slides: Presentation
+  slides: Presentation,
+  search: Search,
+  compute: Terminal,
+  resend: Send,
+  linear: CircleDot,
+  pipedrive: Briefcase,
+  hubspot: Users,
+  stripe: CreditCard,
+  jira: SquareKanban,
+  salesforce: Cloud,
+  brevo: Send,
+  calendly: CalendarClock,
+  twilio: Phone,
+  twitter: MessageCircle,
+  linkedin: UserCircle,
+  microsoft: Monitor,
+  outlook: Mail,
+  onedrive: HardDrive,
+  telegram: Send
 };
 function ProviderIcon({ toolName, className = "h-4 w-4" }) {
   const provider = getProviderFromToolName(toolName);
@@ -95,70 +192,622 @@ function ProviderIcon({ toolName, className = "h-4 w-4" }) {
 
 // src/ui/tool-call.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function extractToolName(part) {
+  if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
+    return part.type.slice(5);
+  }
+  if (part.type === "dynamic-tool" && part.toolName) {
+    return part.toolName;
+  }
+  if (part.toolName) return part.toolName;
+  if (part.toolInvocation?.toolName) return part.toolInvocation.toolName;
+  return "unknown";
+}
+function extractState(part) {
+  return part.state || part.toolInvocation?.state || "input-available";
+}
+function extractArgs(part) {
+  return part.input || part.args || part.toolInvocation?.args;
+}
 function SupyagentToolCall({ part }) {
   const [expanded, setExpanded] = useState(false);
-  const toolName = part.toolName || part.toolInvocation?.toolName || "unknown";
-  const state = part.state || part.toolInvocation?.state || "input-available";
-  const args = part.args || part.toolInvocation?.args;
+  const toolName = extractToolName(part);
+  const state = extractState(part);
+  const args = extractArgs(part);
   const provider = getProviderFromToolName(toolName);
   const providerLabel = getProviderLabel(provider);
   const actionLabel = humanizeToolName(toolName);
   const isStreaming = state === "input-streaming";
   const isError = state === "output-error";
   const isDone = state === "output-available";
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/50 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-card overflow-hidden",
+      "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
+      children: [
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx2(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ jsx2(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              ] }),
+              /* @__PURE__ */ jsx2("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx2("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
+              isDone && /* @__PURE__ */ 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__ */ jsx2(Check, { className: "h-3 w-3" }),
+                "Completed"
+              ] }),
+              isError && /* @__PURE__ */ 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__ */ jsx2(AlertCircle, { className: "h-3 w-3" }),
+                "Error"
+              ] }),
+              isStreaming && /* @__PURE__ */ jsx2("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__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" }))
+            ]
+          }
+        ),
+        expanded && args && /* @__PURE__ */ jsx2("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx2("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
+      ]
+    }
+  );
+}
+
+// src/ui/collapsible-result.tsx
+import { useState as useState2 } from "react";
+import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BADGE_STYLES = {
+  default: "bg-muted text-muted-foreground",
+  success: "bg-green-500/10 text-green-500",
+  error: "bg-destructive/10 text-destructive",
+  warning: "bg-yellow-500/10 text-yellow-600"
+};
+function CollapsibleResult({
+  toolName,
+  summary,
+  badge,
+  defaultExpanded = false,
+  children
+}) {
+  const [expanded, setExpanded] = useState2(defaultExpanded);
+  const provider = getProviderFromToolName(toolName);
+  const providerLabel = getProviderLabel(provider);
+  return /* @__PURE__ */ jsxs2("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: [
+    /* @__PURE__ */ jsxs2(
       "button",
       {
         type: "button",
-        onClick: () => args && setExpanded(!expanded),
-        className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-zinc-800/50 transition-colors",
+        onClick: () => setExpanded(!expanded),
+        className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-muted transition-colors",
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx2(ProviderIcon, { toolName, className: "h-4 w-4 text-zinc-400" }),
-            isStreaming && /* @__PURE__ */ jsx2(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-blue-400 animate-spin" })
-          ] }),
-          /* @__PURE__ */ jsx2("span", { className: "text-xs text-zinc-500", children: providerLabel }),
-          /* @__PURE__ */ jsx2("span", { className: "text-sm text-zinc-300 flex-1", children: actionLabel }),
-          isDone && /* @__PURE__ */ jsx2(Check, { className: "h-3.5 w-3.5 text-green-400" }),
-          isError && /* @__PURE__ */ jsx2(AlertCircle, { className: "h-3.5 w-3.5 text-red-400" }),
-          isStreaming && /* @__PURE__ */ jsx2("span", { className: "text-xs text-zinc-500 animate-pulse", children: "Running..." }),
-          args && (expanded ? /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-zinc-500" }) : /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3.5 w-3.5 text-zinc-500" }))
+          /* @__PURE__ */ jsx3(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx3("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+          /* @__PURE__ */ jsx3("span", { className: "text-sm text-foreground flex-1 truncate", children: summary }),
+          badge && /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${BADGE_STYLES[badge.variant || "default"]}`,
+              children: badge.text
+            }
+          ),
+          expanded ? /* @__PURE__ */ jsx3(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx3(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
         ]
       }
     ),
-    expanded && args && /* @__PURE__ */ jsx2("div", { className: "border-t border-zinc-800 px-3 py-2", children: /* @__PURE__ */ jsx2("pre", { className: "text-xs text-zinc-400 overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "grid transition-[grid-template-rows] duration-200 ease-out",
+        style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
+        children: /* @__PURE__ */ jsx3("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx3("div", { className: "border-t border-border px-3 py-2", children }) })
+      }
+    )
   ] });
 }
 
+// src/ui/summaries.ts
+function countItems(data, ...keys) {
+  if (Array.isArray(data)) return data.length;
+  if (typeof data === "object" && data !== null) {
+    for (const key of keys) {
+      const val = data[key];
+      if (Array.isArray(val)) return val.length;
+    }
+  }
+  return 0;
+}
+function actionFromToolName(toolName) {
+  const lower = toolName.toLowerCase();
+  if (lower.includes("send") || lower.includes("create") || lower.includes("post")) return "send";
+  if (lower.includes("list") || lower.includes("search") || lower.includes("fetch") || lower.includes("get_all")) return "list";
+  return "get";
+}
+function countBadge(n) {
+  return n > 0 ? { text: String(n), variant: "default" } : void 0;
+}
+function getEmailSummary(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 email to ${to}` : "Sent email", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages");
+  if (n > 0) return { text: `Listed ${n} emails`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "subject" in data) {
+    return { text: `Email: ${data.subject}` };
+  }
+  return { text: "Email result" };
+}
+function getCalendarSummary(data, toolName) {
+  const action = actionFromToolName(toolName);
+  if (action === "send") {
+    const summary = typeof data === "object" && data !== null && "summary" in data ? String(data.summary) : void 0;
+    return { text: summary ? `Created event: ${summary}` : "Created event", badge: { text: "Created", variant: "success" } };
+  }
+  const n = countItems(data, "events", "items");
+  if (n > 0) return { text: `Listed ${n} events`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "summary" in data) {
+    return { text: String(data.summary) };
+  }
+  return { text: "Calendar result" };
+}
+function getSlackSummary(data, toolName) {
+  const action = actionFromToolName(toolName);
+  if (typeof data === "object" && data !== null && "channels" in data) {
+    const n2 = Array.isArray(data.channels) ? data.channels.length : 0;
+    return { text: `Listed ${n2} channels`, badge: countBadge(n2) };
+  }
+  if (action === "send") {
+    const ch = typeof data === "object" && data !== null && "channel" in data ? String(data.channel) : void 0;
+    return { text: ch ? `Sent message to #${ch}` : "Sent message", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages");
+  if (n > 0) {
+    const ch = typeof data === "object" && data !== null && "channel" in data ? String(data.channel) : void 0;
+    return { text: ch ? `${n} messages in #${ch}` : `${n} messages`, badge: countBadge(n) };
+  }
+  return { text: "Slack result" };
+}
+function getGithubSummary(data, toolName) {
+  const n = countItems(data);
+  if (n > 0) {
+    const isPR = toolName.toLowerCase().includes("pull") || toolName.toLowerCase().includes("pr");
+    return { text: isPR ? `Listed ${n} pull requests` : `Listed ${n} issues`, badge: countBadge(n) };
+  }
+  if (typeof data === "object" && data !== null && "title" in data) {
+    const num = "number" in data ? ` #${data.number}` : "";
+    return { text: `${data.title}${num}` };
+  }
+  return { text: "GitHub result" };
+}
+function getDriveSummary(data, toolName) {
+  const n = countItems(data, "files");
+  if (n > 0) return { text: `Listed ${n} files`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "name" in data) {
+    return { text: String(data.name) };
+  }
+  return { text: "Drive result" };
+}
+function getSearchSummary(data) {
+  let n = 0;
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.results)) n = d.results.length;
+    else if (Array.isArray(d.organic)) n = d.organic.length;
+  }
+  if (n > 0) return { text: `Found ${n} results`, badge: countBadge(n) };
+  return { text: "Search result" };
+}
+function getDocsSummary(data) {
+  if (typeof data === "object" && data !== null && "title" in data) {
+    return { text: `Document: ${data.title}` };
+  }
+  return { text: "Document result" };
+}
+function getSheetsSummary(data) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (d.updatedCells) return { text: `Updated ${d.updatedCells} cells`, badge: countBadge(Number(d.updatedCells)) };
+    if (d.title) return { text: `Spreadsheet: ${d.title}` };
+  }
+  return { text: "Sheets result" };
+}
+function getSlidesSummary(data) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    const slideCount = Array.isArray(d.slides) ? d.slides.length : void 0;
+    if (d.title) {
+      return { text: `Presentation: ${d.title}`, badge: slideCount ? countBadge(slideCount) : void 0 };
+    }
+  }
+  return { text: "Slides result" };
+}
+function getHubspotSummary(data, toolName) {
+  const isCompany = toolName.toLowerCase().includes("compan");
+  const n = countItems(data, "results");
+  if (n > 0) return { text: isCompany ? `Listed ${n} companies` : `Listed ${n} contacts`, badge: countBadge(n) };
+  return { text: isCompany ? "Company result" : "Contact result" };
+}
+function getLinearSummary(data, toolName) {
+  const n = countItems(data, "nodes", "issues", "projects");
+  if (n > 0) return { text: `Listed ${n} issues`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "identifier" in data && "title" in data) {
+    return { text: `${data.identifier} ${data.title}` };
+  }
+  return { text: "Linear result" };
+}
+function getPipedriveSummary(data) {
+  const n = countItems(data, "data");
+  if (n > 0) return { text: `Listed ${n} deals`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "title" in data) {
+    return { text: String(data.title) };
+  }
+  return { text: "Pipedrive result" };
+}
+function getComputeSummary(data) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    const exitCode = d.exit_code ?? d.exitCode;
+    if (exitCode !== void 0 && exitCode !== 0) {
+      return { text: "Execution failed", badge: { text: `exit ${exitCode}`, variant: "error" } };
+    }
+    return { text: "Execution completed", badge: exitCode !== void 0 ? { text: `exit ${exitCode}`, variant: "success" } : void 0 };
+  }
+  return { text: "Compute result" };
+}
+function getResendSummary(data) {
+  const d = typeof data === "object" && data !== null && "data" in data ? data.data : data;
+  if (typeof d === "object" && d !== null && "to" in d) {
+    const to = Array.isArray(d.to) ? d.to.join(", ") : String(d.to);
+    return { text: `Sent email to ${to}`, badge: { text: "Sent", variant: "success" } };
+  }
+  return { text: "Email sent", badge: { text: "Sent", variant: "success" } };
+}
+function getInboxSummary(data) {
+  const n = countItems(data, "events");
+  if (n > 0) return { text: `Listed ${n} notifications`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "title" in data) {
+    return { text: String(data.title) };
+  }
+  return { text: "Inbox result" };
+}
+function getDiscordSummary(data, toolName) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.guilds)) return { text: `Listed ${d.guilds.length} servers`, badge: countBadge(d.guilds.length) };
+    if (Array.isArray(d.channels)) return { text: `Listed ${d.channels.length} channels`, badge: countBadge(d.channels.length) };
+  }
+  const action = actionFromToolName(toolName);
+  if (action === "send") {
+    const ch = typeof data === "object" && data !== null && "channel" in data ? `#${data.channel}` : void 0;
+    return { text: ch ? `Message in ${ch}` : "Sent message", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages");
+  if (n > 0) return { text: `Listed ${n} messages`, badge: countBadge(n) };
+  return { text: "Discord result" };
+}
+function getNotionSummary(data, toolName) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.pages)) return { text: `Listed ${d.pages.length} pages`, badge: countBadge(d.pages.length) };
+    if (Array.isArray(d.databases)) return { text: `Listed ${d.databases.length} databases`, badge: countBadge(d.databases.length) };
+    if (Array.isArray(d.results)) {
+      const n = d.results.length;
+      const isDB = toolName.toLowerCase().includes("database");
+      return { text: isDB ? `Listed ${n} databases` : `Listed ${n} pages`, badge: countBadge(n) };
+    }
+  }
+  if (typeof data === "object" && data !== null && "title" in data) {
+    return { text: `Page: ${data.title}` };
+  }
+  if (typeof data === "object" && data !== null && "properties" in data) {
+    return { text: "Page result" };
+  }
+  return { text: "Notion result" };
+}
+function getTwitterSummary(data) {
+  const n = countItems(data, "tweets", "data");
+  if (n > 0) return { text: `Listed ${n} tweets`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    const author = d.author_username || d.username;
+    if (d.text && author) return { text: `Tweet by @${author}` };
+  }
+  return { text: "Twitter result" };
+}
+function getTelegramSummary(data, toolName) {
+  const action = actionFromToolName(toolName);
+  if (action === "send") {
+    const chat = typeof data === "object" && data !== null && "chat" in data ? data.chat?.title || data.chat?.username : void 0;
+    return { text: chat ? `Sent message to ${chat}` : "Sent message", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages", "result");
+  if (n > 0) return { text: `${n} messages`, badge: countBadge(n) };
+  return { text: "Telegram result" };
+}
+function getStripeSummary(data, toolName) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.available) || Array.isArray(d.pending)) {
+      const amt = Array.isArray(d.available) && d.available.length > 0 ? `${(d.available[0].amount / 100).toFixed(2)} ${String(d.available[0].currency).toUpperCase()}` : void 0;
+      return { text: amt ? `Balance: ${amt}` : "Balance", badge: amt ? { text: amt, variant: "default" } : void 0 };
+    }
+    if (Array.isArray(d.data)) {
+      const n = d.data.length;
+      const lower = toolName.toLowerCase();
+      if (lower.includes("customer")) return { text: `Listed ${n} customers`, badge: countBadge(n) };
+      if (lower.includes("invoice")) return { text: `Listed ${n} invoices`, badge: countBadge(n) };
+      if (lower.includes("subscri")) return { text: `Listed ${n} subscriptions`, badge: countBadge(n) };
+      if (lower.includes("charge") || lower.includes("payment")) return { text: `Listed ${n} payments`, badge: countBadge(n) };
+      return { text: `Listed ${n} items`, badge: countBadge(n) };
+    }
+  }
+  return { text: "Stripe result" };
+}
+function getJiraSummary(data) {
+  const n = countItems(data, "issues", "projects");
+  if (n > 0) return { text: `Listed ${n} issues`, badge: countBadge(n) };
+  if (typeof data === "object" && data !== null && "key" in data && "fields" in data) {
+    const fields = data.fields;
+    return { text: `${data.key}: ${fields?.summary || "Issue"}` };
+  }
+  return { text: "Jira result" };
+}
+function getSalesforceSummary(data, toolName) {
+  const n = countItems(data, "records");
+  const isOpp = toolName.toLowerCase().includes("opportunit");
+  if (n > 0) return { text: isOpp ? `Listed ${n} opportunities` : `Listed ${n} contacts`, badge: countBadge(n) };
+  return { text: "Salesforce result" };
+}
+function getBrevoSummary(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 email to ${to}` : "Sent email", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "contacts", "campaigns");
+  const isCampaign = toolName.toLowerCase().includes("campaign");
+  if (n > 0) return { text: isCampaign ? `Listed ${n} campaigns` : `Listed ${n} contacts`, badge: countBadge(n) };
+  return { text: "Brevo result" };
+}
+function getCalendlySummary(data) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.collection)) {
+      const n = d.collection.length;
+      const first = n > 0 ? d.collection[0] : null;
+      const isType = first && ("duration" in first || "slug" in first);
+      return { text: isType ? `Listed ${n} event types` : `Listed ${n} events`, badge: countBadge(n) };
+    }
+    if (Array.isArray(d.scheduled_events)) return { text: `Listed ${d.scheduled_events.length} events`, badge: countBadge(d.scheduled_events.length) };
+    if (Array.isArray(d.event_types)) return { text: `Listed ${d.event_types.length} event types`, badge: countBadge(d.event_types.length) };
+  }
+  return { text: "Calendly result" };
+}
+function getTwilioSummary(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 SMS to ${to}` : "Sent SMS", badge: { text: "Sent", variant: "success" } };
+  }
+  const n = countItems(data, "messages");
+  if (n > 0) return { text: `Listed ${n} messages`, badge: countBadge(n) };
+  return { text: "Twilio result" };
+}
+function getLinkedinSummary(data) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.posts) || Array.isArray(d.elements)) {
+      const n = (d.posts || d.elements).length;
+      return { text: `Listed ${n} posts`, badge: countBadge(n) };
+    }
+    if (d.localizedFirstName || d.firstName || d.name) {
+      const name = d.name || [d.localizedFirstName, d.localizedLastName].filter(Boolean).join(" ");
+      return { text: `Profile: ${name}` };
+    }
+  }
+  return { text: "LinkedIn result" };
+}
+function getGenericSummary(_data, toolName) {
+  return { text: humanizeToolName(toolName) };
+}
+var SUMMARY_MAP = {
+  email: getEmailSummary,
+  calendar: getCalendarSummary,
+  slack: getSlackSummary,
+  github: getGithubSummary,
+  drive: getDriveSummary,
+  search: getSearchSummary,
+  docs: getDocsSummary,
+  sheets: getSheetsSummary,
+  slides: getSlidesSummary,
+  hubspot: getHubspotSummary,
+  linear: getLinearSummary,
+  pipedrive: getPipedriveSummary,
+  compute: getComputeSummary,
+  resend: getResendSummary,
+  inbox: getInboxSummary,
+  discord: getDiscordSummary,
+  notion: getNotionSummary,
+  twitter: getTwitterSummary,
+  telegram: getTelegramSummary,
+  stripe: getStripeSummary,
+  jira: getJiraSummary,
+  salesforce: getSalesforceSummary,
+  brevo: getBrevoSummary,
+  calendly: getCalendlySummary,
+  twilio: getTwilioSummary,
+  linkedin: getLinkedinSummary,
+  generic: getGenericSummary
+};
+function getSummary(formatterType, data, toolName) {
+  const fn = SUMMARY_MAP[formatterType] || getGenericSummary;
+  return fn(data, toolName);
+}
+
+// src/ui/normalizers.ts
+function normalizeMailItem(msg) {
+  return {
+    id: msg.id,
+    subject: msg.subject,
+    from: typeof msg.from === "object" && msg.from !== null ? msg.from.emailAddress?.address || msg.from.emailAddress?.name : msg.from,
+    to: Array.isArray(msg.toRecipients) ? msg.toRecipients.map((r) => r.emailAddress?.address || r.emailAddress?.name).join(", ") : msg.to,
+    date: msg.receivedDateTime || msg.createdDateTime || msg.date,
+    snippet: msg.bodyPreview || msg.snippet,
+    body: typeof msg.body === "object" && msg.body !== null ? msg.body.content : msg.body,
+    hasAttachments: msg.hasAttachments
+  };
+}
+function normalizeCalendarItem(evt) {
+  const start = typeof evt.start === "object" && evt.start !== null ? { dateTime: evt.start.dateTime || evt.start.date, timeZone: evt.start.timeZone } : evt.start;
+  const end = typeof evt.end === "object" && evt.end !== null ? { dateTime: evt.end.dateTime || evt.end.date, timeZone: evt.end.timeZone } : evt.end;
+  return {
+    id: evt.id,
+    summary: evt.subject || evt.summary,
+    start,
+    end,
+    location: typeof evt.location === "object" && evt.location !== null ? evt.location.displayName : evt.location,
+    attendees: Array.isArray(evt.attendees) ? evt.attendees.map((a) => ({
+      email: a.emailAddress?.address,
+      displayName: a.emailAddress?.name,
+      responseStatus: a.status?.response
+    })) : evt.attendees,
+    status: evt.showAs || evt.status
+  };
+}
+function normalizeDriveItem(item) {
+  return {
+    id: item.id,
+    name: item.name,
+    mimeType: item.file && typeof item.file === "object" ? item.file.mimeType : item.mimeType,
+    modifiedTime: item.lastModifiedDateTime || item.modifiedTime,
+    size: item.size,
+    webViewLink: item.webUrl || item.webViewLink,
+    shared: item.shared !== void 0
+  };
+}
+function normalizeArray(items, normalizer) {
+  return items.map(
+    (item) => typeof item === "object" && item !== null ? normalizer(item) : item
+  );
+}
+function normalizeMicrosoftMail(data) {
+  if (typeof data !== "object" || data === null) return data;
+  const d = data;
+  if (Array.isArray(d.value)) {
+    return { messages: normalizeArray(d.value, normalizeMailItem) };
+  }
+  if (Array.isArray(d.messages)) {
+    return { messages: normalizeArray(d.messages, normalizeMailItem) };
+  }
+  if (d.subject || d.from || d.bodyPreview) {
+    return normalizeMailItem(d);
+  }
+  return data;
+}
+function normalizeMicrosoftCalendar(data) {
+  if (typeof data !== "object" || data === null) return data;
+  const d = data;
+  if (Array.isArray(d.value)) {
+    return { events: normalizeArray(d.value, normalizeCalendarItem) };
+  }
+  if (Array.isArray(d.events)) {
+    return { events: normalizeArray(d.events, normalizeCalendarItem) };
+  }
+  if (d.subject || d.start) {
+    return normalizeCalendarItem(d);
+  }
+  return data;
+}
+function normalizeMicrosoftDrive(data) {
+  if (typeof data !== "object" || data === null) return data;
+  const d = data;
+  if (Array.isArray(d.value)) {
+    return { files: normalizeArray(d.value, normalizeDriveItem) };
+  }
+  if (Array.isArray(d.files)) {
+    return { files: normalizeArray(d.files, normalizeDriveItem) };
+  }
+  if (d.name && (d.lastModifiedDateTime || d.webUrl)) {
+    return normalizeDriveItem(d);
+  }
+  return data;
+}
+
 // src/ui/formatters/email.tsx
-import { Mail as Mail2, Paperclip } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Mail as Mail2, Paperclip, Tag } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function isEmailData(data) {
   return typeof data === "object" && data !== null && ("subject" in data || "from" in data || "snippet" in data);
 }
+function formatRelativeDate(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    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 dateStr;
+  }
+}
+function formatRecipients(to) {
+  if (!to) return null;
+  if (Array.isArray(to)) return to.join(", ");
+  return to;
+}
 function EmailCard({ email }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/50 p-3 space-y-2", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx3(Mail2, { className: "h-4 w-4 text-zinc-400 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-zinc-200 truncate", children: email.subject || "No subject" }),
-        email.from && /* @__PURE__ */ jsx3("p", { className: "text-xs text-zinc-400 truncate", children: email.from })
+  const recipients = formatRecipients(email.to);
+  return /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx4(Mail2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium text-foreground truncate", children: email.subject || "No subject" }),
+        email.from && /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground truncate", children: email.from }),
+        recipients && /* @__PURE__ */ jsxs3("p", { className: "text-xs text-muted-foreground truncate", children: [
+          "To: ",
+          recipients
+        ] })
       ] }),
-      email.hasAttachments && /* @__PURE__ */ jsx3(Paperclip, { className: "h-3.5 w-3.5 text-zinc-500 shrink-0" })
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+        email.hasAttachments && /* @__PURE__ */ jsx4(Paperclip, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        email.date && /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: formatRelativeDate(email.date) })
+      ] })
     ] }),
-    email.snippet && /* @__PURE__ */ jsx3("p", { className: "text-xs text-zinc-400 line-clamp-2", children: email.snippet }),
-    email.date && /* @__PURE__ */ jsx3("p", { className: "text-xs text-zinc-500", children: email.date })
+    email.labels && email.labels.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-1.5 flex-wrap", children: email.labels.map((label) => /* @__PURE__ */ jsxs3(
+      "span",
+      {
+        className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx4(Tag, { className: "h-2.5 w-2.5" }),
+          label
+        ]
+      },
+      label
+    )) }),
+    (email.snippet || email.body) && /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground line-clamp-3", children: email.snippet || email.body })
   ] });
 }
 function EmailFormatter({ data }) {
   if (isEmailData(data)) {
-    return /* @__PURE__ */ jsx3(EmailCard, { email: data });
+    return /* @__PURE__ */ jsx4(EmailCard, { email: data });
   }
   if (Array.isArray(data)) {
     const emails = data.filter(isEmailData);
     if (emails.length > 0) {
-      return /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: emails.map((email, i) => /* @__PURE__ */ jsx3(EmailCard, { email }, email.id || i)) });
+      return /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: emails.map((email, i) => /* @__PURE__ */ jsx4(EmailCard, { email }, email.id || i)) });
     }
   }
   if (typeof data === "object" && data !== null && "messages" in data) {
@@ -166,62 +815,94 @@ function EmailFormatter({ data }) {
     if (Array.isArray(messages)) {
       const emails = messages.filter(isEmailData);
       if (emails.length > 0) {
-        return /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: emails.map((email, i) => /* @__PURE__ */ jsx3(EmailCard, { email }, email.id || i)) });
+        return /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: emails.map((email, i) => /* @__PURE__ */ jsx4(EmailCard, { email }, email.id || i)) });
       }
     }
   }
-  return /* @__PURE__ */ jsx3("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ jsx4("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/calendar-event.tsx
-import { Calendar as Calendar2, MapPin, Users } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Calendar as Calendar2, MapPin, Users as Users2, Check as Check2, X, HelpCircle } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function isCalendarEvent(data) {
   return typeof data === "object" && data !== null && ("summary" in data || "start" in data);
 }
-function formatDateTime(dt) {
+function formatRelativeDateTime(dt) {
   if (!dt) return "";
   const raw = dt.dateTime || dt.date;
   if (!raw) return "";
   try {
     const date = new Date(raw);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = date.getTime() - now.getTime();
+    const diffDays = Math.floor(diffMs / 864e5);
+    const timeStr = dt.dateTime ? date.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" }) : "";
+    if (diffDays === 0) {
+      return timeStr ? `Today at ${timeStr}` : "Today";
+    }
+    if (diffDays === 1) {
+      return timeStr ? `Tomorrow at ${timeStr}` : "Tomorrow";
+    }
+    if (diffDays === -1) {
+      return timeStr ? `Yesterday at ${timeStr}` : "Yesterday";
+    }
+    if (diffDays > 1 && diffDays < 7) {
+      const dayName = date.toLocaleDateString(void 0, { weekday: "long" });
+      return timeStr ? `${dayName} at ${timeStr}` : dayName;
+    }
     return dt.dateTime ? date.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) : date.toLocaleDateString(void 0, { dateStyle: "medium" });
   } catch {
     return raw;
   }
 }
+function ResponseStatusIcon({ status }) {
+  switch (status) {
+    case "accepted":
+      return /* @__PURE__ */ jsx5(Check2, { className: "h-3 w-3 text-green-500" });
+    case "declined":
+      return /* @__PURE__ */ jsx5(X, { className: "h-3 w-3 text-destructive" });
+    case "tentative":
+      return /* @__PURE__ */ jsx5(HelpCircle, { className: "h-3 w-3 text-yellow-500" });
+    default:
+      return /* @__PURE__ */ jsx5(HelpCircle, { className: "h-3 w-3 text-muted-foreground" });
+  }
+}
 function EventCard({ event }) {
-  const startStr = formatDateTime(event.start);
-  const endStr = formatDateTime(event.end);
-  return /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/50 p-3 space-y-2", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx4(Calendar2, { className: "h-4 w-4 text-zinc-400 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium text-zinc-200", children: event.summary || "Untitled event" }),
-        startStr && /* @__PURE__ */ jsxs3("p", { className: "text-xs text-zinc-400", children: [
+  const startStr = formatRelativeDateTime(event.start);
+  const endStr = formatRelativeDateTime(event.end);
+  return /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx5(Calendar2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-foreground", children: event.summary || "Untitled event" }),
+        startStr && /* @__PURE__ */ jsxs4("p", { className: "text-xs text-muted-foreground", children: [
           startStr,
           endStr ? ` \u2192 ${endStr}` : ""
         ] })
       ] })
     ] }),
-    event.location && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 text-xs text-zinc-400", children: [
-      /* @__PURE__ */ jsx4(MapPin, { className: "h-3 w-3 shrink-0" }),
-      /* @__PURE__ */ jsx4("span", { className: "truncate", children: event.location })
+    event.location && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx5(MapPin, { className: "h-3 w-3 shrink-0" }),
+      /* @__PURE__ */ jsx5("span", { className: "truncate", children: event.location })
     ] }),
-    event.attendees && event.attendees.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 text-xs text-zinc-400", children: [
-      /* @__PURE__ */ jsx4(Users, { className: "h-3 w-3 shrink-0" }),
-      /* @__PURE__ */ jsx4("span", { className: "truncate", children: event.attendees.map((a) => a.displayName || a.email).join(", ") })
+    event.attendees && event.attendees.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx5(Users2, { className: "h-3 w-3 shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: event.attendees.map((a, i) => /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx5(ResponseStatusIcon, { status: a.responseStatus }),
+        a.displayName || a.email
+      ] }, i)) })
     ] })
   ] });
 }
 function CalendarEventFormatter({ data }) {
   if (isCalendarEvent(data)) {
-    return /* @__PURE__ */ jsx4(EventCard, { event: data });
+    return /* @__PURE__ */ jsx5(EventCard, { event: data });
   }
   if (Array.isArray(data)) {
     const events = data.filter(isCalendarEvent);
     if (events.length > 0) {
-      return /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: events.map((event, i) => /* @__PURE__ */ jsx4(EventCard, { event }, event.id || i)) });
+      return /* @__PURE__ */ jsx5("div", { className: "space-y-2", children: events.map((event, i) => /* @__PURE__ */ jsx5(EventCard, { event }, event.id || i)) });
     }
   }
   if (typeof data === "object" && data !== null && "events" in data) {
@@ -229,40 +910,74 @@ function CalendarEventFormatter({ data }) {
     if (Array.isArray(events)) {
       const calEvents = events.filter(isCalendarEvent);
       if (calEvents.length > 0) {
-        return /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: calEvents.map((event, i) => /* @__PURE__ */ jsx4(EventCard, { event }, event.id || i)) });
+        return /* @__PURE__ */ jsx5("div", { className: "space-y-2", children: calEvents.map((event, i) => /* @__PURE__ */ jsx5(EventCard, { event }, event.id || i)) });
       }
     }
   }
-  return /* @__PURE__ */ jsx4("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ jsx5("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/slack-message.tsx
-import { MessageSquare as MessageSquare2, Hash } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { MessageSquare as MessageSquare2, Hash, Reply } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function isSlackMessage(data) {
   return typeof data === "object" && data !== null && ("text" in data || "channel" in data);
 }
+function isChannelList(data) {
+  return typeof data === "object" && data !== null && "channels" in data && Array.isArray(data.channels);
+}
 function MessageBubble({ message }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/50 p-3 space-y-1.5", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx5(MessageSquare2, { className: "h-4 w-4 text-zinc-400 shrink-0" }),
-      message.channel && /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-0.5 text-xs text-zinc-400", children: [
-        /* @__PURE__ */ jsx5(Hash, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx6(MessageSquare2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      message.channel && /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-0.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx6(Hash, { className: "h-3 w-3" }),
         message.channel
       ] }),
-      message.user && /* @__PURE__ */ jsx5("span", { className: "text-xs text-zinc-500", children: message.user })
+      message.user && /* @__PURE__ */ jsx6("span", { className: "text-xs font-medium text-foreground", children: message.user }),
+      message.thread_ts && /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx6(Reply, { className: "h-3 w-3" }),
+        message.reply_count ? `${message.reply_count} replies` : "Thread"
+      ] })
     ] }),
-    message.text && /* @__PURE__ */ jsx5("p", { className: "text-sm text-zinc-300", children: message.text })
+    message.text && /* @__PURE__ */ jsx6("p", { className: "text-sm text-foreground", children: message.text }),
+    message.reactions && message.reactions.length > 0 && /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-1.5 pt-1", children: message.reactions.map((reaction) => /* @__PURE__ */ jsxs5(
+      "span",
+      {
+        className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+        children: [
+          ":",
+          reaction.name,
+          ":",
+          reaction.count && reaction.count > 1 && /* @__PURE__ */ jsx6("span", { className: "font-medium", children: reaction.count })
+        ]
+      },
+      reaction.name
+    )) })
+  ] });
+}
+function ChannelCard({ channel }) {
+  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card p-3", children: [
+    /* @__PURE__ */ jsx6(Hash, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+    /* @__PURE__ */ jsx6("span", { className: "text-sm text-foreground flex-1", children: channel.name || channel.id }),
+    channel.num_members !== void 0 && /* @__PURE__ */ jsxs5("span", { className: "text-xs text-muted-foreground", children: [
+      channel.num_members,
+      " members"
+    ] })
   ] });
 }
 function SlackMessageFormatter({ data }) {
+  if (isChannelList(data)) {
+    const channels = data.channels;
+    return /* @__PURE__ */ jsx6("div", { className: "space-y-1.5", children: channels.map((ch, i) => /* @__PURE__ */ jsx6(ChannelCard, { channel: ch }, ch.id || i)) });
+  }
   if (isSlackMessage(data)) {
-    return /* @__PURE__ */ jsx5(MessageBubble, { message: data });
+    return /* @__PURE__ */ jsx6(MessageBubble, { message: data });
   }
   if (Array.isArray(data)) {
     const messages = data.filter(isSlackMessage);
     if (messages.length > 0) {
-      return /* @__PURE__ */ jsx5("div", { className: "space-y-2", children: messages.map((msg, i) => /* @__PURE__ */ jsx5(MessageBubble, { message: msg }, msg.ts || i)) });
+      return /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: messages.map((msg, i) => /* @__PURE__ */ jsx6(MessageBubble, { message: msg }, msg.ts || i)) });
     }
   }
   if (typeof data === "object" && data !== null && "messages" in data) {
@@ -270,55 +985,102 @@ function SlackMessageFormatter({ data }) {
     if (Array.isArray(messages)) {
       const slackMsgs = messages.filter(isSlackMessage);
       if (slackMsgs.length > 0) {
-        return /* @__PURE__ */ jsx5("div", { className: "space-y-2", children: slackMsgs.map((msg, i) => /* @__PURE__ */ jsx5(MessageBubble, { message: msg }, msg.ts || i)) });
+        return /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: slackMsgs.map((msg, i) => /* @__PURE__ */ jsx6(MessageBubble, { message: msg }, msg.ts || i)) });
       }
     }
   }
-  return /* @__PURE__ */ jsx5("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ jsx6("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/github.tsx
-import { CircleDot, GitPullRequest } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { CircleDot as CircleDot2, GitPullRequest, GitMerge, Clock } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function isGithubItem(data) {
   return typeof data === "object" && data !== null && ("title" in data || "number" in data);
 }
-function GithubCard({ item }) {
+function formatRelativeDate2(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / 864e5);
+    if (diffDays === 0) return "today";
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 30) return `${diffDays}d ago`;
+    return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  } catch {
+    return dateStr;
+  }
+}
+function getStateInfo(item) {
   const isPR = !!item.pull_request;
-  const stateColor = item.state === "open" ? "text-green-400" : item.state === "closed" ? "text-red-400" : "text-zinc-400";
-  return /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/50 p-3 space-y-1.5", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2", children: [
-      isPR ? /* @__PURE__ */ jsx6(GitPullRequest, { className: `h-4 w-4 mt-0.5 shrink-0 ${stateColor}` }) : /* @__PURE__ */ jsx6(CircleDot, { className: `h-4 w-4 mt-0.5 shrink-0 ${stateColor}` }),
-      /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs5("p", { className: "text-sm font-medium text-zinc-200", children: [
-          item.title,
-          item.number && /* @__PURE__ */ jsxs5("span", { className: "text-zinc-500 font-normal", children: [
+  if (isPR && item.merged) {
+    return { icon: GitMerge, color: "text-purple-500", label: "Merged" };
+  }
+  if (item.state === "open") {
+    return {
+      icon: isPR ? GitPullRequest : CircleDot2,
+      color: "text-green-500",
+      label: "Open"
+    };
+  }
+  return {
+    icon: isPR ? GitPullRequest : CircleDot2,
+    color: "text-destructive",
+    label: "Closed"
+  };
+}
+function GithubCard({ item }) {
+  const { icon: StateIcon, color: stateColor, label: stateLabel } = getStateInfo(item);
+  return /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx7(StateIcon, { className: `h-4 w-4 mt-0.5 shrink-0 ${stateColor}` }),
+      /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs6("p", { className: "text-sm font-medium text-foreground", children: [
+          item.html_url ? /* @__PURE__ */ jsx7("a", { href: item.html_url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: item.title }) : item.title,
+          item.number && /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground font-normal", children: [
             " #",
             item.number
           ] })
         ] }),
-        item.user?.login && /* @__PURE__ */ jsx6("p", { className: "text-xs text-zinc-400", children: item.user.login })
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 mt-0.5", children: [
+          /* @__PURE__ */ jsx7("span", { className: `text-xs ${stateColor}`, children: stateLabel }),
+          item.user?.login && /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: item.user.login }),
+          item.created_at && /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx7(Clock, { className: "h-3 w-3" }),
+            formatRelativeDate2(item.created_at)
+          ] })
+        ] })
       ] })
     ] }),
-    item.body && /* @__PURE__ */ jsx6("p", { className: "text-xs text-zinc-400 line-clamp-2", children: item.body })
+    item.labels && item.labels.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1.5", children: item.labels.map((label) => /* @__PURE__ */ jsx7(
+      "span",
+      {
+        className: "rounded-full border border-border px-2 py-0.5 text-xs text-muted-foreground",
+        style: label.color ? { borderColor: `#${label.color}`, color: `#${label.color}` } : void 0,
+        children: label.name
+      },
+      label.name
+    )) }),
+    item.body && /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground line-clamp-2", children: item.body })
   ] });
 }
 function GithubFormatter({ data }) {
   if (isGithubItem(data)) {
-    return /* @__PURE__ */ jsx6(GithubCard, { item: data });
+    return /* @__PURE__ */ jsx7(GithubCard, { item: data });
   }
   if (Array.isArray(data)) {
     const items = data.filter(isGithubItem);
     if (items.length > 0) {
-      return /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: items.map((item, i) => /* @__PURE__ */ jsx6(GithubCard, { item }, item.number || i)) });
+      return /* @__PURE__ */ jsx7("div", { className: "space-y-2", children: items.map((item, i) => /* @__PURE__ */ jsx7(GithubCard, { item }, item.number || i)) });
     }
   }
-  return /* @__PURE__ */ jsx6("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ jsx7("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/drive-file.tsx
-import { FileText as FileText2, Folder, Image, Film, FileSpreadsheet } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { FileText as FileText2, Folder, Image, Film, FileSpreadsheet, ExternalLink, Users as UsersIcon } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function isDriveFile(data) {
   return typeof data === "object" && data !== null && ("name" in data || "mimeType" in data);
 }
@@ -330,24 +1092,41 @@ function getFileIcon(mimeType) {
   if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return FileSpreadsheet;
   return FileText2;
 }
+function formatFileSize(size) {
+  if (size === void 0) return null;
+  const bytes = typeof size === "string" ? parseInt(size, 10) : size;
+  if (isNaN(bytes)) return null;
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1073741824) return `${(bytes / 1048576).toFixed(1)} MB`;
+  return `${(bytes / 1073741824).toFixed(1)} GB`;
+}
 function FileCard({ file }) {
   const Icon = getFileIcon(file.mimeType);
-  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 rounded-lg border border-zinc-800 bg-zinc-900/50 p-3", children: [
-    /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 text-zinc-400 shrink-0" }),
-    /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx7("p", { className: "text-sm text-zinc-200 truncate", children: file.name || "Untitled" }),
-      file.modifiedTime && /* @__PURE__ */ jsx7("p", { className: "text-xs text-zinc-500", children: new Date(file.modifiedTime).toLocaleDateString() })
+  const sizeStr = formatFileSize(file.size);
+  return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-3", children: [
+    /* @__PURE__ */ jsx8(Icon, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx8("p", { className: "text-sm text-foreground truncate", children: file.webViewLink ? /* @__PURE__ */ jsx8("a", { href: file.webViewLink, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: file.name || "Untitled" }) : file.name || "Untitled" }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+        file.modifiedTime && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: new Date(file.modifiedTime).toLocaleDateString() }),
+        sizeStr && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: sizeStr })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      file.shared && /* @__PURE__ */ jsx8("span", { title: "Shared", children: /* @__PURE__ */ jsx8(UsersIcon, { className: "h-3.5 w-3.5 text-muted-foreground" }) }),
+      file.webViewLink && /* @__PURE__ */ jsx8("a", { href: file.webViewLink, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx8(ExternalLink, { className: "h-3.5 w-3.5" }) })
     ] })
   ] });
 }
 function DriveFileFormatter({ data }) {
   if (isDriveFile(data)) {
-    return /* @__PURE__ */ jsx7(FileCard, { file: data });
+    return /* @__PURE__ */ jsx8(FileCard, { file: data });
   }
   if (Array.isArray(data)) {
     const files = data.filter(isDriveFile);
     if (files.length > 0) {
-      return /* @__PURE__ */ jsx7("div", { className: "space-y-1.5", children: files.map((file, i) => /* @__PURE__ */ jsx7(FileCard, { file }, file.id || i)) });
+      return /* @__PURE__ */ jsx8("div", { className: "space-y-1.5", children: files.map((file, i) => /* @__PURE__ */ jsx8(FileCard, { file }, file.id || i)) });
     }
   }
   if (typeof data === "object" && data !== null && "files" in data) {
@@ -355,53 +1134,1991 @@ function DriveFileFormatter({ data }) {
     if (Array.isArray(files)) {
       const driveFiles = files.filter(isDriveFile);
       if (driveFiles.length > 0) {
-        return /* @__PURE__ */ jsx7("div", { className: "space-y-1.5", children: driveFiles.map((file, i) => /* @__PURE__ */ jsx7(FileCard, { file }, file.id || i)) });
+        return /* @__PURE__ */ jsx8("div", { className: "space-y-1.5", children: driveFiles.map((file, i) => /* @__PURE__ */ jsx8(FileCard, { file }, file.id || i)) });
       }
     }
   }
-  return /* @__PURE__ */ jsx7("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  return /* @__PURE__ */ jsx8("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 jsx8 } from "react/jsx-runtime";
-function GenericFormatter({ data }) {
-  if (data === null || data === void 0) {
-    return /* @__PURE__ */ jsx8("p", { className: "text-sm text-zinc-500 italic", children: "No data returned" });
+// src/ui/formatters/search.tsx
+import { ExternalLink as ExternalLink2, Search as Search2 } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function isSearchData(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "results" in data || "organic" in data || "answer" in data || "answerBox" in data;
+}
+function isSearchResult(data) {
+  return typeof data === "object" && data !== null && ("title" in data || "link" in data || "url" in data);
+}
+function getDomain(url) {
+  try {
+    return new URL(url).hostname.replace("www.", "");
+  } catch {
+    return url;
+  }
+}
+function ResultCard({ result }) {
+  const href = result.link || result.url;
+  const snippet = result.snippet || result.description;
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
+        href ? /* @__PURE__ */ jsx9(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-sm font-medium text-primary hover:underline",
+            children: result.title || href
+          }
+        ) : /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-foreground", children: result.title }),
+        href && /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground truncate", children: getDomain(href) })
+      ] }),
+      href && /* @__PURE__ */ jsx9("a", { href, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx9(ExternalLink2, { className: "h-3.5 w-3.5" }) })
+    ] }),
+    snippet && /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground line-clamp-2", children: snippet })
+  ] });
+}
+function SearchFormatter({ data }) {
+  if (isSearchData(data)) {
+    const results = data.results || data.organic || [];
+    const answerText = data.answer || data.answerBox?.answer || data.answerBox?.snippet;
+    const related = data.relatedSearches || data.related_searches;
+    return /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
+      answerText && /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsx9("p", { className: "text-sm text-foreground", children: answerText }),
+        data.answerBox?.title && /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground mt-1", children: data.answerBox.title })
+      ] }),
+      results.length > 0 && /* @__PURE__ */ jsx9("div", { className: "space-y-2", children: results.filter(isSearchResult).map((result, i) => /* @__PURE__ */ jsx9(ResultCard, { result }, result.link || result.url || i)) }),
+      related && related.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-1.5", children: related.map((r, i) => /* @__PURE__ */ jsxs8(
+        "span",
+        {
+          className: "inline-flex items-center gap-1 rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx9(Search2, { className: "h-3 w-3" }),
+            r.query
+          ]
+        },
+        i
+      )) })
+    ] });
   }
-  return /* @__PURE__ */ jsx8("pre", { className: "rounded-lg border border-zinc-800 bg-zinc-950 p-3 text-xs text-zinc-300 overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(data, null, 2) });
+  if (Array.isArray(data)) {
+    const results = data.filter(isSearchResult);
+    if (results.length > 0) {
+      return /* @__PURE__ */ jsx9("div", { className: "space-y-2", children: results.map((result, i) => /* @__PURE__ */ jsx9(ResultCard, { result }, result.link || result.url || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx9("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 jsx9 } from "react/jsx-runtime";
-function SupyagentToolResult({ part }) {
-  const state = part.state ?? part.toolInvocation?.state;
-  const result = "result" in part ? part.result : part.toolInvocation?.result;
-  const toolName = part.toolName ?? part.toolInvocation?.toolName ?? "unknown";
-  if (state !== "output-available" || result === void 0) {
-    return null;
+// src/ui/formatters/docs.tsx
+import { FileText as FileText3, ExternalLink as ExternalLink3 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function isDocData(data) {
+  return typeof data === "object" && data !== null && ("documentId" in data || "title" in data);
+}
+function extractTextContent(body) {
+  if (!body || typeof body !== "object") return null;
+  const content = body.content;
+  if (!Array.isArray(content)) return null;
+  const texts = [];
+  for (const element of content) {
+    if (element?.paragraph?.elements) {
+      for (const el of element.paragraph.elements) {
+        if (el?.textRun?.content) {
+          texts.push(el.textRun.content);
+        }
+      }
+    }
   }
-  const formatterType = getFormatterType(toolName);
-  switch (formatterType) {
-    case "email":
-      return /* @__PURE__ */ jsx9(EmailFormatter, { data: result });
-    case "calendar":
-      return /* @__PURE__ */ jsx9(CalendarEventFormatter, { data: result });
-    case "slack":
-      return /* @__PURE__ */ jsx9(SlackMessageFormatter, { data: result });
-    case "github":
-      return /* @__PURE__ */ jsx9(GithubFormatter, { data: result });
-    case "drive":
-      return /* @__PURE__ */ jsx9(DriveFileFormatter, { data: result });
-    default:
-      return /* @__PURE__ */ jsx9(GenericFormatter, { data: result });
+  return texts.length > 0 ? texts.join("").trim() : null;
+}
+function DocCard({ doc }) {
+  const docUrl = doc.url || (doc.documentId ? `https://docs.google.com/document/d/${doc.documentId}` : null);
+  const textContent = doc.content || extractTextContent(doc.body);
+  return /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx10(FileText3, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx10("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-foreground", children: docUrl ? /* @__PURE__ */ jsx10("a", { href: docUrl, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: doc.title || "Untitled document" }) : doc.title || "Untitled document" }) }),
+      docUrl && /* @__PURE__ */ jsx10("a", { href: docUrl, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx10(ExternalLink3, { className: "h-3.5 w-3.5" }) })
+    ] }),
+    textContent && /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground line-clamp-4 whitespace-pre-wrap", children: textContent })
+  ] });
+}
+function DocsFormatter({ data }) {
+  if (isDocData(data)) {
+    return /* @__PURE__ */ jsx10(DocCard, { doc: data });
+  }
+  if (Array.isArray(data)) {
+    const docs = data.filter(isDocData);
+    if (docs.length > 0) {
+      return /* @__PURE__ */ jsx10("div", { className: "space-y-2", children: docs.map((doc, i) => /* @__PURE__ */ jsx10(DocCard, { doc }, doc.documentId || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx10("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/sheets.tsx
+import { Table2 as Table22, ExternalLink as ExternalLink4 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function isSheetsData(data) {
+  return typeof data === "object" && data !== null && ("spreadsheetId" in data || "values" in data || "range" in data || "updatedRange" in data);
+}
+function SheetsTable({ values }) {
+  if (values.length === 0) return null;
+  const headers = values[0];
+  const rows = values.slice(1);
+  return /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs10("table", { className: "w-full text-xs", children: [
+    /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsx11("tr", { className: "border-b border-border bg-muted", children: headers.map((header, i) => /* @__PURE__ */ jsx11("th", { className: "px-3 py-2 text-left font-medium text-foreground whitespace-nowrap", children: String(header) }, i)) }) }),
+    /* @__PURE__ */ jsx11("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsx11("tr", { className: "border-b border-border last:border-0", children: headers.map((_, colIdx) => /* @__PURE__ */ jsx11("td", { className: "px-3 py-1.5 text-muted-foreground whitespace-nowrap", children: String(row[colIdx] ?? "") }, colIdx)) }, rowIdx)) })
+  ] }) });
+}
+function SheetsCard({ sheet }) {
+  const sheetUrl = sheet.url || (sheet.spreadsheetId ? `https://docs.google.com/spreadsheets/d/${sheet.spreadsheetId}` : null);
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx11("div", { className: "rounded-lg border border-border bg-card p-3", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx11(Table22, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-foreground", children: sheetUrl ? /* @__PURE__ */ jsx11("a", { href: sheetUrl, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: sheet.title || "Spreadsheet" }) : sheet.title || "Spreadsheet" }),
+        (sheet.updatedRange || sheet.range) && /* @__PURE__ */ jsxs10("p", { className: "text-xs text-muted-foreground", children: [
+          sheet.updatedRange || sheet.range,
+          sheet.updatedCells !== void 0 && ` \xB7 ${sheet.updatedCells} cells updated`
+        ] })
+      ] }),
+      sheetUrl && /* @__PURE__ */ jsx11("a", { href: sheetUrl, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx11(ExternalLink4, { className: "h-3.5 w-3.5" }) })
+    ] }) }),
+    sheet.values && sheet.values.length > 0 && /* @__PURE__ */ jsx11(SheetsTable, { values: sheet.values })
+  ] });
+}
+function SheetsFormatter({ data }) {
+  if (isSheetsData(data)) {
+    return /* @__PURE__ */ jsx11(SheetsCard, { sheet: data });
+  }
+  return /* @__PURE__ */ jsx11("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/slides.tsx
+import { Presentation as Presentation2, ExternalLink as ExternalLink5 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function isSlidesData(data) {
+  return typeof data === "object" && data !== null && ("presentationId" in data || "title" in data && "slides" in data);
+}
+function SlidesCard({ presentation }) {
+  const slideUrl = presentation.url || (presentation.presentationId ? `https://docs.google.com/presentation/d/${presentation.presentationId}` : null);
+  const slideCount = presentation.slides?.length;
+  return /* @__PURE__ */ jsx12("div", { className: "rounded-lg border border-border bg-card p-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx12(Presentation2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-foreground", children: slideUrl ? /* @__PURE__ */ jsx12("a", { href: slideUrl, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: presentation.title || "Presentation" }) : presentation.title || "Presentation" }),
+      slideCount !== void 0 && /* @__PURE__ */ jsxs11("p", { className: "text-xs text-muted-foreground", children: [
+        slideCount,
+        " ",
+        slideCount === 1 ? "slide" : "slides"
+      ] })
+    ] }),
+    slideUrl && /* @__PURE__ */ jsx12("a", { href: slideUrl, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx12(ExternalLink5, { className: "h-3.5 w-3.5" }) })
+  ] }) });
+}
+function SlidesFormatter({ data }) {
+  if (isSlidesData(data)) {
+    return /* @__PURE__ */ jsx12(SlidesCard, { presentation: data });
+  }
+  return /* @__PURE__ */ jsx12("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/hubspot.tsx
+import { Users as Users3, Building2, Mail as Mail3, Phone as Phone2 } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function isHubspotContact(data) {
+  if (typeof data !== "object" || data === null) return false;
+  const props = data.properties;
+  return props && ("firstname" in props || "lastname" in props || "email" in props);
+}
+function isHubspotCompany(data) {
+  if (typeof data !== "object" || data === null) return false;
+  const props = data.properties;
+  return props && ("name" in props || "domain" in props);
+}
+function ContactCard({ contact }) {
+  const p = contact.properties || {};
+  const name = [p.firstname, p.lastname].filter(Boolean).join(" ") || "Unknown contact";
+  return /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx13(Users3, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium text-foreground", children: name }),
+        p.company && /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: p.company })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pl-6", children: [
+      p.email && /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx13(Mail3, { className: "h-3 w-3" }),
+        p.email
+      ] }),
+      p.phone && /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx13(Phone2, { className: "h-3 w-3" }),
+        p.phone
+      ] })
+    ] })
+  ] });
+}
+function CompanyCard({ company }) {
+  const p = company.properties || {};
+  return /* @__PURE__ */ jsxs12("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx13(Building2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium text-foreground", children: p.name || "Unknown company" }),
+        p.industry && /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: p.industry })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pl-6", children: [
+      p.domain && /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground", children: p.domain }),
+      p.phone && /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx13(Phone2, { className: "h-3 w-3" }),
+        p.phone
+      ] })
+    ] })
+  ] });
+}
+function HubspotFormatter({ data }) {
+  if (isHubspotContact(data)) {
+    return /* @__PURE__ */ jsx13(ContactCard, { contact: data });
+  }
+  if (isHubspotCompany(data)) {
+    return /* @__PURE__ */ jsx13(CompanyCard, { company: data });
+  }
+  if (Array.isArray(data)) {
+    const contacts = data.filter(isHubspotContact);
+    if (contacts.length > 0) {
+      return /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: contacts.map((c, i) => /* @__PURE__ */ jsx13(ContactCard, { contact: c }, c.id || i)) });
+    }
+    const companies = data.filter(isHubspotCompany);
+    if (companies.length > 0) {
+      return /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: companies.map((c, i) => /* @__PURE__ */ jsx13(CompanyCard, { company: c }, c.id || i)) });
+    }
   }
+  if (typeof data === "object" && data !== null && "results" in data) {
+    const results = data.results;
+    if (Array.isArray(results)) {
+      const contacts = results.filter(isHubspotContact);
+      if (contacts.length > 0) {
+        return /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: contacts.map((c, i) => /* @__PURE__ */ jsx13(ContactCard, { contact: c }, c.id || i)) });
+      }
+      const companies = results.filter(isHubspotCompany);
+      if (companies.length > 0) {
+        return /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: companies.map((c, i) => /* @__PURE__ */ jsx13(CompanyCard, { company: c }, c.id || i)) });
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx13("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/linear.tsx
+import { CircleDot as CircleDot3, FolderKanban } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+function isLinearIssue(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "title" in data && ("identifier" in data || "state" in data || "priority" in data);
+}
+function isLinearProject(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "name" in data && ("progress" in data || "state" in data && typeof data.state === "string");
+}
+var PRIORITY_LABELS = {
+  0: { label: "No priority", style: "text-muted-foreground" },
+  1: { label: "Urgent", style: "text-destructive" },
+  2: { label: "High", style: "text-orange-500" },
+  3: { label: "Medium", style: "text-yellow-500" },
+  4: { label: "Low", style: "text-muted-foreground" }
+};
+function IssueCard({ issue }) {
+  const priorityInfo = issue.priority !== void 0 ? PRIORITY_LABELS[issue.priority] : null;
+  const assigneeName = issue.assignee?.displayName || issue.assignee?.name;
+  return /* @__PURE__ */ jsx14("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx14(
+      CircleDot3,
+      {
+        className: "h-4 w-4 mt-0.5 shrink-0",
+        style: issue.state?.color ? { color: issue.state.color } : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs13("p", { className: "text-sm font-medium text-foreground", children: [
+        issue.url ? /* @__PURE__ */ jsx14("a", { href: issue.url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: issue.title }) : issue.title,
+        issue.identifier && /* @__PURE__ */ jsxs13("span", { className: "text-muted-foreground font-normal", children: [
+          " ",
+          issue.identifier
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
+        issue.state?.name && /* @__PURE__ */ jsx14(
+          "span",
+          {
+            className: "rounded-full bg-muted px-2 py-0.5 text-xs",
+            style: issue.state.color ? { color: issue.state.color } : void 0,
+            children: issue.state.name
+          }
+        ),
+        priorityInfo && /* @__PURE__ */ jsx14("span", { className: `text-xs ${priorityInfo.style}`, children: issue.priorityLabel || priorityInfo.label }),
+        assigneeName && /* @__PURE__ */ jsx14("span", { className: "text-xs text-muted-foreground", children: assigneeName })
+      ] })
+    ] })
+  ] }) });
+}
+function ProjectCard({ project }) {
+  const progressPercent = project.progress !== void 0 ? Math.round(project.progress * 100) : null;
+  return /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx14(FolderKanban, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground", children: project.url ? /* @__PURE__ */ jsx14("a", { href: project.url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: project.name }) : project.name }),
+        project.state && /* @__PURE__ */ jsx14("span", { className: "text-xs text-muted-foreground", children: project.state })
+      ] })
+    ] }),
+    progressPercent !== null && /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx14("div", { className: "h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: "h-full rounded-full bg-primary transition-all",
+          style: { width: `${progressPercent}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs13("p", { className: "text-xs text-muted-foreground text-right", children: [
+        progressPercent,
+        "%"
+      ] })
+    ] })
+  ] });
+}
+function LinearFormatter({ data }) {
+  if (isLinearIssue(data)) {
+    return /* @__PURE__ */ jsx14(IssueCard, { issue: data });
+  }
+  if (isLinearProject(data)) {
+    return /* @__PURE__ */ jsx14(ProjectCard, { project: data });
+  }
+  if (Array.isArray(data)) {
+    const issues = data.filter(isLinearIssue);
+    if (issues.length > 0) {
+      return /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: issues.map((issue, i) => /* @__PURE__ */ jsx14(IssueCard, { issue }, issue.id || i)) });
+    }
+    const projects = data.filter(isLinearProject);
+    if (projects.length > 0) {
+      return /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: projects.map((project, i) => /* @__PURE__ */ jsx14(ProjectCard, { project }, project.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null) {
+    const arr = data.nodes || data.issues || data.projects;
+    if (Array.isArray(arr)) {
+      const issues = arr.filter(isLinearIssue);
+      if (issues.length > 0) {
+        return /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: issues.map((issue, i) => /* @__PURE__ */ jsx14(IssueCard, { issue }, issue.id || i)) });
+      }
+      const projects = arr.filter(isLinearProject);
+      if (projects.length > 0) {
+        return /* @__PURE__ */ jsx14("div", { className: "space-y-2", children: projects.map((project, i) => /* @__PURE__ */ jsx14(ProjectCard, { project }, project.id || i)) });
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx14("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/pipedrive.tsx
+import { Briefcase as Briefcase2, DollarSign } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function isPipedriveDeal(data) {
+  return typeof data === "object" && data !== null && ("title" in data || "value" in data || "status" in data) && !("subject" in data);
+}
+function formatCurrency(value, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: currency || "USD",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    }).format(value);
+  } catch {
+    return `${currency || "$"}${value.toLocaleString()}`;
+  }
+}
+function getStatusBadge(status) {
+  switch (status) {
+    case "won":
+      return { label: "Won", className: "text-green-500 bg-green-500/10" };
+    case "lost":
+      return { label: "Lost", className: "text-destructive bg-destructive/10" };
+    case "open":
+      return { label: "Open", className: "text-primary bg-primary/10" };
+    case "deleted":
+      return { label: "Deleted", className: "text-muted-foreground bg-muted" };
+    default:
+      return status ? { label: status, className: "text-muted-foreground bg-muted" } : null;
+  }
+}
+function DealCard({ deal }) {
+  const statusBadge = getStatusBadge(deal.status);
+  return /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx15(Briefcase2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium text-foreground", children: deal.title || "Untitled deal" }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
+          deal.value !== void 0 && /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-1 text-xs font-medium text-foreground", children: [
+            /* @__PURE__ */ jsx15(DollarSign, { className: "h-3 w-3" }),
+            formatCurrency(deal.value, deal.currency)
+          ] }),
+          statusBadge && /* @__PURE__ */ jsx15("span", { className: `rounded-full px-2 py-0.5 text-xs ${statusBadge.className}`, children: statusBadge.label })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pl-6 text-xs text-muted-foreground", children: [
+      deal.person_name && /* @__PURE__ */ jsx15("span", { children: deal.person_name }),
+      deal.org_name && /* @__PURE__ */ jsx15("span", { children: deal.org_name }),
+      deal.stage_name && /* @__PURE__ */ jsx15("span", { children: deal.stage_name })
+    ] })
+  ] });
+}
+function PipedriveFormatter({ data }) {
+  if (isPipedriveDeal(data)) {
+    return /* @__PURE__ */ jsx15(DealCard, { deal: data });
+  }
+  if (Array.isArray(data)) {
+    const deals = data.filter(isPipedriveDeal);
+    if (deals.length > 0) {
+      return /* @__PURE__ */ jsx15("div", { className: "space-y-2", children: deals.map((deal, i) => /* @__PURE__ */ jsx15(DealCard, { deal }, deal.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "data" in data) {
+    const items = data.data;
+    if (Array.isArray(items)) {
+      const deals = items.filter(isPipedriveDeal);
+      if (deals.length > 0) {
+        return /* @__PURE__ */ jsx15("div", { className: "space-y-2", children: deals.map((deal, i) => /* @__PURE__ */ jsx15(DealCard, { deal }, deal.id || i)) });
+      }
+    }
+    if (isPipedriveDeal(items)) {
+      return /* @__PURE__ */ jsx15(DealCard, { deal: items });
+    }
+  }
+  return /* @__PURE__ */ jsx15("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/compute.tsx
+import { Terminal as Terminal2, AlertTriangle, Check as Check3, X as X2 } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+function isComputeData(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "stdout" in data || "stderr" in data || "exit_code" in data || "exitCode" in data || "output" in data;
+}
+function formatDuration(ms) {
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+  return `${(ms / 6e4).toFixed(1)}m`;
+}
+function ComputeFormatter({ data }) {
+  if (!isComputeData(data)) {
+    return /* @__PURE__ */ jsx16("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 exitCode = data.exit_code ?? data.exitCode;
+  const duration = data.duration_ms ?? data.duration;
+  const stdout = data.stdout || data.output || "";
+  const stderr = data.stderr || data.error || "";
+  const success = exitCode === void 0 || exitCode === 0;
+  return /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-muted border-b border-border", children: [
+        /* @__PURE__ */ jsx16(Terminal2, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground flex-1", children: "Output" }),
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+          duration !== void 0 && /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: formatDuration(duration) }),
+          exitCode !== void 0 && /* @__PURE__ */ jsxs15("span", { className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs ${success ? "text-green-500 bg-green-500/10" : "text-destructive bg-destructive/10"}`, children: [
+            success ? /* @__PURE__ */ jsx16(Check3, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx16(X2, { className: "h-3 w-3" }),
+            "exit ",
+            exitCode
+          ] })
+        ] })
+      ] }),
+      stdout && /* @__PURE__ */ jsx16("pre", { className: "p-3 text-xs text-foreground overflow-x-auto max-h-80 overflow-y-auto font-mono whitespace-pre-wrap", children: stdout }),
+      stderr && /* @__PURE__ */ jsxs15("div", { className: "border-t border-border", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5 px-3 py-1 bg-destructive/5", children: [
+          /* @__PURE__ */ jsx16(AlertTriangle, { className: "h-3 w-3 text-destructive" }),
+          /* @__PURE__ */ jsx16("span", { className: "text-xs text-destructive", children: "stderr" })
+        ] }),
+        /* @__PURE__ */ jsx16("pre", { className: "p-3 text-xs text-destructive overflow-x-auto max-h-40 overflow-y-auto font-mono whitespace-pre-wrap", children: stderr })
+      ] }),
+      !stdout && !stderr && /* @__PURE__ */ jsx16("p", { className: "p-3 text-xs text-muted-foreground italic", children: "No output" })
+    ] }),
+    data.files && data.files.length > 0 && /* @__PURE__ */ jsx16("div", { className: "space-y-1", children: data.files.map((file, i) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card p-2", children: [
+      /* @__PURE__ */ jsx16(Terminal2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+      file.url ? /* @__PURE__ */ jsx16("a", { href: file.url, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline truncate", children: file.name || file.url }) : /* @__PURE__ */ jsx16("span", { className: "text-xs text-foreground truncate", children: file.name })
+    ] }, i)) })
+  ] });
+}
+
+// src/ui/formatters/resend.tsx
+import { Send as Send2, Clock as Clock2 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function isResendData(data) {
+  return typeof data === "object" && data !== null && ("id" in data || "to" in data) && ("subject" in data || "from" in data || "created_at" in data);
+}
+function formatRecipients2(to) {
+  if (!to) return "Unknown";
+  if (Array.isArray(to)) return to.join(", ");
+  return to;
+}
+function formatTimestamp(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    return date.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+  } catch {
+    return dateStr;
+  }
+}
+function ResendCard({ email }) {
+  return /* @__PURE__ */ jsxs16("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx17("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-green-500/10 shrink-0", children: /* @__PURE__ */ jsx17(Send2, { className: "h-4 w-4 text-green-500" }) }),
+      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium text-foreground", children: "Email sent" }),
+        email.subject && /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground truncate", children: email.subject })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "pl-10 space-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs16("p", { children: [
+        /* @__PURE__ */ jsx17("span", { className: "text-foreground", children: "To:" }),
+        " ",
+        formatRecipients2(email.to)
+      ] }),
+      email.from && /* @__PURE__ */ jsxs16("p", { children: [
+        /* @__PURE__ */ jsx17("span", { className: "text-foreground", children: "From:" }),
+        " ",
+        email.from
+      ] }),
+      email.created_at && /* @__PURE__ */ jsxs16("p", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx17(Clock2, { className: "h-3 w-3" }),
+        formatTimestamp(email.created_at)
+      ] }),
+      email.last_event && /* @__PURE__ */ jsx17("span", { className: "inline-block rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground capitalize", children: email.last_event })
+    ] })
+  ] });
+}
+function ResendFormatter({ data }) {
+  if (isResendData(data)) {
+    return /* @__PURE__ */ jsx17(ResendCard, { email: data });
+  }
+  if (typeof data === "object" && data !== null && "data" in data) {
+    const inner = data.data;
+    if (isResendData(inner)) {
+      return /* @__PURE__ */ jsx17(ResendCard, { email: inner });
+    }
+  }
+  return /* @__PURE__ */ jsx17("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/inbox.tsx
+import { Bell as Bell2, Calendar as Calendar3, Mail as Mail4, MessageSquare as MessageSquare3 } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function isInboxEvent(data) {
+  return typeof data === "object" && data !== null && ("title" in data || "type" in data || "description" in data);
+}
+function getEventIcon(type) {
+  switch (type) {
+    case "email":
+      return Mail4;
+    case "message":
+      return MessageSquare3;
+    case "calendar":
+      return Calendar3;
+    default:
+      return Bell2;
+  }
+}
+function formatTimestamp2(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffHours = Math.floor(diffMs / 36e5);
+    const diffDays = Math.floor(diffMs / 864e5);
+    if (diffHours < 1) return "Just now";
+    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 dateStr;
+  }
+}
+function EventCard2({ event }) {
+  const Icon = getEventIcon(event.type);
+  const timestamp = event.timestamp || event.created_at;
+  return /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx18(Icon, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+          event.type && /* @__PURE__ */ jsx18("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground capitalize", children: event.type }),
+          event.source && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground", children: event.source }),
+          timestamp && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground ml-auto shrink-0", children: formatTimestamp2(timestamp) })
+        ] }),
+        event.title && /* @__PURE__ */ jsx18("p", { className: "text-sm font-medium text-foreground mt-1", children: event.title })
+      ] })
+    ] }),
+    event.description && /* @__PURE__ */ jsx18("p", { className: "text-xs text-muted-foreground line-clamp-2 pl-6", children: event.description })
+  ] });
+}
+function InboxFormatter({ data }) {
+  if (isInboxEvent(data)) {
+    return /* @__PURE__ */ jsx18(EventCard2, { event: data });
+  }
+  if (Array.isArray(data)) {
+    const events = data.filter(isInboxEvent);
+    if (events.length > 0) {
+      return /* @__PURE__ */ jsx18("div", { className: "space-y-2", children: events.map((event, i) => /* @__PURE__ */ jsx18(EventCard2, { event }, event.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "events" in data) {
+    const events = data.events;
+    if (Array.isArray(events)) {
+      const inboxEvents = events.filter(isInboxEvent);
+      if (inboxEvents.length > 0) {
+        return /* @__PURE__ */ jsx18("div", { className: "space-y-2", children: inboxEvents.map((event, i) => /* @__PURE__ */ jsx18(EventCard2, { event }, event.id || i)) });
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx18("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/discord.tsx
+import { MessageSquare as MessageSquare4, Hash as Hash2, Shield, Users as Users4 } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function isGuildData(data) {
+  return typeof data === "object" && data !== null && "name" in data && ("owner" in data || "member_count" in data || "icon" in data);
+}
+function isChannelData(data) {
+  return typeof data === "object" && data !== null && "name" in data && ("type" in data || "position" in data);
+}
+function isMessageData(data) {
+  return typeof data === "object" && data !== null && ("content" in data || "author" in data) && "id" in data;
+}
+function formatRelativeDate3(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    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 dateStr;
+  }
+}
+function GuildCard({ guild }) {
+  return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19(Shield, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium text-foreground flex-1", children: guild.name }),
+      guild.owner && /* @__PURE__ */ jsx19("span", { className: "rounded-full bg-yellow-500/10 px-2 py-0.5 text-xs text-yellow-600", children: "Owner" })
+    ] }),
+    guild.member_count !== void 0 && /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1 pl-6 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx19(Users4, { className: "h-3 w-3" }),
+      guild.member_count,
+      " members"
+    ] })
+  ] });
+}
+function ChannelCard2({ channel }) {
+  return /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card p-3", children: [
+    /* @__PURE__ */ jsx19(Hash2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+    /* @__PURE__ */ jsx19("span", { className: "text-sm text-foreground flex-1", children: channel.name || channel.id }),
+    channel.member_count !== void 0 && /* @__PURE__ */ jsxs18("span", { className: "text-xs text-muted-foreground", children: [
+      channel.member_count,
+      " members"
+    ] })
+  ] });
+}
+function MessageCard({ message }) {
+  return /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19(MessageSquare4, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      message.author?.username && /* @__PURE__ */ jsx19("span", { className: "text-xs font-medium text-foreground", children: message.author.username }),
+      message.timestamp && /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground ml-auto", children: formatRelativeDate3(message.timestamp) })
+    ] }),
+    message.content && /* @__PURE__ */ jsx19("p", { className: "text-sm text-foreground line-clamp-3", children: message.content })
+  ] });
+}
+function DiscordFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "guilds" in data) {
+    const guilds = data.guilds;
+    if (Array.isArray(guilds)) {
+      return /* @__PURE__ */ jsx19("div", { className: "space-y-1.5", children: guilds.filter(isGuildData).map((g, i) => /* @__PURE__ */ jsx19(GuildCard, { guild: g }, g.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "channels" in data) {
+    const channels = data.channels;
+    if (Array.isArray(channels)) {
+      return /* @__PURE__ */ jsx19("div", { className: "space-y-1.5", children: channels.filter(isChannelData).map((c, i) => /* @__PURE__ */ jsx19(ChannelCard2, { channel: c }, c.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "messages" in data) {
+    const messages = data.messages;
+    if (Array.isArray(messages)) {
+      return /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: messages.filter(isMessageData).map((m, i) => /* @__PURE__ */ jsx19(MessageCard, { message: m }, m.id || i)) });
+    }
+  }
+  if (isMessageData(data)) return /* @__PURE__ */ jsx19(MessageCard, { message: data });
+  if (Array.isArray(data)) {
+    const guilds = data.filter(isGuildData);
+    if (guilds.length > 0) {
+      return /* @__PURE__ */ jsx19("div", { className: "space-y-1.5", children: guilds.map((g, i) => /* @__PURE__ */ jsx19(GuildCard, { guild: g }, g.id || i)) });
+    }
+    const messages = data.filter(isMessageData);
+    if (messages.length > 0) {
+      return /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: messages.map((m, i) => /* @__PURE__ */ jsx19(MessageCard, { message: m }, m.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx19("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/notion.tsx
+import { FileText as FileText4, Database, ExternalLink as ExternalLink6, Clock as Clock3 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+function isNotionPage(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "properties" in data || "id" in data && "url" in data && String(data.url || "").includes("notion");
+}
+function isNotionDatabase(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "title" in data && Array.isArray(data.title) && "id" in data;
+}
+function extractPageTitle(page) {
+  if (page.title) return page.title;
+  if (page.properties) {
+    for (const val of Object.values(page.properties)) {
+      if (typeof val === "object" && val !== null && "title" in val) {
+        const titles = val.title;
+        if (Array.isArray(titles) && titles.length > 0) {
+          return titles.map((t) => t.plain_text || t.text?.content || "").join("");
+        }
+      }
+    }
+    const name = page.properties.Name || page.properties.name;
+    if (typeof name === "object" && name !== null && "title" in name) {
+      const titles = name.title;
+      if (Array.isArray(titles) && titles.length > 0) {
+        return titles.map((t) => t.plain_text || "").join("");
+      }
+    }
+  }
+  return "Untitled";
+}
+function formatRelativeDate4(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / 864e5);
+    if (diffDays === 0) return "today";
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 7) return `${diffDays}d ago`;
+    return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  } catch {
+    return dateStr;
+  }
+}
+function PageCard({ page }) {
+  const title = extractPageTitle(page);
+  return /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx20(FileText4, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsx20("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-foreground truncate", children: page.url ? /* @__PURE__ */ jsx20("a", { href: page.url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: title }) : title }) }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      page.last_edited_time && /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx20(Clock3, { className: "h-3 w-3" }),
+        formatRelativeDate4(page.last_edited_time)
+      ] }),
+      page.url && /* @__PURE__ */ jsx20("a", { href: page.url, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx20(ExternalLink6, { className: "h-3 w-3" }) })
+    ] })
+  ] }) });
+}
+function DatabaseCard({ db }) {
+  const title = Array.isArray(db.title) && db.title.length > 0 ? db.title.map((t) => t.plain_text || "").join("") : "Untitled database";
+  const desc = Array.isArray(db.description) && db.description.length > 0 ? db.description.map((d) => d.plain_text || "").join("") : null;
+  return /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx20(Database, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-foreground truncate", children: db.url ? /* @__PURE__ */ jsx20("a", { href: db.url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: title }) : title }),
+      desc && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground line-clamp-2", children: desc })
+    ] })
+  ] }) });
+}
+function NotionFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "pages" in data) {
+    const pages = data.pages;
+    if (Array.isArray(pages)) {
+      return /* @__PURE__ */ jsx20("div", { className: "space-y-1.5", children: pages.filter(isNotionPage).map((p, i) => /* @__PURE__ */ jsx20(PageCard, { page: p }, p.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "databases" in data) {
+    const dbs = data.databases;
+    if (Array.isArray(dbs)) {
+      return /* @__PURE__ */ jsx20("div", { className: "space-y-1.5", children: dbs.filter(isNotionDatabase).map((d, i) => /* @__PURE__ */ jsx20(DatabaseCard, { db: d }, d.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "results" in data) {
+    const results = data.results;
+    if (Array.isArray(results)) {
+      const pages = results.filter(isNotionPage);
+      if (pages.length > 0) {
+        return /* @__PURE__ */ jsx20("div", { className: "space-y-1.5", children: pages.map((p, i) => /* @__PURE__ */ jsx20(PageCard, { page: p }, p.id || i)) });
+      }
+      const dbs = results.filter(isNotionDatabase);
+      if (dbs.length > 0) {
+        return /* @__PURE__ */ jsx20("div", { className: "space-y-1.5", children: dbs.map((d, i) => /* @__PURE__ */ jsx20(DatabaseCard, { db: d }, d.id || i)) });
+      }
+    }
+  }
+  if (isNotionPage(data)) return /* @__PURE__ */ jsx20(PageCard, { page: data });
+  if (isNotionDatabase(data)) return /* @__PURE__ */ jsx20(DatabaseCard, { db: data });
+  if (Array.isArray(data)) {
+    const pages = data.filter(isNotionPage);
+    if (pages.length > 0) {
+      return /* @__PURE__ */ jsx20("div", { className: "space-y-1.5", children: pages.map((p, i) => /* @__PURE__ */ jsx20(PageCard, { page: p }, p.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx20("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/twitter.tsx
+import { MessageCircle as MessageCircle2, Heart, Repeat2, Clock as Clock4 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+function isTweetData(data) {
+  return typeof data === "object" && data !== null && "text" in data;
+}
+function formatRelativeDate5(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    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 dateStr;
+  }
+}
+function TweetCard({ tweet }) {
+  const username = tweet.author_username || tweet.username || tweet.author?.username;
+  const likes = tweet.public_metrics?.like_count ?? tweet.like_count;
+  const retweets = tweet.public_metrics?.retweet_count ?? tweet.retweet_count;
+  const replies = tweet.public_metrics?.reply_count;
+  return /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx21(MessageCircle2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      username && /* @__PURE__ */ jsxs20("span", { className: "text-xs font-medium text-foreground", children: [
+        "@",
+        username
+      ] }),
+      tweet.author?.name && /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: tweet.author.name }),
+      tweet.created_at && /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-auto", children: [
+        /* @__PURE__ */ jsx21(Clock4, { className: "h-3 w-3" }),
+        formatRelativeDate5(tweet.created_at)
+      ] })
+    ] }),
+    tweet.text && /* @__PURE__ */ jsx21("p", { className: "text-sm text-foreground line-clamp-4", children: tweet.text }),
+    (likes !== void 0 || retweets !== void 0 || replies !== void 0) && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4 pt-0.5", children: [
+      likes !== void 0 && /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(Heart, { className: "h-3 w-3" }),
+        likes
+      ] }),
+      retweets !== void 0 && /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(Repeat2, { className: "h-3 w-3" }),
+        retweets
+      ] }),
+      replies !== void 0 && /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(MessageCircle2, { className: "h-3 w-3" }),
+        replies
+      ] })
+    ] })
+  ] });
+}
+function TwitterFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "tweets" in data) {
+    const tweets = data.tweets;
+    if (Array.isArray(tweets)) {
+      return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: tweets.filter(isTweetData).map((t, i) => /* @__PURE__ */ jsx21(TweetCard, { tweet: t }, t.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "data" in data && Array.isArray(data.data)) {
+    const tweets = data.data;
+    return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: tweets.filter(isTweetData).map((t, i) => /* @__PURE__ */ jsx21(TweetCard, { tweet: t }, t.id || i)) });
+  }
+  if (isTweetData(data)) return /* @__PURE__ */ jsx21(TweetCard, { tweet: data });
+  if (Array.isArray(data)) {
+    const tweets = data.filter(isTweetData);
+    if (tweets.length > 0) {
+      return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: tweets.map((t, i) => /* @__PURE__ */ jsx21(TweetCard, { tweet: t }, t.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx21("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/telegram.tsx
+import { MessageSquare as MessageSquare5, User, Clock as Clock5 } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+function isTelegramMessage(data) {
+  return typeof data === "object" && data !== null && ("text" in data || "message_id" in data);
+}
+function formatUnixDate(ts) {
+  try {
+    const date = new Date(ts * 1e3);
+    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 MessageCard2({ message }) {
+  const fromName = message.from ? [message.from.first_name, message.from.last_name].filter(Boolean).join(" ") || message.from.username : void 0;
+  return /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx22(MessageSquare5, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      fromName && /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1 text-xs font-medium text-foreground", children: [
+        /* @__PURE__ */ jsx22(User, { className: "h-3 w-3" }),
+        fromName
+      ] }),
+      message.chat?.title && /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: message.chat.title }),
+      message.date && /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-auto", children: [
+        /* @__PURE__ */ jsx22(Clock5, { className: "h-3 w-3" }),
+        formatUnixDate(message.date)
+      ] })
+    ] }),
+    message.text && /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground line-clamp-3", children: message.text })
+  ] });
+}
+function TelegramFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "messages" in data) {
+    const msgs = data.messages;
+    if (Array.isArray(msgs)) {
+      return /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: msgs.filter(isTelegramMessage).map((m, i) => /* @__PURE__ */ jsx22(MessageCard2, { message: m }, m.message_id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "result" in data) {
+    const result = data.result;
+    if (Array.isArray(result)) {
+      const msgs = result.filter(isTelegramMessage);
+      if (msgs.length > 0) {
+        return /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: msgs.map((m, i) => /* @__PURE__ */ jsx22(MessageCard2, { message: m }, m.message_id || i)) });
+      }
+    }
+  }
+  if (isTelegramMessage(data)) return /* @__PURE__ */ jsx22(MessageCard2, { message: data });
+  if (Array.isArray(data)) {
+    const msgs = data.filter(isTelegramMessage);
+    if (msgs.length > 0) {
+      return /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: msgs.map((m, i) => /* @__PURE__ */ jsx22(MessageCard2, { message: m }, m.message_id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx22("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/stripe.tsx
+import { CreditCard as CreditCard2, User as User2, FileText as FileText5, Clock as Clock6, RefreshCw } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+function isCustomer(data) {
+  return typeof data === "object" && data !== null && ("email" in data || "name" in data) && !("amount_due" in data) && !("plan" in data);
+}
+function isInvoice(data) {
+  return typeof data === "object" && data !== null && ("number" in data || "amount_due" in data);
+}
+function isSubscription(data) {
+  return typeof data === "object" && data !== null && "plan" in data && "status" in data;
+}
+function isBalance(data) {
+  return typeof data === "object" && data !== null && ("available" in data || "pending" in data);
+}
+function formatAmount(amount, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, { style: "currency", currency: currency.toUpperCase() }).format(amount / 100);
+  } catch {
+    return `${(amount / 100).toFixed(2)} ${currency.toUpperCase()}`;
+  }
+}
+function formatUnixDate2(ts) {
+  try {
+    return new Date(ts * 1e3).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+  } catch {
+    return String(ts);
+  }
+}
+var STATUS_STYLES = {
+  paid: "bg-green-500/10 text-green-500",
+  active: "bg-green-500/10 text-green-500",
+  open: "bg-blue-500/10 text-blue-500",
+  draft: "bg-muted text-muted-foreground",
+  void: "bg-muted text-muted-foreground",
+  uncollectible: "bg-destructive/10 text-destructive",
+  past_due: "bg-destructive/10 text-destructive",
+  canceled: "bg-destructive/10 text-destructive",
+  trialing: "bg-yellow-500/10 text-yellow-600"
+};
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsx23("span", { className: `rounded-full px-2 py-0.5 text-xs ${STATUS_STYLES[status] || "bg-muted text-muted-foreground"}`, children: status });
+}
+function CustomerCard({ customer }) {
+  return /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx23(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: customer.name || "Unnamed customer" }),
+      customer.email && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: customer.email })
+    ] })
+  ] }) });
+}
+function InvoiceCard({ invoice }) {
+  return /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx23(FileText5, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: invoice.number || invoice.id }),
+      invoice.customer_name && /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: invoice.customer_name })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      invoice.amount_due !== void 0 && invoice.currency && /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium text-foreground", children: formatAmount(invoice.amount_due, invoice.currency) }),
+      invoice.status && /* @__PURE__ */ jsx23(StatusBadge, { status: invoice.status })
+    ] })
+  ] }) });
+}
+function SubscriptionCard({ sub }) {
+  return /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx23(RefreshCw, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs22("p", { className: "text-sm font-medium text-foreground", children: [
+        sub.plan?.nickname || "Subscription",
+        sub.plan?.amount !== void 0 && sub.plan?.currency && /* @__PURE__ */ jsxs22("span", { className: "text-muted-foreground font-normal", children: [
+          " ",
+          formatAmount(sub.plan.amount, sub.plan.currency),
+          "/",
+          sub.plan.interval
+        ] })
+      ] }),
+      sub.current_period_end && /* @__PURE__ */ jsxs22("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx23(Clock6, { className: "h-3 w-3" }),
+        "Renews ",
+        formatUnixDate2(sub.current_period_end)
+      ] })
+    ] }),
+    sub.status && /* @__PURE__ */ jsx23(StatusBadge, { status: sub.status })
+  ] }) });
+}
+function BalanceDisplay({ balance }) {
+  return /* @__PURE__ */ jsxs22("div", { className: "rounded-lg border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx23(CreditCard2, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium text-foreground", children: "Balance" })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
+      balance.available && balance.available.length > 0 && /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Available" }),
+        balance.available.map((b, i) => /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: formatAmount(b.amount, b.currency) }, i))
+      ] }),
+      balance.pending && balance.pending.length > 0 && /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Pending" }),
+        balance.pending.map((b, i) => /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium text-foreground", children: formatAmount(b.amount, b.currency) }, i))
+      ] })
+    ] })
+  ] });
+}
+function StripeFormatter({ data }) {
+  if (isBalance(data)) return /* @__PURE__ */ jsx23(BalanceDisplay, { balance: data });
+  if (typeof data === "object" && data !== null && "data" in data && Array.isArray(data.data)) {
+    const items = data.data;
+    const invoices = items.filter(isInvoice);
+    if (invoices.length > 0) {
+      return /* @__PURE__ */ jsx23("div", { className: "space-y-1.5", children: invoices.map((inv, i) => /* @__PURE__ */ jsx23(InvoiceCard, { invoice: inv }, inv.id || i)) });
+    }
+    const subs = items.filter(isSubscription);
+    if (subs.length > 0) {
+      return /* @__PURE__ */ jsx23("div", { className: "space-y-1.5", children: subs.map((s, i) => /* @__PURE__ */ jsx23(SubscriptionCard, { sub: s }, s.id || i)) });
+    }
+    const customers = items.filter(isCustomer);
+    if (customers.length > 0) {
+      return /* @__PURE__ */ jsx23("div", { className: "space-y-1.5", children: customers.map((c, i) => /* @__PURE__ */ jsx23(CustomerCard, { customer: c }, c.id || i)) });
+    }
+  }
+  if (isInvoice(data)) return /* @__PURE__ */ jsx23(InvoiceCard, { invoice: data });
+  if (isSubscription(data)) return /* @__PURE__ */ jsx23(SubscriptionCard, { sub: data });
+  if (isCustomer(data)) return /* @__PURE__ */ jsx23(CustomerCard, { customer: data });
+  if (Array.isArray(data)) {
+    const invoices = data.filter(isInvoice);
+    if (invoices.length > 0) {
+      return /* @__PURE__ */ jsx23("div", { className: "space-y-1.5", children: invoices.map((inv, i) => /* @__PURE__ */ jsx23(InvoiceCard, { invoice: inv }, inv.id || i)) });
+    }
+    const customers = data.filter(isCustomer);
+    if (customers.length > 0) {
+      return /* @__PURE__ */ jsx23("div", { className: "space-y-1.5", children: customers.map((c, i) => /* @__PURE__ */ jsx23(CustomerCard, { customer: c }, c.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx23("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/jira.tsx
+import { CircleDot as CircleDot4, SquareKanban as SquareKanban2, User as User3, ArrowUp, ArrowDown, Minus } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+function isJiraIssue(data) {
+  return typeof data === "object" && data !== null && "key" in data && "fields" in data;
+}
+function isJiraProject(data) {
+  return typeof data === "object" && data !== null && "key" in data && "name" in data && "projectTypeKey" in data;
+}
+var STATUS_COLORS = {
+  blue: "bg-blue-500",
+  green: "bg-green-500",
+  yellow: "bg-yellow-500",
+  "blue-gray": "bg-slate-400",
+  undefined: "bg-muted-foreground"
+};
+function PriorityIcon({ name }) {
+  const lower = (name || "").toLowerCase();
+  if (lower === "highest" || lower === "critical") return /* @__PURE__ */ jsx24(ArrowUp, { className: "h-3 w-3 text-destructive" });
+  if (lower === "high") return /* @__PURE__ */ jsx24(ArrowUp, { className: "h-3 w-3 text-orange-500" });
+  if (lower === "low") return /* @__PURE__ */ jsx24(ArrowDown, { className: "h-3 w-3 text-blue-500" });
+  if (lower === "lowest") return /* @__PURE__ */ jsx24(ArrowDown, { className: "h-3 w-3 text-green-500" });
+  return /* @__PURE__ */ jsx24(Minus, { className: "h-3 w-3 text-muted-foreground" });
+}
+function IssueCard2({ issue }) {
+  const f = issue.fields || {};
+  const statusColor = f.status?.statusCategory?.colorName || "undefined";
+  return /* @__PURE__ */ jsx24("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx24(CircleDot4, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs23("p", { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground font-normal", children: issue.key }),
+        " ",
+        f.summary
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
+        f.status?.name && /* @__PURE__ */ jsxs23("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx24("span", { className: `h-1.5 w-1.5 rounded-full ${STATUS_COLORS[statusColor] || STATUS_COLORS.undefined}` }),
+          f.status.name
+        ] }),
+        f.priority?.name && /* @__PURE__ */ jsxs23("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx24(PriorityIcon, { name: f.priority.name }),
+          f.priority.name
+        ] }),
+        f.issuetype?.name && /* @__PURE__ */ jsx24("span", { className: "text-xs text-muted-foreground", children: f.issuetype.name }),
+        f.assignee && /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx24(User3, { className: "h-3 w-3" }),
+          f.assignee.displayName || f.assignee.name
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function ProjectCard2({ project }) {
+  return /* @__PURE__ */ jsx24("div", { className: "rounded-lg border border-border bg-card p-3", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx24(SquareKanban2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs23("p", { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground font-normal", children: project.key }),
+        " ",
+        project.name
+      ] }),
+      project.projectTypeKey && /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: project.projectTypeKey })
+    ] })
+  ] }) });
+}
+function JiraFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "issues" in data) {
+    const issues = data.issues;
+    if (Array.isArray(issues)) {
+      return /* @__PURE__ */ jsx24("div", { className: "space-y-1.5", children: issues.filter(isJiraIssue).map((iss, i) => /* @__PURE__ */ jsx24(IssueCard2, { issue: iss }, iss.key || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "projects" in data) {
+    const projects = data.projects;
+    if (Array.isArray(projects)) {
+      return /* @__PURE__ */ jsx24("div", { className: "space-y-1.5", children: projects.filter(isJiraProject).map((p, i) => /* @__PURE__ */ jsx24(ProjectCard2, { project: p }, p.key || i)) });
+    }
+  }
+  if (isJiraIssue(data)) return /* @__PURE__ */ jsx24(IssueCard2, { issue: data });
+  if (isJiraProject(data)) return /* @__PURE__ */ jsx24(ProjectCard2, { project: data });
+  if (Array.isArray(data)) {
+    const issues = data.filter(isJiraIssue);
+    if (issues.length > 0) {
+      return /* @__PURE__ */ jsx24("div", { className: "space-y-1.5", children: issues.map((iss, i) => /* @__PURE__ */ jsx24(IssueCard2, { issue: iss }, iss.key || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx24("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/salesforce.tsx
+import { User as User4, Briefcase as Briefcase3, Mail as Mail5, Phone as Phone3, Building2 as Building22, Calendar as Calendar4 } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+function isContact(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "Name" in data && ("Email" in data || "Phone" in data || "Title" in data);
+}
+function isOpportunity(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "Name" in data && ("StageName" in data || "Amount" in data || "CloseDate" in data);
+}
+function ContactCard2({ contact }) {
+  const account = contact.AccountName || contact.Account?.Name;
+  return /* @__PURE__ */ jsxs24("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx25(User4, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium text-foreground", children: contact.Name }),
+        contact.Title && /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: contact.Title })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap gap-x-4 gap-y-1 pl-6", children: [
+      contact.Email && /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx25(Mail5, { className: "h-3 w-3" }),
+        contact.Email
+      ] }),
+      contact.Phone && /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx25(Phone3, { className: "h-3 w-3" }),
+        contact.Phone
+      ] }),
+      account && /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx25(Building22, { className: "h-3 w-3" }),
+        account
+      ] })
+    ] })
+  ] });
+}
+function OpportunityCard({ opp }) {
+  return /* @__PURE__ */ jsxs24("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx25(Briefcase3, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium text-foreground", children: opp.Name }),
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
+          opp.Amount !== void 0 && /* @__PURE__ */ jsx25("span", { className: "text-xs font-medium text-foreground", children: new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(opp.Amount) }),
+          opp.StageName && /* @__PURE__ */ jsx25("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: opp.StageName }),
+          opp.CloseDate && /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx25(Calendar4, { className: "h-3 w-3" }),
+            opp.CloseDate
+          ] })
+        ] })
+      ] })
+    ] }),
+    opp.Probability !== void 0 && /* @__PURE__ */ jsxs24("div", { className: "pl-6 space-y-0.5", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: "Probability" }),
+        /* @__PURE__ */ jsxs24("span", { className: "text-xs font-medium text-foreground", children: [
+          opp.Probability,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx25("div", { className: "h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx25(
+        "div",
+        {
+          className: "h-full rounded-full bg-primary transition-all",
+          style: { width: `${Math.min(100, opp.Probability)}%` }
+        }
+      ) })
+    ] })
+  ] });
+}
+function SalesforceFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "records" in data) {
+    const records = data.records;
+    if (Array.isArray(records)) {
+      const contacts = records.filter(isContact);
+      const opps = records.filter(isOpportunity);
+      if (opps.length > 0 && contacts.length === 0) {
+        return /* @__PURE__ */ jsx25("div", { className: "space-y-1.5", children: opps.map((o, i) => /* @__PURE__ */ jsx25(OpportunityCard, { opp: o }, o.Id || i)) });
+      }
+      if (contacts.length > 0) {
+        return /* @__PURE__ */ jsx25("div", { className: "space-y-1.5", children: contacts.map((c, i) => /* @__PURE__ */ jsx25(ContactCard2, { contact: c }, c.Id || i)) });
+      }
+    }
+  }
+  if (isOpportunity(data)) return /* @__PURE__ */ jsx25(OpportunityCard, { opp: data });
+  if (isContact(data)) return /* @__PURE__ */ jsx25(ContactCard2, { contact: data });
+  if (Array.isArray(data)) {
+    const contacts = data.filter(isContact);
+    if (contacts.length > 0) {
+      return /* @__PURE__ */ jsx25("div", { className: "space-y-1.5", children: contacts.map((c, i) => /* @__PURE__ */ jsx25(ContactCard2, { contact: c }, c.Id || i)) });
+    }
+    const opps = data.filter(isOpportunity);
+    if (opps.length > 0) {
+      return /* @__PURE__ */ jsx25("div", { className: "space-y-1.5", children: opps.map((o, i) => /* @__PURE__ */ jsx25(OpportunityCard, { opp: o }, o.Id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx25("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/brevo.tsx
+import { User as User5, Mail as Mail6, BarChart3 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+function isBrevoContact(data) {
+  return typeof data === "object" && data !== null && "email" in data && ("attributes" in data || "id" in data);
+}
+function isBrevoCampaign(data) {
+  return typeof data === "object" && data !== null && "name" in data && ("subject" in data || "status" in data);
+}
+var STATUS_STYLES2 = {
+  sent: "bg-green-500/10 text-green-500",
+  draft: "bg-muted text-muted-foreground",
+  queued: "bg-blue-500/10 text-blue-500",
+  suspended: "bg-yellow-500/10 text-yellow-600",
+  archive: "bg-muted text-muted-foreground"
+};
+function ContactCard3({ contact }) {
+  const name = contact.attributes ? [contact.attributes.FIRSTNAME, contact.attributes.LASTNAME].filter(Boolean).join(" ") : void 0;
+  return /* @__PURE__ */ jsx26("div", { className: "rounded-lg border border-border bg-card p-3", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx26(User5, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
+      name && /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium text-foreground", children: name }),
+      /* @__PURE__ */ jsxs25("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx26(Mail6, { className: "h-3 w-3" }),
+        contact.email
+      ] })
+    ] })
+  ] }) });
+}
+function CampaignCard({ campaign }) {
+  const stats = campaign.statistics?.globalStats;
+  return /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx26(Mail6, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium text-foreground", children: campaign.name }),
+        campaign.subject && /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: campaign.subject })
+      ] }),
+      campaign.status && /* @__PURE__ */ jsx26("span", { className: `rounded-full px-2 py-0.5 text-xs ${STATUS_STYLES2[campaign.status] || "bg-muted text-muted-foreground"}`, children: campaign.status })
+    ] }),
+    stats && /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-4 pl-6", children: [
+      /* @__PURE__ */ jsxs25("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx26(BarChart3, { className: "h-3 w-3" }),
+        stats.sent ?? 0,
+        " sent"
+      ] }),
+      stats.opened !== void 0 && /* @__PURE__ */ jsxs25("span", { className: "text-xs text-muted-foreground", children: [
+        stats.opened,
+        " opened"
+      ] }),
+      stats.clicked !== void 0 && /* @__PURE__ */ jsxs25("span", { className: "text-xs text-muted-foreground", children: [
+        stats.clicked,
+        " clicked"
+      ] })
+    ] })
+  ] });
+}
+function BrevoFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "contacts" in data) {
+    const contacts = data.contacts;
+    if (Array.isArray(contacts)) {
+      return /* @__PURE__ */ jsx26("div", { className: "space-y-1.5", children: contacts.filter(isBrevoContact).map((c, i) => /* @__PURE__ */ jsx26(ContactCard3, { contact: c }, c.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "campaigns" in data) {
+    const campaigns = data.campaigns;
+    if (Array.isArray(campaigns)) {
+      return /* @__PURE__ */ jsx26("div", { className: "space-y-1.5", children: campaigns.filter(isBrevoCampaign).map((c, i) => /* @__PURE__ */ jsx26(CampaignCard, { campaign: c }, c.id || i)) });
+    }
+  }
+  if (isBrevoContact(data)) return /* @__PURE__ */ jsx26(ContactCard3, { contact: data });
+  if (isBrevoCampaign(data)) return /* @__PURE__ */ jsx26(CampaignCard, { campaign: data });
+  if (Array.isArray(data)) {
+    const contacts = data.filter(isBrevoContact);
+    if (contacts.length > 0) {
+      return /* @__PURE__ */ jsx26("div", { className: "space-y-1.5", children: contacts.map((c, i) => /* @__PURE__ */ jsx26(ContactCard3, { contact: c }, c.id || i)) });
+    }
+    const campaigns = data.filter(isBrevoCampaign);
+    if (campaigns.length > 0) {
+      return /* @__PURE__ */ jsx26("div", { className: "space-y-1.5", children: campaigns.map((c, i) => /* @__PURE__ */ jsx26(CampaignCard, { campaign: c }, c.id || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx26("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/calendly.tsx
+import { Calendar as Calendar5, Clock as Clock7, MapPin as MapPin2 } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+function isCalendlyEvent(data) {
+  return typeof data === "object" && data !== null && "name" in data && ("start_time" in data || "status" in data);
+}
+function isCalendlyEventType(data) {
+  return typeof data === "object" && data !== null && "name" in data && ("duration" in data || "slug" in data || "active" in data);
+}
+function formatDateTime(dateStr) {
+  try {
+    return new Date(dateStr).toLocaleString(void 0, {
+      month: "short",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  } catch {
+    return dateStr;
+  }
+}
+var STATUS_STYLES3 = {
+  active: "bg-green-500/10 text-green-500",
+  canceled: "bg-destructive/10 text-destructive"
+};
+function EventCard3({ event }) {
+  return /* @__PURE__ */ jsx27("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx27(Calendar5, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium text-foreground", children: event.name }),
+      event.start_time && /* @__PURE__ */ jsxs26("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx27(Clock7, { className: "h-3 w-3" }),
+        formatDateTime(event.start_time),
+        event.end_time && ` - ${formatDateTime(event.end_time)}`
+      ] }),
+      event.location?.location && /* @__PURE__ */ jsxs26("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx27(MapPin2, { className: "h-3 w-3" }),
+        event.location.location
+      ] })
+    ] }),
+    event.status && /* @__PURE__ */ jsx27("span", { className: `rounded-full px-2 py-0.5 text-xs ${STATUS_STYLES3[event.status] || "bg-muted text-muted-foreground"}`, children: event.status })
+  ] }) });
+}
+function EventTypeCard({ eventType }) {
+  return /* @__PURE__ */ jsx27("div", { className: "rounded-lg border border-border bg-card p-3", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx27(Calendar5, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium text-foreground", children: eventType.name }),
+      eventType.description_plain && /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground line-clamp-2", children: eventType.description_plain }),
+      eventType.duration !== void 0 && /* @__PURE__ */ jsxs26("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx27(Clock7, { className: "h-3 w-3" }),
+        eventType.duration,
+        " min"
+      ] })
+    ] }),
+    eventType.active !== void 0 && /* @__PURE__ */ jsx27("span", { className: `rounded-full px-2 py-0.5 text-xs ${eventType.active ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"}`, children: eventType.active ? "Active" : "Inactive" })
+  ] }) });
+}
+function CalendlyFormatter({ data }) {
+  if (typeof data === "object" && data !== null) {
+    const d = data;
+    if (Array.isArray(d.collection)) {
+      const events = d.collection.filter(isCalendlyEvent);
+      const types = d.collection.filter(isCalendlyEventType);
+      if (types.length > 0 && events.length === 0) {
+        return /* @__PURE__ */ jsx27("div", { className: "space-y-1.5", children: types.map((t, i) => /* @__PURE__ */ jsx27(EventTypeCard, { eventType: t }, t.uri || i)) });
+      }
+      if (events.length > 0) {
+        return /* @__PURE__ */ jsx27("div", { className: "space-y-1.5", children: events.map((e, i) => /* @__PURE__ */ jsx27(EventCard3, { event: e }, e.uri || i)) });
+      }
+    }
+    if (Array.isArray(d.scheduled_events)) {
+      return /* @__PURE__ */ jsx27("div", { className: "space-y-1.5", children: d.scheduled_events.filter(isCalendlyEvent).map((e, i) => /* @__PURE__ */ jsx27(EventCard3, { event: e }, e.uri || i)) });
+    }
+    if (Array.isArray(d.event_types)) {
+      return /* @__PURE__ */ jsx27("div", { className: "space-y-1.5", children: d.event_types.filter(isCalendlyEventType).map((t, i) => /* @__PURE__ */ jsx27(EventTypeCard, { eventType: t }, t.uri || i)) });
+    }
+  }
+  if (isCalendlyEvent(data)) return /* @__PURE__ */ jsx27(EventCard3, { event: data });
+  if (isCalendlyEventType(data)) return /* @__PURE__ */ jsx27(EventTypeCard, { eventType: data });
+  if (Array.isArray(data)) {
+    const events = data.filter(isCalendlyEvent);
+    if (events.length > 0) {
+      return /* @__PURE__ */ jsx27("div", { className: "space-y-1.5", children: events.map((e, i) => /* @__PURE__ */ jsx27(EventCard3, { event: e }, e.uri || i)) });
+    }
+  }
+  return /* @__PURE__ */ jsx27("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/twilio.tsx
+import { Phone as Phone4, ArrowUpRight, ArrowDownLeft, Clock as Clock8 } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+function isTwilioMessage(data) {
+  return typeof data === "object" && data !== null && ("body" in data || "sid" in data) && ("from" in data || "to" in data);
+}
+function formatRelativeDate6(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    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 dateStr;
+  }
+}
+var STATUS_STYLES4 = {
+  delivered: "bg-green-500/10 text-green-500",
+  sent: "bg-green-500/10 text-green-500",
+  received: "bg-blue-500/10 text-blue-500",
+  failed: "bg-destructive/10 text-destructive",
+  undelivered: "bg-destructive/10 text-destructive",
+  queued: "bg-yellow-500/10 text-yellow-600",
+  sending: "bg-blue-500/10 text-blue-500"
+};
+function MessageCard3({ message }) {
+  const isInbound = message.direction?.includes("inbound");
+  const DirectionIcon = isInbound ? ArrowDownLeft : ArrowUpRight;
+  const dateStr = message.date_sent || message.date_created;
+  return /* @__PURE__ */ jsxs27("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx28(Phone4, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsx28(DirectionIcon, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: [
+        message.from && /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: message.from }),
+        /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: "\u2192" }),
+        message.to && /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: message.to })
+      ] }),
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+        message.status && /* @__PURE__ */ jsx28("span", { className: `rounded-full px-2 py-0.5 text-xs ${STATUS_STYLES4[message.status] || "bg-muted text-muted-foreground"}`, children: message.status }),
+        dateStr && /* @__PURE__ */ jsxs27("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx28(Clock8, { className: "h-3 w-3" }),
+          formatRelativeDate6(dateStr)
+        ] })
+      ] })
+    ] }),
+    message.body && /* @__PURE__ */ jsx28("p", { className: "text-sm text-foreground line-clamp-3", children: message.body })
+  ] });
+}
+function TwilioFormatter({ data }) {
+  if (typeof data === "object" && data !== null && "messages" in data) {
+    const msgs = data.messages;
+    if (Array.isArray(msgs)) {
+      return /* @__PURE__ */ jsx28("div", { className: "space-y-1.5", children: msgs.filter(isTwilioMessage).map((m, i) => /* @__PURE__ */ jsx28(MessageCard3, { message: m }, m.sid || i)) });
+    }
+  }
+  if (isTwilioMessage(data)) return /* @__PURE__ */ jsx28(MessageCard3, { message: data });
+  if (Array.isArray(data)) {
+    const msgs = data.filter(isTwilioMessage);
+    if (msgs.length > 0) {
+      return /* @__PURE__ */ jsx28("div", { className: "space-y-1.5", children: msgs.map((m, i) => /* @__PURE__ */ jsx28(MessageCard3, { message: m }, m.sid || i)) });
+    }
+  }
+  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/linkedin.tsx
+import { User as User6, FileText as FileText6, ExternalLink as ExternalLink7, Clock as Clock9 } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+function isProfile(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return "localizedFirstName" in data || "firstName" in data || "name" in data && "headline" in data;
+}
+function isPost(data) {
+  if (typeof data !== "object" || data === null) return false;
+  return ("text" in data || "commentary" in data) && !("localizedFirstName" in data);
+}
+function formatRelativeDate7(dateStr) {
+  try {
+    const date = typeof dateStr === "number" ? new Date(dateStr) : new Date(dateStr);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / 864e5);
+    if (diffDays === 0) return "today";
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 7) return `${diffDays}d ago`;
+    return date.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  } catch {
+    return String(dateStr);
+  }
+}
+function ProfileCard({ profile }) {
+  const name = profile.name || [profile.localizedFirstName || profile.firstName, profile.localizedLastName || profile.lastName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx29("div", { className: "rounded-lg border border-border bg-card p-3 space-y-1", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx29(User6, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium text-foreground", children: name || "LinkedIn Profile" }),
+      profile.headline && /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground line-clamp-2", children: profile.headline }),
+      profile.vanityName && /* @__PURE__ */ jsxs28("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx29(ExternalLink7, { className: "h-3 w-3" }),
+        "linkedin.com/in/",
+        profile.vanityName
+      ] })
+    ] })
+  ] }) });
+}
+function PostCard({ post }) {
+  const content = post.text || post.commentary;
+  const time = post.created?.time || post.timestamp;
+  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(FileText6, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+      post.author && /* @__PURE__ */ jsx29("span", { className: "text-xs font-medium text-foreground", children: post.author }),
+      time && /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-auto", children: [
+        /* @__PURE__ */ jsx29(Clock9, { className: "h-3 w-3" }),
+        formatRelativeDate7(time)
+      ] })
+    ] }),
+    content && /* @__PURE__ */ jsx29("p", { className: "text-sm text-foreground line-clamp-4", children: content })
+  ] });
+}
+function LinkedInFormatter({ data }) {
+  if (isProfile(data)) return /* @__PURE__ */ jsx29(ProfileCard, { profile: data });
+  if (typeof data === "object" && data !== null && "posts" in data) {
+    const posts = data.posts;
+    if (Array.isArray(posts)) {
+      return /* @__PURE__ */ jsx29("div", { className: "space-y-1.5", children: posts.filter(isPost).map((p, i) => /* @__PURE__ */ jsx29(PostCard, { post: p }, p.id || i)) });
+    }
+  }
+  if (typeof data === "object" && data !== null && "elements" in data) {
+    const elements = data.elements;
+    if (Array.isArray(elements)) {
+      const posts = elements.filter(isPost);
+      if (posts.length > 0) {
+        return /* @__PURE__ */ jsx29("div", { className: "space-y-1.5", children: posts.map((p, i) => /* @__PURE__ */ jsx29(PostCard, { post: p }, p.id || i)) });
+      }
+    }
+  }
+  if (isPost(data)) return /* @__PURE__ */ jsx29(PostCard, { post: data });
+  if (Array.isArray(data)) {
+    const posts = data.filter(isPost);
+    if (posts.length > 0) {
+      return /* @__PURE__ */ jsx29("div", { className: "space-y-1.5", children: posts.map((p, i) => /* @__PURE__ */ jsx29(PostCard, { post: p }, p.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/generic.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function GenericFormatter({ data }) {
+  if (data === null || data === void 0) {
+    return /* @__PURE__ */ jsx30("p", { className: "text-sm text-muted-foreground italic", children: "No data returned" });
+  }
+  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) });
+}
+
+// src/ui/tool-result.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function extractToolName2(part) {
+  if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
+    return part.type.slice(5);
+  }
+  if (part.type === "dynamic-tool" && part.toolName) {
+    return part.toolName;
+  }
+  if (part.toolName) return part.toolName;
+  if (part.toolInvocation?.toolName) return part.toolInvocation.toolName;
+  return "unknown";
+}
+function extractState2(part) {
+  return part.state ?? part.toolInvocation?.state;
+}
+function unwrapSupyagentResult(result) {
+  if (typeof result === "object" && result !== null && "ok" in result && "data" in result) {
+    return result.data;
+  }
+  return result;
+}
+function extractArgs2(part) {
+  if (part.input && typeof part.input === "object" && !Array.isArray(part.input)) {
+    return part.input;
+  }
+  if (part.args) return part.args;
+  return part.toolInvocation?.args;
+}
+function extractResult(part) {
+  let raw;
+  if ("output" in part && part.output !== void 0) raw = part.output;
+  else if ("result" in part && part.result !== void 0) raw = part.result;
+  else raw = part.toolInvocation?.result;
+  return unwrapSupyagentResult(raw);
+}
+function maybeNormalize(toolName, formatterType, data) {
+  const lower = toolName.toLowerCase();
+  const isMicrosoft = lower.startsWith("microsoft_") || lower.startsWith("outlook_") || lower.startsWith("onedrive_");
+  if (!isMicrosoft) return data;
+  switch (formatterType) {
+    case "email":
+      return normalizeMicrosoftMail(data);
+    case "calendar":
+      return normalizeMicrosoftCalendar(data);
+    case "drive":
+      return normalizeMicrosoftDrive(data);
+    default:
+      return data;
+  }
+}
+function renderFormatter(formatterType, data) {
+  switch (formatterType) {
+    case "email":
+      return /* @__PURE__ */ jsx31(EmailFormatter, { data });
+    case "calendar":
+      return /* @__PURE__ */ jsx31(CalendarEventFormatter, { data });
+    case "slack":
+      return /* @__PURE__ */ jsx31(SlackMessageFormatter, { data });
+    case "github":
+      return /* @__PURE__ */ jsx31(GithubFormatter, { data });
+    case "drive":
+      return /* @__PURE__ */ jsx31(DriveFileFormatter, { data });
+    case "search":
+      return /* @__PURE__ */ jsx31(SearchFormatter, { data });
+    case "docs":
+      return /* @__PURE__ */ jsx31(DocsFormatter, { data });
+    case "sheets":
+      return /* @__PURE__ */ jsx31(SheetsFormatter, { data });
+    case "slides":
+      return /* @__PURE__ */ jsx31(SlidesFormatter, { data });
+    case "hubspot":
+      return /* @__PURE__ */ jsx31(HubspotFormatter, { data });
+    case "linear":
+      return /* @__PURE__ */ jsx31(LinearFormatter, { data });
+    case "pipedrive":
+      return /* @__PURE__ */ jsx31(PipedriveFormatter, { data });
+    case "compute":
+      return /* @__PURE__ */ jsx31(ComputeFormatter, { data });
+    case "resend":
+      return /* @__PURE__ */ jsx31(ResendFormatter, { data });
+    case "inbox":
+      return /* @__PURE__ */ jsx31(InboxFormatter, { data });
+    case "discord":
+      return /* @__PURE__ */ jsx31(DiscordFormatter, { data });
+    case "notion":
+      return /* @__PURE__ */ jsx31(NotionFormatter, { data });
+    case "twitter":
+      return /* @__PURE__ */ jsx31(TwitterFormatter, { data });
+    case "telegram":
+      return /* @__PURE__ */ jsx31(TelegramFormatter, { data });
+    case "stripe":
+      return /* @__PURE__ */ jsx31(StripeFormatter, { data });
+    case "jira":
+      return /* @__PURE__ */ jsx31(JiraFormatter, { data });
+    case "salesforce":
+      return /* @__PURE__ */ jsx31(SalesforceFormatter, { data });
+    case "brevo":
+      return /* @__PURE__ */ jsx31(BrevoFormatter, { data });
+    case "calendly":
+      return /* @__PURE__ */ jsx31(CalendlyFormatter, { data });
+    case "twilio":
+      return /* @__PURE__ */ jsx31(TwilioFormatter, { data });
+    case "linkedin":
+      return /* @__PURE__ */ jsx31(LinkedInFormatter, { data });
+    default:
+      return /* @__PURE__ */ jsx31(GenericFormatter, { data });
+  }
+}
+function SupyagentToolResult({ part }) {
+  const state = extractState2(part);
+  const result = extractResult(part);
+  const toolName = extractToolName2(part);
+  if (state !== "output-available" || result === void 0) {
+    return null;
+  }
+  const formatterType = getFormatterType(toolName);
+  const data = maybeNormalize(toolName, formatterType, result);
+  const summary = getSummary(formatterType, data, toolName);
+  return /* @__PURE__ */ jsx31(
+    CollapsibleResult,
+    {
+      toolName,
+      summary: summary.text,
+      badge: summary.badge,
+      children: renderFormatter(formatterType, data)
+    }
+  );
+}
+
+// src/ui/tool-action.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";
+
+// src/ui/tool-input.tsx
+import React3 from "react";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+function formatValue(value) {
+  if (value === null || value === void 0) {
+    return { text: "null", muted: true };
+  }
+  if (typeof value === "boolean") {
+    return { text: String(value), muted: true };
+  }
+  if (typeof value === "number") {
+    return { text: String(value) };
+  }
+  if (typeof value === "string") {
+    return { text: value };
+  }
+  if (Array.isArray(value)) {
+    if (value.length === 0) return { text: "[]", muted: true };
+    const allPrimitive = value.every(
+      (v) => typeof v === "string" || typeof v === "number" || typeof v === "boolean"
+    );
+    if (allPrimitive) {
+      const joined = value.join(", ");
+      return { text: joined.length > 80 ? joined.slice(0, 77) + "..." : joined };
+    }
+    return { text: `${value.length} items`, muted: true };
+  }
+  if (typeof value === "object") {
+    const json = JSON.stringify(value);
+    if (json.length <= 60) return { text: json, muted: true };
+    return { text: json.slice(0, 57) + "...", muted: true };
+  }
+  return { text: String(value) };
+}
+function ToolInput({ args }) {
+  if (!args || Object.keys(args).length === 0) return null;
+  return /* @__PURE__ */ jsx32("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__ */ jsxs29(React3.Fragment, { children: [
+      /* @__PURE__ */ jsx32("span", { className: "text-muted-foreground select-none", children: key }),
+      /* @__PURE__ */ jsx32("span", { className: formatted.muted ? "text-muted-foreground" : "text-foreground", children: formatted.text })
+    ] }, key);
+  }) });
+}
+
+// src/ui/tool-action.tsx
+import { Fragment, jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+var BADGE_STYLES2 = {
+  default: "bg-muted text-muted-foreground",
+  success: "bg-green-500/10 text-green-500",
+  error: "bg-destructive/10 text-destructive",
+  warning: "bg-yellow-500/10 text-yellow-600"
+};
+function SupyagentToolAction({ part, defaultExpanded = false }) {
+  const [expanded, setExpanded] = useState3(defaultExpanded);
+  const toolName = extractToolName2(part);
+  const state = extractState2(part);
+  const args = extractArgs2(part);
+  const provider = getProviderFromToolName(toolName);
+  const providerLabel = getProviderLabel(provider);
+  const actionLabel = humanizeToolName(toolName);
+  const isStreaming = state === "input-streaming";
+  const isError = state === "output-error";
+  const isDone = state === "output-available";
+  const hasResult = isDone || isError;
+  let summary;
+  let formatterOutput;
+  if (hasResult) {
+    const result = extractResult(part);
+    if (result !== void 0) {
+      const formatterType = getFormatterType(toolName);
+      const data = maybeNormalize(toolName, formatterType, result);
+      summary = getSummary(formatterType, data, toolName);
+      formatterOutput = renderFormatter(formatterType, data);
+    }
+  }
+  const hasExpandableContent = args || formatterOutput;
+  const canExpand = !isStreaming && hasExpandableContent;
+  return /* @__PURE__ */ jsxs30(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-card overflow-hidden",
+      "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
+      children: [
+        /* @__PURE__ */ jsxs30(
+          "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__ */ jsxs30("div", { className: "relative shrink-0", 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__ */ jsx33("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx33("span", { className: "text-sm text-foreground", children: actionLabel }),
+              summary && /* @__PURE__ */ jsxs30(Fragment, { children: [
+                /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
+                /* @__PURE__ */ jsx33("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
+              ] }),
+              !summary && /* @__PURE__ */ jsx33("span", { className: "flex-1" }),
+              summary?.badge && /* @__PURE__ */ jsx33(
+                "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__ */ jsx33(Check4, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
+              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 shrink-0", children: [
+                /* @__PURE__ */ jsx33(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 shrink-0", children: "Calling..." }),
+              canExpand && (expanded ? /* @__PURE__ */ jsx33(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx33(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx33(
+          "div",
+          {
+            className: "grid transition-[grid-template-rows] duration-200 ease-out",
+            style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
+            children: /* @__PURE__ */ jsx33("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs30("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
+              args && Object.keys(args).length > 0 && /* @__PURE__ */ jsxs30("div", { children: [
+                /* @__PURE__ */ jsx33("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
+                /* @__PURE__ */ jsx33(ToolInput, { args })
+              ] }),
+              formatterOutput && /* @__PURE__ */ jsxs30("div", { children: [
+                /* @__PURE__ */ jsx33("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
+                formatterOutput
+              ] })
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
 }
 export {
+  BrevoFormatter,
+  CalendarEventFormatter,
+  CalendlyFormatter,
+  CollapsibleResult,
+  ComputeFormatter,
+  DiscordFormatter,
+  DocsFormatter,
+  DriveFileFormatter,
+  EmailFormatter,
+  GenericFormatter,
+  GithubFormatter,
+  HubspotFormatter,
+  InboxFormatter,
+  JiraFormatter,
+  LinearFormatter,
+  LinkedInFormatter,
+  NotionFormatter,
+  PipedriveFormatter,
   ProviderIcon,
+  ResendFormatter,
+  SalesforceFormatter,
+  SearchFormatter,
+  SheetsFormatter,
+  SlackMessageFormatter,
+  SlidesFormatter,
+  StripeFormatter,
+  SupyagentToolAction,
   SupyagentToolCall,
   SupyagentToolResult,
+  TelegramFormatter,
+  ToolInput,
+  TwilioFormatter,
+  TwitterFormatter,
   getProviderFromToolName,
   getProviderLabel,
+  getSummary,
   humanizeToolName
 };
 //# sourceMappingURL=react.js.map