@mcp-b/react-components 0.20.5 → 0.22.0

package/dist/{AgentActivity-D2SHSGFX.d.ts → AgentActivity-D3OvrC02.d.ts}

@@ -7,7 +7,20 @@ type AgentActivityIconKind = "thought" | "read" | "edit" | "search" | "web" | "c
 /** Safe, serializable presentation state suitable for an Agents SDK state object. */
 interface AgentActivitySummary<CustomIcon extends string = never> {
   mode: AgentActivityMode;
-  label: string;
+  /**
+   * The action phrase, already in the tense the part's state calls for:
+   * "Reading" while the tool runs, "Read" once it settles. Not a whole line —
+   * the thing being acted on belongs in `detail`, so a renderer can set the two
+   * apart. Joining them here is what makes an activity line read as one
+   * undifferentiated string.
+   */
+  action: string;
+  /**
+   * What the action is being applied to: a path, a command, a query. Optional
+   * because aggregate summaries ("Read 2 files and searched code") are a whole
+   * sentence with no target to separate out.
+   */
+  detail?: string;
   iconKind: AgentActivityIconKind | CustomIcon;
   /** Optional presentation hint. Consumers decide whether exposing or fetching it is safe. */
   url?: string;

package/dist/{AgentChat-C-ZyXbJz.d.ts → AgentChat-Bm1qYbOo.d.ts}

@@ -1,5 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-Cq-8RoXD.js";
+import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-DDZ25aax.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-BjoPWaaG.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -79,6 +80,13 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   disabled?: boolean;
   /** Rendered in place of the transcript while `messages` is empty. */
   emptyState?: React.ReactNode;
+  /**
+   * First-turn composition that places the live composer between a welcoming
+   * heading and app-authored starter actions. It is the default when messages
+   * are empty and no legacy `emptyState` is supplied. Pass `false` to retain
+   * the transcript-style empty row.
+   */
+  startScreen?: Omit<AgentChatStartScreenProps, "composer" | "className" | "aria-labelledby"> | false;
   /** Extra controls rendered in the composer toolbar. */
   composerTools?: React.ReactNode;
   /** Controlled slash-command catalog and host-owned selection policy. */
@@ -176,6 +184,18 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   renderPart?: (context: AgentMessageRenderPartContext<MessageT>) => React.ReactNode | undefined;
   /** Rendered after each message's parts — for actions, citations, and the like. */
   renderMessageAfter?: (context: AgentChatRenderMessageContext<MessageT>) => React.ReactNode;
+  /**
+   * Per-message policy for the built-in assistant copy/retry toolbar. Use this
+   * for deterministic interactive data messages whose visible UI already owns
+   * its actions, while preserving a hidden model-visible text companion.
+   */
+  showAssistantActions?: (context: AgentChatRenderMessageContext<MessageT>) => boolean;
+  /**
+   * Selects transcript rows that should anchor at the top when they appear.
+   * Defaults to user messages; large deterministic assistant guides can opt in
+   * so their introduction is visible instead of their final action.
+   */
+  isMessageScrollAnchor?: (context: AgentChatRenderMessageContext<MessageT>) => boolean;
 }
 interface AgentChatComposerDraft {
   value: string;
@@ -204,6 +224,7 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   placeholder,
   disabled,
   emptyState,
+  startScreen,
   composerHeader,
   composerTools,
   slashCommands,
@@ -225,6 +246,8 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   contextWindow,
   renderPart,
   renderMessageAfter,
+  showAssistantActions,
+  isMessageScrollAnchor,
   ref
 }: AgentChatProps<MessageT> & {
   ref?: React.Ref<HTMLDivElement>;

package/dist/AgentChatStartScreen-DDZ25aax.d.ts

@@ -0,0 +1,60 @@
+import { r as ButtonProps } from "./Button-SBIz6Lqi.js";
+import * as React from "react";
+
+//#region src/components/AgentChatStartScreen.d.ts
+interface AgentChatStartScreenProps extends Omit<React.ComponentPropsWithoutRef<"section">, "children" | "title"> {
+  /** The prompt that orients the user before their first message. */
+  heading?: React.ReactNode;
+  /** The one composer owned by `AgentChat`, placed between the heading and starters. */
+  composer: React.ReactNode;
+  /** App-authored content for the utility tray beneath the first-turn composer. */
+  composerTray?: React.ReactNode;
+  /** App-authored starter actions rendered below the composer. */
+  children?: React.ReactNode;
+}
+/**
+ * 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.
+ */
+declare function AgentChatStartScreen({
+  heading,
+  composer,
+  composerTray,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}: AgentChatStartScreenProps): React.JSX.Element;
+interface AgentChatStarterListProps extends React.ComponentPropsWithoutRef<"ul"> {}
+/** Semantic list for first-turn prompts below an `AgentChatStartScreen`. */
+declare function AgentChatStarterList({
+  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 { AgentChatStarterListProps as a, AgentChatStarterList as i, AgentChatStartScreenProps as n, AgentChatStarterProps as o, AgentChatStarter as r, AgentChatStartScreen as t };

package/dist/{Button-yRInko9u.d.ts → Button-SBIz6Lqi.d.ts}

@@ -7,10 +7,11 @@ import { Button } from "@base-ui/react/button";
  *
  * - `normal` - Filled background (default)
  * - `outline` - Low-emphasis with border, transparent background
+ * - `surface` - Raised neutral surface for prominent lightweight actions
  * - `ghost` - Minimal style, background appears on hover
  * - `link` - Appears as a text link with underline on hover
  */
-type ButtonVariant = "normal" | "outline" | "ghost" | "link";
+type ButtonVariant = "normal" | "surface" | "outline" | "ghost" | "link";
 /**
  * The semantic color intent of the button.
  *

package/dist/{CodeBlock-ygtuzqJd.js → CodeBlock-Cp67Njo3.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Select } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-vo1paUSi.js";
+import { t as CopyButton } from "./copy-button-TWq8nZhc.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{CodeBlock-Bbls1CnA.d.ts → CodeBlock-yMpGqScn.d.ts}

@@ -1,5 +1,5 @@
 import { m as SelectProps, t as Select } from "./Select-B_13gg_J.js";
-import { t as CopyButtonProps } from "./copy-button-BrvQ7z4W.js";
+import { t as CopyButtonProps } from "./copy-button-EBv_B9F6.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 

package/dist/Dialog-BD8NBKaE.d.ts

@@ -0,0 +1,122 @@
+import * as React from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/Dialog.d.ts
+interface DialogProps extends Dialog.Root.Props {}
+interface DialogTriggerProps extends Dialog.Trigger.Props {}
+interface DialogPortalProps extends Dialog.Portal.Props {}
+interface DialogBackdropProps extends Dialog.Backdrop.Props {}
+interface DialogViewportProps extends Dialog.Viewport.Props {}
+interface DialogPopupProps extends Dialog.Popup.Props {
+  /**
+   * The size of the dialog.
+   * @default 'md'
+   */
+  size?: "sm" | "md" | "lg" | "fullscreen";
+}
+interface DialogTitleProps extends Dialog.Title.Props {}
+interface DialogDescriptionProps extends Dialog.Description.Props {}
+interface DialogCloseProps extends Dialog.Close.Props {}
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+/**
+ * A dialog component for modal interactions.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
+ *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
+ *   <Dialog.Portal>
+ *     <Dialog.Backdrop />
+ *     <Dialog.Viewport>
+ *       <Dialog.Popup>
+ *         <Dialog.Title>Confirm</Dialog.Title>
+ *         <Dialog.Description>Are you sure?</Dialog.Description>
+ *         <Dialog.Close>Cancel</Dialog.Close>
+ *       </Dialog.Popup>
+ *     </Dialog.Viewport>
+ *   </Dialog.Portal>
+ * </Dialog.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
+ */
+declare function DialogTrigger({
+  render,
+  className,
+  ...props
+}: DialogTriggerProps): React.JSX.Element;
+declare function DialogBackdrop({
+  className,
+  ref,
+  ...props
+}: DialogBackdropProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogViewport({
+  className,
+  ref,
+  ...props
+}: DialogViewportProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogPopup({
+  size,
+  className,
+  ref,
+  ...props
+}: DialogPopupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogHeader({
+  className,
+  ref,
+  ...props
+}: DialogHeaderProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogFooter({
+  className,
+  ref,
+  ...props
+}: DialogFooterProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogTitle({
+  className,
+  ref,
+  ...props
+}: DialogTitleProps & {
+  ref?: React.Ref<HTMLHeadingElement>;
+}): React.JSX.Element;
+declare function DialogDescription({
+  className,
+  ref,
+  ...props
+}: DialogDescriptionProps & {
+  ref?: React.Ref<HTMLParagraphElement>;
+}): React.JSX.Element;
+declare function DialogClose({
+  render,
+  className,
+  ref,
+  ...props
+}: DialogCloseProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+declare const Dialog$1: {
+  Root: typeof Dialog.Root;
+  Trigger: typeof DialogTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Backdrop: typeof DialogBackdrop;
+  Viewport: typeof DialogViewport;
+  Popup: typeof DialogPopup;
+  Header: typeof DialogHeader;
+  Footer: typeof DialogFooter;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+  Close: typeof DialogClose;
+  createHandle: typeof Dialog.createHandle;
+};
+//#endregion
+export { DialogFooterProps as a, DialogPortalProps as c, DialogTriggerProps as d, DialogViewportProps as f, DialogDescriptionProps as i, DialogProps as l, DialogBackdropProps as n, DialogHeaderProps as o, DialogCloseProps as r, DialogPopupProps as s, Dialog$1 as t, DialogTitleProps as u };

package/dist/{FileTree-CdgfccsM.js → FileTree-DW60q1w7.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-DyOM0EJs.js";
+import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-ua6f_GH3.js";
 import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/IconButton-CFKhu6OR.d.ts

@@ -0,0 +1,35 @@
+import { i as ButtonSize, r as ButtonProps } from "./Button-SBIz6Lqi.js";
+import * as React from "react";
+
+//#region src/components/IconButton.d.ts
+interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" | "size"> {
+  /** Decorative icon rendered inside the square button. */
+  children: React.ReactNode;
+  /** Accessible name and default tooltip text for the icon-only control. */
+  label: string;
+  /** Tooltip content when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+  /** Preferred side for the tooltip. */
+  tooltipSide?: "top" | "right" | "bottom" | "left";
+  /** Square button size. */
+  size?: ButtonSize;
+}
+/**
+ * A square, icon-only button with a required accessible name and matching
+ * tooltip. Use text buttons for actions whose consequence an icon cannot make
+ * clear on its own.
+ */
+declare function IconButton({
+  children,
+  label,
+  size,
+  tooltip,
+  tooltipSide,
+  type,
+  ref,
+  ...props
+}: IconButtonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+//#endregion
+export { IconButtonProps as n, IconButton as t };

package/dist/{Message-DzuteocT.js → Message-_-bEYLAO.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
-import { Tooltip } from "./components/Tooltip.js";
+import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-ua6f_GH3.js";
+import { IconButton } from "./components/IconButton.js";
 import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
 import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
 import { n as clamp } from "./format-S6uWyoSb.js";
@@ -209,23 +209,18 @@ function MessageActions({ className, children, ref, ...props }) {
 * name; shows a tooltip on hover/focus when {@link tooltip} is set.
 */
 function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "sm", children, ref, ...props }) {
-	const button = /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
+		tooltip,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		className: cx("message__action", className),
-		"aria-label": label ?? tooltip,
 		...props,
 		children
 	});
-	if (!tooltip) return button;
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: button }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: tooltip })
-	}) })] });
 }
 /**
 * Horizontal container that places children in a row with space between —
@@ -314,16 +309,15 @@ function MessageBranchSelector({ className, children, ref, ...props }) {
 /** Button that selects the previous branch. Disabled at the first branch. */
 function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		disabled: branchCount <= 1,
 		className: cx("message__branch-prev", className),
-		"aria-label": label,
 		onClick: (event) => {
 			onClick?.(event);
 			if (!event.defaultPrevented) setBranchIndex(branchIndex > 0 ? branchIndex - 1 : branchCount - 1);
@@ -335,16 +329,15 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
 /** Button that selects the next branch. Disabled at the last branch. */
 function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		disabled: branchCount <= 1,
 		className: cx("message__branch-next", className),
-		"aria-label": label,
 		onClick: (event) => {
 			onClick?.(event);
 			if (!event.defaultPrevented) setBranchIndex(branchIndex < branchCount - 1 ? branchIndex + 1 : 0);

package/dist/{ModelSelector-pecWyOFI.js → ModelSelector-Brvj9Cab.js}

@@ -1,9 +1,10 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { W as SearchIcon, d as ChevronDownIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
+import { G as SearchIcon, f as ChevronDownIcon } from "./icons-ua6f_GH3.js";
 import { Dialog } from "./components/Dialog.js";
 import { i as titleCase } from "./format-S6uWyoSb.js";
 import { Separator } from "./components/Separator.js";
+import { EmptyState } from "./components/EmptyState.js";
 import { Input } from "./components/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -321,7 +322,7 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
 						children: [
 							/* @__PURE__ */ jsx(ModelSelectorLogo, { provider: getCloudflareModelProvider(typedModelId) }),
 							/* @__PURE__ */ jsx(ModelSelectorName, { children: typedModelId }),
-							/* @__PURE__ */ jsx(ModelSelectorShortcut, { children: "Use" })
+							/* @__PURE__ */ jsx(ModelSelectorSource, { children: "Use" })
 						]
 					})
 				}) : null,
@@ -335,7 +336,7 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
 						children: [
 							/* @__PURE__ */ jsx(ModelSelectorLogo, { provider: option.provider }),
 							/* @__PURE__ */ jsx(ModelSelectorName, { children: option.id }),
-							/* @__PURE__ */ jsx(ModelSelectorShortcut, { children: option.source === "workers-ai" ? "Workers AI" : "Gateway" })
+							/* @__PURE__ */ jsx(ModelSelectorSource, { children: option.source === "workers-ai" ? "Workers AI" : "Gateway" })
 						]
 					}, option.id))
 				}, group.providerLabel)),
@@ -444,7 +445,7 @@ function ModelSelectorItem({ className, value, keywords, selected, onSelect, chi
 	}) });
 }
 function ModelSelectorEmpty({ className, children = "No models found", ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(EmptyState, {
 		ref,
 		className: cx("model-selector__empty", className),
 		...props,
@@ -483,13 +484,19 @@ function ModelSelectorName({ className, children, ref, ...props }) {
 		children
 	});
 }
-function ModelSelectorShortcut({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("kbd", {
+/**
+* Where a model comes from — "Workers AI", "Gateway" — shown at the end of its
+* row. This was a `<kbd>` named `ModelSelectorSource`, which announced
+* "Workers AI" to a screen reader as keyboard input and offered a shortcut
+* that does not exist.
+*/
+function ModelSelectorSource({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
 		ref,
-		className: cx("model-selector__shortcut", className),
+		className: cx("model-selector__source", className),
 		...props,
 		children
 	});
 }
 //#endregion
-export { getCloudflareModelProvider as _, ModelSelectorEmpty as a, normalizeCloudflareModelSelectorModels as b, ModelSelectorItem as c, ModelSelectorLogoGroup as d, ModelSelectorName as f, formatCloudflareModelProvider as g, ModelSelectorTrigger as h, ModelSelectorDialog as i, ModelSelectorList as l, ModelSelectorShortcut as m, ModelSelector as n, ModelSelectorGroup as o, ModelSelectorSeparator as p, ModelSelectorContent as r, ModelSelectorInput as s, CloudflareModelSelector as t, ModelSelectorLogo as u, isCloudflareRunnableModelId as v, readCloudflareModelId as x, listCloudflareModelSelectorOptions as y };
+export { getCloudflareModelProvider as _, ModelSelectorEmpty as a, normalizeCloudflareModelSelectorModels as b, ModelSelectorItem as c, ModelSelectorLogoGroup as d, ModelSelectorName as f, formatCloudflareModelProvider as g, ModelSelectorTrigger as h, ModelSelectorDialog as i, ModelSelectorList as l, ModelSelectorSource as m, ModelSelector as n, ModelSelectorGroup as o, ModelSelectorSeparator as p, ModelSelectorContent as r, ModelSelectorInput as s, CloudflareModelSelector as t, ModelSelectorLogo as u, isCloudflareRunnableModelId as v, readCloudflareModelId as x, listCloudflareModelSelectorOptions as y };

package/dist/{PromptInput-Cq-8RoXD.d.ts → PromptInput-BjoPWaaG.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-yRInko9u.js";
+import { r as ButtonProps } from "./Button-SBIz6Lqi.js";
 import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-B_13gg_J.js";
 import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-C49J5m0Q.js";
 import { t as Combobox } from "./Combobox-xEEF6fUb.js";
@@ -179,6 +179,19 @@ declare function PromptInputFooter({
 }: PromptInputFooterProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+interface PromptInputTrayProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Edge of the composer this supporting tray attaches to. */
+  side: "top" | "bottom";
+}
+/** Supporting controls or queued work tucked behind a PromptInput edge. */
+declare function PromptInputTray({
+  side,
+  className,
+  ref,
+  ...props
+}: PromptInputTrayProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 interface PromptInputToolsProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function PromptInputTools({
   className,
@@ -850,4 +863,4 @@ declare function PromptInputContextSelector({
   action
 }: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-export { PromptInputDictationProps as $, PromptInputCommandDefinition as A, PromptInputTabProps as At, PromptInputCommandItemProps as B, getApprovalRequestId as Bt, PromptInputBodyProps as C, PromptInputTab as Ct, PromptInputCommand as D, PromptInputTabItemProps as Dt, PromptInputButtonTooltip as E, PromptInputTabItem as Et, PromptInputCommandGroupLabelProps as F, PromptInputTools as Ft, PromptInputCommandSeparatorProps as G, useProviderAttachments as Gt, PromptInputCommandListProps as H, getPendingToolApprovals as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, PromptInputCommandTrigger as K, PromptInputCommandInput as L, PromptInputTooltipConfig as Lt, PromptInputCommandEmptyProps as M, PromptInputTabsListProps as Mt, PromptInputCommandGroup as N, PromptInputTextarea as Nt, PromptInputCommandComposer as O, PromptInputTabLabel as Ot, PromptInputCommandGroupLabel as P, PromptInputTextareaProps as Pt, PromptInputDictation as Q, PromptInputCommandInputProps as R, TextInputContext as Rt, PromptInputBody as S, PromptInputSubmitProps as St, PromptInputButtonProps as T, PromptInputTabBodyProps as Tt, PromptInputCommandProps as U, usePromptInputAttachments as Ut, PromptInputCommandList as V, getApprovalStateKey as Vt, PromptInputCommandSeparator as W, usePromptInputController as Wt, PromptInputContextSelectorProps as X, PromptInputContextSelector as Y, PromptInputControllerProps as Z, PromptInputApprovalProps as _, PromptInputReferences as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardContent as at, PromptInputAttachments as b, PromptInputSelectProps as bt, PromptInputActionMenu as c, PromptInputHoverCardTrigger as ct, PromptInputActionMenuItem as d, PromptInputPermissionSelector as dt, PromptInputFooter as et, PromptInputActionMenuItemProps as f, PromptInputPermissionSelectorProps as ft, PromptInputApproval as g, PromptInputReference as gt, PromptInputActionMenuTriggerProps as h, PromptInputProviderProps as ht, PromptInputActionAddAttachments as i, PromptInputHoverCard as it, PromptInputCommandEmpty as j, PromptInputTabsList as jt, PromptInputCommandComposerProps as k, PromptInputTabLabelProps as kt, PromptInputActionMenuContent as l, PromptInputHoverCardTriggerProps as lt, PromptInputActionMenuTrigger as m, PromptInputProvider as mt, PermissionMode as n, PromptInputHeader as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardContentProps as ot, PromptInputActionMenuProps as p, PromptInputProps as pt, PromptInputContextAction as q, PromptInput as r, PromptInputHeaderProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardProps as st, AttachmentsContext as t, PromptInputFooterProps as tt, PromptInputActionMenuContentProps as u, PromptInputMessage as ut, PromptInputAttachment as v, PromptInputReferencesProps as vt, PromptInputButton as w, PromptInputTabBody as wt, PromptInputAttachmentsProps as x, PromptInputSubmit as xt, PromptInputAttachmentProps as y, PromptInputSelect as yt, PromptInputCommandItem as z, TooltipSide as zt };
+export { PromptInputDictationProps as $, PromptInputCommandDefinition as A, PromptInputTabProps as At, PromptInputCommandItemProps as B, TextInputContext as Bt, PromptInputBodyProps as C, PromptInputTab as Ct, PromptInputCommand as D, PromptInputTabItemProps as Dt, PromptInputButtonTooltip as E, PromptInputTabItem as Et, PromptInputCommandGroupLabelProps as F, PromptInputTools as Ft, PromptInputCommandSeparatorProps as G, usePromptInputAttachments as Gt, PromptInputCommandListProps as H, getApprovalRequestId as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, PromptInputCommandTrigger as K, usePromptInputController as Kt, PromptInputCommandInput as L, PromptInputTooltipConfig as Lt, PromptInputCommandEmptyProps as M, PromptInputTabsListProps as Mt, PromptInputCommandGroup as N, PromptInputTextarea as Nt, PromptInputCommandComposer as O, PromptInputTabLabel as Ot, PromptInputCommandGroupLabel as P, PromptInputTextareaProps as Pt, PromptInputDictation as Q, PromptInputCommandInputProps as R, PromptInputTray as Rt, PromptInputBody as S, PromptInputSubmitProps as St, PromptInputButtonProps as T, PromptInputTabBodyProps as Tt, PromptInputCommandProps as U, getApprovalStateKey as Ut, PromptInputCommandList as V, TooltipSide as Vt, PromptInputCommandSeparator as W, getPendingToolApprovals as Wt, PromptInputContextSelectorProps as X, PromptInputContextSelector as Y, PromptInputControllerProps as Z, PromptInputApprovalProps as _, PromptInputReferences as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardContent as at, PromptInputAttachments as b, PromptInputSelectProps as bt, PromptInputActionMenu as c, PromptInputHoverCardTrigger as ct, PromptInputActionMenuItem as d, PromptInputPermissionSelector as dt, PromptInputFooter as et, PromptInputActionMenuItemProps as f, PromptInputPermissionSelectorProps as ft, PromptInputApproval as g, PromptInputReference as gt, PromptInputActionMenuTriggerProps as h, PromptInputProviderProps as ht, PromptInputActionAddAttachments as i, PromptInputHoverCard as it, PromptInputCommandEmpty as j, PromptInputTabsList as jt, PromptInputCommandComposerProps as k, PromptInputTabLabelProps as kt, PromptInputActionMenuContent as l, PromptInputHoverCardTriggerProps as lt, PromptInputActionMenuTrigger as m, PromptInputProvider as mt, PermissionMode as n, PromptInputHeader as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardContentProps as ot, PromptInputActionMenuProps as p, PromptInputProps as pt, PromptInputContextAction as q, useProviderAttachments as qt, PromptInput as r, PromptInputHeaderProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardProps as st, AttachmentsContext as t, PromptInputFooterProps as tt, PromptInputActionMenuContentProps as u, PromptInputMessage as ut, PromptInputAttachment as v, PromptInputReferencesProps as vt, PromptInputButton as w, PromptInputTabBody as wt, PromptInputAttachmentsProps as x, PromptInputSubmit as xt, PromptInputAttachmentProps as y, PromptInputSelect as yt, PromptInputCommandItem as z, PromptInputTrayProps as zt };

package/dist/{ThinkChatActivity-CdbL0aoA.d.ts → ThinkChatActivity-2BobmuvR.d.ts}

@@ -1,6 +1,7 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "./AgentChat-C-ZyXbJz.js";
+import { r as AgentChatProps } from "./AgentChat-Bm1qYbOo.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-CSzVwMXf.js";
+import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-kr5fE0wg.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
 import { AgentToolRunState } from "agents/agent-tools";
@@ -9,11 +10,11 @@ import { AgentToolRunState } from "agents/agent-tools";
 /**
  * Bespoke rendering for one tool inside the activity log. Both hooks fall
  * through to the built-in families when they return `undefined`, so an
- * override can adjust just the label or just the panel.
+ * override can adjust just the action or just the panel.
  */
 interface ThinkChatToolRenderer {
-  /** One-line step label. `null` hides the step from the log. */
-  describe?: (part: ToolUIPart | DynamicToolUIPart) => string | null | undefined;
+  /** One-line step action. `null` hides the step from the log. */
+  describe?: (part: ToolUIPart | DynamicToolUIPart) => ThinkChatActivityDescription | null | undefined;
   /** Expanded detail under the step. `null` keeps the step a plain row. */
   panel?: (part: ToolUIPart | DynamicToolUIPart) => React.ReactNode;
 }
@@ -26,7 +27,7 @@ interface ThinkChatActivityRendererOptions<MessageT extends UIMessage = UIMessag
    * with custom UI, use `toolRenderers` instead.
    */
   excludeTools?: readonly string[];
-  /** Per-tool label/panel overrides inside the activity log, keyed by tool name. */
+  /** Per-tool action/panel overrides inside the activity log, keyed by tool name. */
   toolRenderers?: ThinkChatToolRenderers;
   /** App-authored TanStack Router Link for each retained child destination. */
   renderAgentToolRunLink?: (run: AgentToolRunState<MessageT["parts"][number]>) => React.ReactElement;
@@ -37,12 +38,12 @@ interface ThinkChatActivityProps {
   parts: readonly ThinkChatPart[];
   /** Defaults to deriving from part states (reasoning streaming, tool awaiting output). */
   isStreaming?: boolean;
-  /** Per-tool label/panel overrides, keyed by tool name. */
+  /** Per-tool action/panel overrides, keyed by tool name. */
   toolRenderers?: ThinkChatToolRenderers;
 }
 /**
  * One run of agent work as a collapsed Activity block: while streaming the
- * label shimmers with the live step; settled, it becomes a short summary
+ * action shimmers with the live step; settled, it becomes a short summary
  * ("Thought, read 2 files and ran a command") over an expandable step log
  * with per-tool panels. Normally reached through `ThinkChat.Messages`;
  * exported for apps that lay out messages themselves.

package/dist/{ThinkChatActivitySummary-D1xOrNrq.d.ts → ThinkChatActivitySummary-kr5fE0wg.d.ts}

@@ -1,22 +1,31 @@
-import { i as AgentActivityIconKind, s as AgentActivitySummary } from "./AgentActivity-D2SHSGFX.js";
+import { i as AgentActivityIconKind, s as AgentActivitySummary } from "./AgentActivity-D3OvrC02.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-CSzVwMXf.js";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 
 //#region src/components/ThinkChatActivitySummary.d.ts
 interface ThinkChatToolDescriber {
-  describe?: (part: ToolUIPart | DynamicToolUIPart) => string | null | undefined;
+  describe?: (part: ToolUIPart | DynamicToolUIPart) => ThinkChatActivityDescription | null | undefined;
 }
 type ThinkChatToolDescribers = Record<string, ThinkChatToolDescriber>;
 type ThinkChatActivityHeader = Omit<AgentActivitySummary, "mode">;
+/**
+ * A described step, kept in two pieces so the renderer can set the action apart
+ * from what it acted on. Describers that produce a whole sentence — aggregate
+ * summaries, failures — leave `detail` off and put everything in `action`.
+ */
+interface ThinkChatActivityDescription {
+  action: string;
+  detail?: string;
+}
 declare function activityPartUrl(part: ThinkChatPart): string | null;
 declare function activityPartIconKind(part: ThinkChatPart): AgentActivityIconKind;
 /**
- * One-line natural-language label for an activity part ("Ran vp test",
+ * One-line natural-language action for an activity part ("Ran vp test",
  * "Fetched developers.cloudflare.com/agents/"); `null` for boundaries that
  * aren't steps (step-start). Exported so a custom `renderPart` can reuse the
  * built-in labels for tools it doesn't override.
  */
-declare function describeThinkChatActivityPart(part: ThinkChatPart, toolRenderers?: ThinkChatToolDescribers): string | null;
+declare function describeThinkChatActivityPart(part: ThinkChatPart, toolRenderers?: ThinkChatToolDescribers): ThinkChatActivityDescription | null;
 declare function summarizeActivitySteps(parts: readonly ThinkChatPart[]): string;
 interface ThinkChatToolLifecycleSnapshot {
   toolName: string;
@@ -36,4 +45,4 @@ declare function deriveThinkChatActivityHeader(parts: readonly ThinkChatPart[],
  */
 declare function deriveThinkChatToolLifecycleHeader(snapshot: ThinkChatToolLifecycleSnapshot): ThinkChatActivityHeader;
 //#endregion
-export { activityPartIconKind as a, deriveThinkChatToolLifecycleHeader as c, ThinkChatToolLifecycleSnapshot as i, describeThinkChatActivityPart as l, ThinkChatToolDescriber as n, activityPartUrl as o, ThinkChatToolDescribers as r, deriveThinkChatActivityHeader as s, ThinkChatActivityHeader as t, summarizeActivitySteps as u };
+export { ThinkChatToolLifecycleSnapshot as a, deriveThinkChatActivityHeader as c, summarizeActivitySteps as d, ThinkChatToolDescribers as i, deriveThinkChatToolLifecycleHeader as l, ThinkChatActivityHeader as n, activityPartIconKind as o, ThinkChatToolDescriber as r, activityPartUrl as s, ThinkChatActivityDescription as t, describeThinkChatActivityPart as u };

package/dist/{ToggleGroup-DNd6cDJZ.d.ts → ToggleGroup-BW1jrhAF.d.ts}

@@ -13,6 +13,15 @@ interface ToggleGroupProps extends React.ComponentPropsWithRef<typeof ToggleGrou
    */
   size?: ToggleGroupSize;
   spacing?: number;
+  /**
+   * Draws one shared thumb that slides between segments rather than lighting up
+   * each item's own background. This is the permission-mode / view-switch
+   * control; it is a presentation of this group, not a separate component.
+   *
+   * Only meaningful for single selection — a sliding thumb cannot be in two
+   * places, so a `multiple` group ignores it.
+   */
+  segmented?: boolean;
 }
 interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
 /**
@@ -43,6 +52,7 @@ interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle
 declare function ToggleGroupRoot({
   size,
   spacing,
+  segmented,
   variant,
   className,
   children,

package/dist/{Workspace-CWtust-2.d.ts → Workspace-CIycQ4xE.d.ts}

@@ -1,4 +1,4 @@
-import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-DMtRMwVv.js";
 import { WorkspaceLike } from "@cloudflare/think";
 import { FileInfo, Workspace } from "@cloudflare/shell";
 

package/dist/{WorkspaceExplorer-DGigwsgH.d.ts → WorkspaceExplorer-BCipn7Vd.d.ts}

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "./WorkspaceLink-O-EBKUJ8.js";
-import { o as WorkspaceState } from "./Workspace-CWtust-2.js";
+import { o as WorkspaceState } from "./Workspace-CIycQ4xE.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceExplorer.d.ts