@mcp-b/react-components 0.47.0 → 0.49.0

package/dist/components/ai-sdk/AgentAttention.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../../Button-CZt3yywF.js";
+import { r as ButtonProps } from "../../Button-DjONW5UW.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/AgentAttention.d.ts
@@ -17,7 +17,7 @@ declare function AgentAttention({
   ref,
   ...props
 }: AgentAttentionProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface AgentAttentionHeadingProps {
   /** Leading visual. Decorative by default; put meaning in the title. */

package/dist/components/ai-sdk/AgentChatStartScreen.d.ts

@@ -1,2 +1,89 @@
-import { a as AgentChatStarterList, i as AgentChatStarterItem, n as AgentChatStartScreenProps, o as AgentChatStarterListProps, r as AgentChatStarter, s as AgentChatStarterProps, t as AgentChatStartScreen } from "../../AgentChatStartScreen-Bkv7Avni.js";
-export { AgentChatStartScreen, AgentChatStartScreenProps, AgentChatStarter, AgentChatStarterItem, AgentChatStarterList, AgentChatStarterListProps, AgentChatStarterProps };
+import { r as ButtonProps } from "../../Button-DjONW5UW.js";
+import { vt as PromptInputTray } from "../../PromptInput-C4Mofitz.js";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/ai-sdk/AgentChatStartScreen.d.ts
+interface AgentChatStarterItem {
+  id: string;
+  label: React.ReactNode;
+  icon?: React.ReactNode;
+  muted?: boolean;
+  disabled?: boolean;
+  /** Accessible label for this suggestion's optional dismiss action. */
+  dismissLabel?: string;
+}
+interface AgentChatStarterListProps extends Omit<React.ComponentPropsWithoutRef<"ul">, "children" | "onDismiss" | "onSelect"> {
+  /** Complete starter data from a host-owned suggestion query. */
+  items: readonly AgentChatStarterItem[];
+  onSelect: (item: AgentChatStarterItem) => void;
+  /** Enables dismiss actions for items that provide `dismissLabel`. */
+  onDismiss?: (item: AgentChatStarterItem) => void;
+}
+interface AgentChatStartScreenProps extends useRender.ComponentProps<"section"> {}
+/** First-turn layout beneath the same draft provider as the live composer. */
+declare function AgentChatStartScreen({
+  render,
+  ref,
+  children,
+  ...props
+}: AgentChatStartScreenProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+interface AgentChatStartScreenPrimaryProps extends useRender.ComponentProps<"div"> {
+  heading?: React.ReactNode;
+}
+/** Heading and live-composer group; suggestions are a separate sibling below it. */
+declare function AgentChatStartScreenPrimary({
+  heading,
+  render,
+  ref,
+  children,
+  ...props
+}: AgentChatStartScreenPrimaryProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Stacking boundary for a caller-owned form and its docked utility tray. */
+declare function AgentChatStartScreenComposer({
+  render,
+  ref,
+  ...props
+}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Utility actions share PromptInputTray's native props and ref. */
+declare function AgentChatStartScreenTray({
+  className,
+  ...props
+}: Omit<React.ComponentProps<typeof PromptInputTray>, "side">): React.JSX.Element;
+/** Starter prompts or an app-authored guide; remains in layout while the draft is active. */
+declare function AgentChatStartScreenSuggestions({
+  render,
+  ref,
+  ...props
+}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Semantic list for first-turn prompts below an `AgentChatStartScreen`. */
+declare function AgentChatStarterList({
+  items,
+  onSelect,
+  onDismiss,
+  className,
+  ...props
+}: AgentChatStarterListProps): React.JSX.Element;
+interface AgentChatStarterProps extends Omit<ButtonProps, "color" | "iconOnly" | "size" | "variant"> {
+  /** Decorative icon shown before the prompt label. */
+  icon?: React.ReactNode;
+  /** Render the prompt with quieter onboarding emphasis. */
+  muted?: boolean;
+  /** Optional independent action for removing a suggested prompt. */
+  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+  /** Accessible name for the dismiss action. */
+  dismissLabel?: string;
+}
+/** One full-width, keyboard-native starter prompt. */
+declare function AgentChatStarter({
+  icon,
+  muted,
+  onDismiss,
+  dismissLabel,
+  children,
+  className,
+  type,
+  ...props
+}: AgentChatStarterProps): React.JSX.Element;
+//#endregion
+export { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenPrimaryProps, AgentChatStartScreenProps, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarter, AgentChatStarterItem, AgentChatStarterList, AgentChatStarterListProps, AgentChatStarterProps };

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -2,49 +2,70 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { PromptInputTray } from "./PromptInput.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { PromptInputTray, usePromptInputController } from "./PromptInput.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
 //#region src/components/ai-sdk/AgentChatStartScreen.tsx
-/**
-* Welcoming first-turn layout for `AgentChat` and `ThinkChat`.
-*
-* `AgentChat` normally creates this component through its `startScreen` prop so
-* the same live composer moves from the center of the empty view to the pinned
-* transcript position after the first message.
-*/
-function AgentChatStartScreen({ heading = "What should we work on?", composer, composerTray, lead, starters, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
-	const headingId = React.useId();
-	return /* @__PURE__ */ jsx("section", {
-		"data-slot": "agent-chat-start-screen",
-		className: cx("agent-chat-start-screen", className),
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? (heading ? headingId : void 0),
+/** First-turn layout beneath the same draft provider as the live composer. */
+function AgentChatStartScreen({ render, ref, children, ...props }) {
+	const { textInput, attachments } = usePromptInputController();
+	return useRender({
+		defaultTagName: "section",
+		render,
+		ref,
+		props: mergeProps({
+			"data-slot": "agent-chat-start-screen",
+			"data-drafting": textInput.value.length > 0 || attachments.files.length > 0 ? "" : void 0,
+			className: "agent-chat-start-screen",
+			"aria-label": props["aria-labelledby"] ? void 0 : "New conversation",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "agent-chat-start-screen__content",
+				children
+			})
+		}, props)
+	});
+}
+/** Heading and live-composer group; suggestions are a separate sibling below it. */
+function AgentChatStartScreenPrimary({ heading = "What should we work on?", render, ref, children, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		ref,
+		props: mergeProps({
+			className: "agent-chat-start-screen__primary",
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [heading ? /* @__PURE__ */ jsx("h2", {
+				className: "agent-chat-start-screen__heading",
+				children: heading
+			}) : null, children] })
+		}, props)
+	});
+}
+/** Stacking boundary for a caller-owned form and its docked utility tray. */
+function AgentChatStartScreenComposer({ render, ref, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		ref,
+		props: mergeProps({ className: "agent-chat-start-screen__composer" }, props)
+	});
+}
+/** Utility actions share PromptInputTray's native props and ref. */
+function AgentChatStartScreenTray({ className, ...props }) {
+	return /* @__PURE__ */ jsx(PromptInputTray, {
 		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "agent-chat-start-screen__content",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "agent-chat-start-screen__primary",
-				children: [heading ? /* @__PURE__ */ jsx("h2", {
-					id: headingId,
-					className: "agent-chat-start-screen__heading",
-					children: heading
-				}) : null, /* @__PURE__ */ jsxs("div", {
-					className: "agent-chat-start-screen__composer",
-					children: [composer, composerTray ? /* @__PURE__ */ jsx(PromptInputTray, {
-						side: "bottom",
-						className: "agent-chat-start-screen__composer-tray",
-						children: composerTray
-					}) : null]
-				})]
-			}), lead ? /* @__PURE__ */ jsx("div", {
-				className: "agent-chat-start-screen__lead",
-				children: lead
-			}) : starters?.items.length ? /* @__PURE__ */ jsx("div", {
-				className: "agent-chat-start-screen__starters",
-				children: /* @__PURE__ */ jsx(AgentChatStarterList, { ...starters })
-			}) : null]
-		})
+		side: "bottom",
+		className: cx("agent-chat-start-screen__composer-tray", className)
+	});
+}
+/** Starter prompts or an app-authored guide; remains in layout while the draft is active. */
+function AgentChatStartScreenSuggestions({ render, ref, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		ref,
+		props: mergeProps({ className: "agent-chat-start-screen__suggestions" }, props)
 	});
 }
 /** Semantic list for first-turn prompts below an `AgentChatStartScreen`. */
@@ -99,4 +120,4 @@ function AgentChatStarter({ icon, muted = false, onDismiss, dismissLabel, childr
 	});
 }
 //#endregion
-export { AgentChatStartScreen, AgentChatStarter, AgentChatStarterList };
+export { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarter, AgentChatStarterList };

package/dist/components/ai-sdk/AgentMessageParts.d.ts

@@ -1,2 +1,46 @@
-import { i as AgentMessageRenderPartContext, n as AgentMessageParts, r as AgentMessagePartsProps, t as AgentMessagePart } from "../../AgentMessageParts-C7L-Mv9U.js";
+import * as React from "react";
+import { ChatStatus, UIMessage } from "ai";
+
+//#region src/components/ai-sdk/AgentMessageParts.d.ts
+type AgentMessagePart<MessageT extends UIMessage = UIMessage> = MessageT["parts"][number];
+interface AgentMessageRenderPartContext<MessageT extends UIMessage = UIMessage> {
+  message: MessageT;
+  part: AgentMessagePart<MessageT>;
+  partIndex: number;
+  defaultRender: () => React.ReactNode;
+}
+interface AgentMessagePartsProps<MessageT extends UIMessage = UIMessage> {
+  /** The whole upstream AI SDK message whose parts should render in order. */
+  message: MessageT;
+  /** Drives native reasoning streaming UI. Settled messages default to `ready`. */
+  status?: ChatStatus;
+  /**
+   * Override rendering per part. Return `undefined` to use the default renderer,
+   * `null` to suppress the part, or call `defaultRender()` to compose the
+   * built-in result into custom UI.
+   *
+   * The default renderer uses upstream helpers where available:
+   * `isTextUIPart`, `isReasoningUIPart`, `isFileUIPart`, `isToolUIPart`,
+   * `getToolName`, and the native AI SDK tool-part state fields. It
+   * also renders native AI SDK `source-url`/`source-document` parts as a single
+   * grouped `Sources` block when they appear consecutively, consolidates native
+   * reasoning parts into one disclosure, and treats `step-start` as a silent
+   * structural boundary. App-defined `data-*` parts stay whole and should be
+   * narrowed with AI SDK's `isDataUIPart` inside this callback. If you override
+   * source rendering, return a React node for every source part you want to
+   * show; returning `undefined` keeps the upstream-shaped source-run grouping.
+   */
+  renderPart?: (context: AgentMessageRenderPartContext<MessageT>) => React.ReactNode | undefined;
+}
+/**
+ * Renders the ordered parts of one whole AI SDK `UIMessage` without adding a
+ * transcript, message wrapper, composer, or transport. Compose it inside
+ * `Message` for read-only run previews and child-agent transcript rows.
+ */
+declare function AgentMessageParts<MessageT extends UIMessage = UIMessage>({
+  message,
+  status,
+  renderPart
+}: AgentMessagePartsProps<MessageT>): (React.JSX.Element | null)[];
+//#endregion
 export { AgentMessagePart, AgentMessageParts, AgentMessagePartsProps, AgentMessageRenderPartContext };

package/dist/components/ai-sdk/Approval.d.ts

@@ -11,7 +11,7 @@ declare function Approval({
   ref,
   ...props
 }: ApprovalProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ApprovalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Question and optional queue position for an approval request. */

package/dist/components/ai-sdk/Artifact.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "../../IconButton-BAUFhUk8.js";
+import { n as IconButtonProps } from "../../IconButton-ByiyjkYE.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/Artifact.d.ts
@@ -45,7 +45,7 @@ declare function Artifact({
   ref,
   ...props
 }: ArtifactProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ArtifactHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function ArtifactHeader({

package/dist/components/ai-sdk/Artifact.js

@@ -3,7 +3,7 @@ import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-cu
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Artifact.tsx
 /**
@@ -136,7 +136,7 @@ function ArtifactPreview({ className, label, sourceLink, state, ref, ...props })
 			/* @__PURE__ */ jsx(ArtifactHeader, {
 				className: "artifact-preview__header",
 				children: /* @__PURE__ */ jsx(NavigationLink, {
-					render: sourceLink,
+					render: React.cloneElement(sourceLink, {}, "View source"),
 					className: buttonVariants({
 						variant: "ghost",
 						color: "neutral",

package/dist/components/ai-sdk/ChainOfThought.d.ts

@@ -34,7 +34,7 @@ declare function ChainOfThought({
   ref,
   ...props
 }: ChainOfThoughtProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface ChainOfThoughtHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {}
 /**

package/dist/components/ai-sdk/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock-C380GD5t.js";
+import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock--r6GS8YV.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps };

package/dist/components/ai-sdk/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-DMHZiw86.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-g8sADidM.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

package/dist/components/ai-sdk/ComposerLink.js

@@ -1,9 +1,8 @@
 import { brandHexFromIconSrc, parseComposerHref, sampleImageAccent } from "../../utils/composer-link.js";
-import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
+import { findCatalogMcpServerCard, getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { c as BoxIcon } from "../../icons-cuEtsgj9.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ComposerLink.tsx

package/dist/components/ai-sdk/ConnectedAppCards.d.ts

@@ -1,3 +1,4 @@
+import { t as Correspondent } from "../../Correspondent-7K6uNLUm.js";
 import { CardProps } from "../foundations/Card.js";
 import * as React from "react";
 
@@ -28,15 +29,25 @@ type ConnectedAppCardProps = Omit<CardProps, "children" | "hover" | "size" | "ti
   headerActions?: React.ReactNode;
 };
 interface EmailMessageDraft {
+  /** Sender label or address shown in the draft header. */
   from?: string;
+  /** Recipient label or address shown in the draft header. */
   to?: string;
+  /** Visible message subject, required even while the draft body is empty. */
   subject: string;
+  /** Editable plain-text message body. */
   body?: string;
 }
 interface EmailMessageCardProps extends ConnectedAppCardProps, EmailMessageDraft {
+  /** Person-shaped To. The address string remains the route. */
+  correspondent?: Correspondent;
+  /** Receives the complete draft after an editable field changes. */
   onChange?: (next: EmailMessageDraft) => void;
+  /** Discards the pending draft. */
   onDiscard?: () => void | Promise<void>;
+  /** Rejects the draft with human-authored feedback. */
   onReject?: (reason: string) => void | Promise<void>;
+  /** Releases the pending draft for delivery. */
   onSend?: () => void | Promise<void>;
 }
 /**
@@ -45,6 +56,7 @@ interface EmailMessageCardProps extends ConnectedAppCardProps, EmailMessageDraft
  */
 declare function EmailMessageCard({
   body,
+  correspondent,
   from,
   icon,
   onChange,
@@ -57,7 +69,7 @@ declare function EmailMessageCard({
   ref,
   ...props
 }: EmailMessageCardProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface SlackMessageDraft {
   workspace?: string;
@@ -66,6 +78,8 @@ interface SlackMessageDraft {
   message: string;
 }
 interface SlackMessageCardProps extends ConnectedAppCardProps, SlackMessageDraft {
+  /** Person-shaped To. Rooms stay the destination string. */
+  correspondent?: Correspondent;
   onChange?: (next: SlackMessageDraft) => void;
   onDiscard?: () => void | Promise<void>;
   onReject?: (reason: string) => void | Promise<void>;
@@ -73,6 +87,7 @@ interface SlackMessageCardProps extends ConnectedAppCardProps, SlackMessageDraft
 }
 /** Slack draft or posted message with workspace, destination, and thread fields. */
 declare function SlackMessageCard({
+  correspondent,
   icon,
   message,
   onChange,