@supyagent/sdk 0.1.36 → 0.1.38

package/dist/react.d.cts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
 import React from 'react';
 
 /**
@@ -85,6 +86,40 @@ interface ToolInputProps {
 }
 declare function ToolInput({ args }: ToolInputProps): react_jsx_runtime.JSX.Element | null;
 
+interface ContextIndicatorProps {
+    /** The full messages array from useChat() */
+    messages: UIMessage[];
+    /** Maximum token limit for the context window. @default 128000 */
+    maxTokens?: number;
+    /** Optional className for the outer container */
+    className?: string;
+}
+/**
+ * A small progress bar that shows current context window usage.
+ *
+ * Reads `message.metadata.context` from the most recent assistant message
+ * and renders a colour-coded indicator.
+ *
+ * Returns `null` until at least one assistant response has been received.
+ */
+declare function ContextIndicator({ messages, maxTokens, className, }: ContextIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+interface SummaryMessageProps {
+    /** The summary UIMessage (must have metadata.type === "context-summary") */
+    message: UIMessage;
+    /** Optional className for the outer container */
+    className?: string;
+}
+/**
+ * Renders a context-summary message as a collapsible card.
+ *
+ * Visually distinct from regular chat messages — dashed border,
+ * muted styling, and an expand/collapse toggle to reveal the summary text.
+ */
+declare function SummaryMessage({ message, className }: SummaryMessageProps): react_jsx_runtime.JSX.Element;
+/** Check whether a UIMessage is a context-summary message. */
+declare function isContextSummary(message: UIMessage): boolean;
+
 /**
  * Normalize Microsoft API responses to match the Google formatter data shapes.
  * This lets us reuse EmailFormatter, CalendarEventFormatter, and DriveFileFormatter.
@@ -282,4 +317,4 @@ interface ViewImageFormatterProps {
 }
 declare function ViewImageFormatter({ data }: ViewImageFormatterProps): react_jsx_runtime.JSX.Element;
 
-export { BrevoFormatter, BrowserFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, ViewImageFormatter, WhatsAppFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };
+export { BrevoFormatter, BrowserFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, ContextIndicator, type ContextIndicatorProps, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, SummaryMessage, type SummaryMessageProps, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, ViewImageFormatter, WhatsAppFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, isContextSummary, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };

package/dist/react.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
 import React from 'react';
 
 /**
@@ -85,6 +86,40 @@ interface ToolInputProps {
 }
 declare function ToolInput({ args }: ToolInputProps): react_jsx_runtime.JSX.Element | null;
 
+interface ContextIndicatorProps {
+    /** The full messages array from useChat() */
+    messages: UIMessage[];
+    /** Maximum token limit for the context window. @default 128000 */
+    maxTokens?: number;
+    /** Optional className for the outer container */
+    className?: string;
+}
+/**
+ * A small progress bar that shows current context window usage.
+ *
+ * Reads `message.metadata.context` from the most recent assistant message
+ * and renders a colour-coded indicator.
+ *
+ * Returns `null` until at least one assistant response has been received.
+ */
+declare function ContextIndicator({ messages, maxTokens, className, }: ContextIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+interface SummaryMessageProps {
+    /** The summary UIMessage (must have metadata.type === "context-summary") */
+    message: UIMessage;
+    /** Optional className for the outer container */
+    className?: string;
+}
+/**
+ * Renders a context-summary message as a collapsible card.
+ *
+ * Visually distinct from regular chat messages — dashed border,
+ * muted styling, and an expand/collapse toggle to reveal the summary text.
+ */
+declare function SummaryMessage({ message, className }: SummaryMessageProps): react_jsx_runtime.JSX.Element;
+/** Check whether a UIMessage is a context-summary message. */
+declare function isContextSummary(message: UIMessage): boolean;
+
 /**
  * Normalize Microsoft API responses to match the Google formatter data shapes.
  * This lets us reuse EmailFormatter, CalendarEventFormatter, and DriveFileFormatter.
@@ -282,4 +317,4 @@ interface ViewImageFormatterProps {
 }
 declare function ViewImageFormatter({ data }: ViewImageFormatterProps): react_jsx_runtime.JSX.Element;
 
-export { BrevoFormatter, BrowserFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, ViewImageFormatter, WhatsAppFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };
+export { BrevoFormatter, BrowserFormatter, CalendarEventFormatter, CalendlyFormatter, CollapsibleResult, type CollapsibleResultProps, ComputeFormatter, ContextIndicator, type ContextIndicatorProps, DiscordFormatter, DocsFormatter, DriveFileFormatter, EmailFormatter, type FormatterType, GenericFormatter, GithubFormatter, HubspotFormatter, InboxFormatter, JiraFormatter, LinearFormatter, LinkedInFormatter, NotionFormatter, PROVIDER_LABELS, PipedriveFormatter, ProviderIcon, ResendFormatter, SalesforceFormatter, SearchFormatter, SheetsFormatter, SlackMessageFormatter, SlidesFormatter, StripeFormatter, SummaryMessage, type SummaryMessageProps, type SummaryResult, SupyagentToolAction, SupyagentToolCall, SupyagentToolResult, TelegramFormatter, ToolInput, type ToolResultPart, TwilioFormatter, TwitterFormatter, ViewImageFormatter, WhatsAppFormatter, extractArgs, extractResult, extractState, extractToolName, getFormatterType, getProviderFromToolName, getProviderLabel, getSummary, humanizeToolName, isContextSummary, maybeNormalize, normalizeMicrosoftCalendar, normalizeMicrosoftDrive, normalizeMicrosoftMail, resolveToolName, unwrapSupyagentResult };

package/dist/react.js

@@ -3480,10 +3480,107 @@ function ToolInput({ args }) {
   }) });
 }
 
-// src/ui/tool-action.tsx
+// src/ui/context-indicator.tsx
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+function ContextIndicator({
+  messages,
+  maxTokens = 128e3,
+  className
+}) {
+  const lastContext = findLastContextMetadata(messages);
+  if (!lastContext) return null;
+  const ratio = Math.min(lastContext.usageRatio ?? 0, 1);
+  const percent = Math.round(ratio * 100);
+  const totalTokens = lastContext.totalTokens ?? 0;
+  const color = ratio < 0.5 ? "bg-emerald-500" : ratio < 0.75 ? "bg-yellow-500" : ratio < 0.9 ? "bg-orange-500" : "bg-red-500";
+  const label = formatTokens(totalTokens);
+  const maxLabel = formatTokens(maxTokens);
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      className,
+      title: `Context: ${label} / ${maxLabel} tokens (${percent}%)`,
+      children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx35("div", { className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx35(
+          "div",
+          {
+            className: `h-full rounded-full transition-all duration-500 ${color}`,
+            style: { width: `${percent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs32("span", { className: "tabular-nums", children: [
+          percent,
+          "%"
+        ] })
+      ] })
+    }
+  );
+}
+function findLastContextMetadata(messages) {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const meta = messages[i].metadata;
+    if (meta?.context) return meta.context;
+  }
+  return null;
+}
+function formatTokens(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return `${n}`;
+}
+
+// src/ui/summary-message.tsx
 import { useState as useState2 } from "react";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+function SummaryMessage({ message, className }) {
+  const [expanded, setExpanded] = useState2(false);
+  const meta = message.metadata;
+  const summaryText = message.parts.find((p) => p.type === "text");
+  const messageCount = meta?.messagesSummarized ?? 0;
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      className: `rounded-lg border border-dashed border-border bg-muted/30 px-4 py-3 ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs33(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded(!expanded),
+            className: "flex w-full items-center gap-2 text-left text-xs text-muted-foreground hover:text-foreground transition-colors",
+            children: [
+              /* @__PURE__ */ jsx36(
+                "svg",
+                {
+                  className: `h-3 w-3 shrink-0 transition-transform ${expanded ? "rotate-90" : ""}`,
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+                }
+              ),
+              /* @__PURE__ */ jsxs33("span", { className: "font-medium", children: [
+                "Context summarized",
+                messageCount > 0 && ` (${messageCount} messages)`
+              ] })
+            ]
+          }
+        ),
+        expanded && summaryText?.text && /* @__PURE__ */ jsx36("div", { className: "mt-2 border-t border-border pt-2 text-sm text-muted-foreground whitespace-pre-wrap", children: summaryText.text })
+      ]
+    }
+  );
+}
+function isContextSummary(message) {
+  const meta = message.metadata;
+  return meta?.type === "context-summary";
+}
+
+// src/ui/tool-action.tsx
+import { useState as useState3 } from "react";
 import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, Check as Check3, AlertCircle, Loader2 } from "lucide-react";
-import { Fragment, jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 var BADGE_STYLES2 = {
   default: "bg-muted text-muted-foreground",
   success: "bg-green-500/10 text-green-500",
@@ -3491,7 +3588,7 @@ var BADGE_STYLES2 = {
   warning: "bg-yellow-500/10 text-yellow-600"
 };
 function SupyagentToolAction({ part, defaultExpanded = false }) {
-  const [expanded, setExpanded] = useState2(defaultExpanded);
+  const [expanded, setExpanded] = useState3(defaultExpanded);
   const toolName = extractToolName(part);
   const state = extractState(part);
   const args = extractArgs(part);
@@ -3516,59 +3613,59 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
   const hasArgs = args && Object.keys(args).length > 0;
   const hasExpandableContent = hasArgs || formatterOutput;
   const canExpand = !isStreaming && hasExpandableContent;
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs34(
           "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__ */ jsxs32("div", { className: "relative shrink-0", children: [
-                /* @__PURE__ */ jsx35(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ jsx35(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ jsxs34("div", { className: "relative shrink-0", children: [
+                /* @__PURE__ */ jsx37(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ jsx37(Loader2, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ jsx35("span", { className: "text-sm text-foreground", children: actionLabel }),
-              summary && /* @__PURE__ */ jsxs32(Fragment, { children: [
-                /* @__PURE__ */ jsx35("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
-                /* @__PURE__ */ jsx35("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
+              /* @__PURE__ */ jsx37("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx37("span", { className: "text-sm text-foreground", children: actionLabel }),
+              summary && /* @__PURE__ */ jsxs34(Fragment, { children: [
+                /* @__PURE__ */ jsx37("span", { className: "text-muted-foreground text-xs", children: "\xB7" }),
+                /* @__PURE__ */ jsx37("span", { className: "text-sm text-muted-foreground flex-1 truncate", children: summary.text })
               ] }),
-              !summary && /* @__PURE__ */ jsx35("span", { className: "flex-1" }),
-              summary?.badge && /* @__PURE__ */ jsx35(
+              !summary && /* @__PURE__ */ jsx37("span", { className: "flex-1" }),
+              summary?.badge && /* @__PURE__ */ jsx37(
                 "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__ */ jsx35(Check3, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
-              isError && /* @__PURE__ */ jsxs32("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive shrink-0", children: [
-                /* @__PURE__ */ jsx35(AlertCircle, { className: "h-3 w-3" }),
+              isDone && /* @__PURE__ */ jsx37(Check3, { className: "h-3.5 w-3.5 text-green-500 shrink-0" }),
+              isError && /* @__PURE__ */ jsxs34("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__ */ jsx37(AlertCircle, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ jsx35("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary animate-pulse shrink-0", children: "Calling..." }),
-              canExpand && (expanded ? /* @__PURE__ */ jsx35(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx35(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
+              isStreaming && /* @__PURE__ */ jsx37("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__ */ jsx37(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx37(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }))
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx37(
           "div",
           {
             className: "grid transition-[grid-template-rows] duration-200 ease-out",
             style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
-            children: /* @__PURE__ */ jsx35("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs32("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
-              args && Object.keys(args).length > 0 && /* @__PURE__ */ jsxs32("div", { children: [
-                /* @__PURE__ */ jsx35("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
-                /* @__PURE__ */ jsx35(ToolInput, { args })
+            children: /* @__PURE__ */ jsx37("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs34("div", { className: "border-t border-border px-3 py-2 space-y-3", children: [
+              args && Object.keys(args).length > 0 && /* @__PURE__ */ jsxs34("div", { children: [
+                /* @__PURE__ */ jsx37("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Input" }),
+                /* @__PURE__ */ jsx37(ToolInput, { args })
               ] }),
-              formatterOutput && /* @__PURE__ */ jsxs32("div", { children: [
-                /* @__PURE__ */ jsx35("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
+              formatterOutput && /* @__PURE__ */ jsxs34("div", { children: [
+                /* @__PURE__ */ jsx37("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-1.5", children: "Output" }),
                 formatterOutput
               ] })
             ] }) })
@@ -3580,9 +3677,9 @@ function SupyagentToolAction({ part, defaultExpanded = false }) {
 }
 
 // src/ui/tool-call.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Check as Check4, AlertCircle as AlertCircle2, Loader2 as Loader22 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 function extractToolName2(part) {
   if (part.type.startsWith("tool-") && part.type !== "tool-invocation") {
     return part.type.slice(5);
@@ -3601,7 +3698,7 @@ function extractArgs2(part) {
   return part.input || part.args || part.toolInvocation?.args;
 }
 function SupyagentToolCall({ part }) {
-  const [expanded, setExpanded] = useState3(false);
+  const [expanded, setExpanded] = useState4(false);
   const toolName = extractToolName2(part);
   const state = extractState2(part);
   const args = extractArgs2(part);
@@ -3611,39 +3708,39 @@ function SupyagentToolCall({ part }) {
   const isStreaming = state === "input-streaming";
   const isError = state === "output-error";
   const isDone = state === "output-available";
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: "rounded-lg border border-border bg-card overflow-hidden",
       "data-state": isDone ? "done" : isError ? "error" : isStreaming ? "streaming" : "pending",
       children: [
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs35(
           "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__ */ jsxs33("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx36(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
-                isStreaming && /* @__PURE__ */ jsx36(Loader22, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
+              /* @__PURE__ */ jsxs35("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx38(ProviderIcon, { toolName, className: "h-4 w-4 text-muted-foreground" }),
+                isStreaming && /* @__PURE__ */ jsx38(Loader22, { className: "absolute -top-1 -right-1 h-3 w-3 text-primary animate-spin" })
               ] }),
-              /* @__PURE__ */ jsx36("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
-              /* @__PURE__ */ jsx36("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
-              isDone && /* @__PURE__ */ jsxs33("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__ */ jsx36(Check4, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx38("span", { className: "text-xs text-muted-foreground", children: providerLabel }),
+              /* @__PURE__ */ jsx38("span", { className: "text-sm text-foreground flex-1", children: actionLabel }),
+              isDone && /* @__PURE__ */ jsxs35("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__ */ jsx38(Check4, { className: "h-3 w-3" }),
                 "Completed"
               ] }),
-              isError && /* @__PURE__ */ jsxs33("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
-                /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-3 w-3" }),
+              isError && /* @__PURE__ */ jsxs35("span", { className: "inline-flex items-center gap-1 rounded-full bg-destructive/10 px-2 py-0.5 text-xs text-destructive", children: [
+                /* @__PURE__ */ jsx38(AlertCircle2, { className: "h-3 w-3" }),
                 "Error"
               ] }),
-              isStreaming && /* @__PURE__ */ jsx36("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__ */ jsx36(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx36(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }))
+              isStreaming && /* @__PURE__ */ jsx38("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__ */ jsx38(ChevronDown3, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx38(ChevronRight3, { className: "h-3.5 w-3.5 text-muted-foreground" }))
             ]
           }
         ),
-        expanded && args && /* @__PURE__ */ jsx36("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx36("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
+        expanded && args && /* @__PURE__ */ jsx38("div", { className: "border-t border-border px-3 py-2", children: /* @__PURE__ */ jsx38("pre", { className: "text-xs text-muted-foreground overflow-x-auto", children: JSON.stringify(args, null, 2) }) })
       ]
     }
   );
@@ -3655,6 +3752,7 @@ export {
   CalendlyFormatter,
   CollapsibleResult,
   ComputeFormatter,
+  ContextIndicator,
   DiscordFormatter,
   DocsFormatter,
   DriveFileFormatter,
@@ -3677,6 +3775,7 @@ export {
   SlackMessageFormatter,
   SlidesFormatter,
   StripeFormatter,
+  SummaryMessage,
   SupyagentToolAction,
   SupyagentToolCall,
   SupyagentToolResult,
@@ -3695,6 +3794,7 @@ export {
   getProviderLabel,
   getSummary,
   humanizeToolName,
+  isContextSummary,
   maybeNormalize,
   normalizeMicrosoftCalendar,
   normalizeMicrosoftDrive,