@mcp-b/react-components 0.16.1 → 0.17.0

package/dist/{PromptInput-BWTuXMOD.d.ts → PromptInput-OLfXPuHM.d.ts}

@@ -1,8 +1,8 @@
 import { r as ButtonProps } from "./Button-FX_hpqxm.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-BeEsefzh.js";
-import { i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-3Zc4tb9D.js";
-import { t as Combobox } from "./Combobox-B9Fcd6q-.js";
-import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-Bgu-ufb5.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-CwSqP07Y.js";
+import { i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-9zddXDQo.js";
+import { t as Combobox } from "./Combobox-CYc37s5l.js";
+import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-L6MZm-7N.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -216,8 +216,7 @@ type PromptInputButtonTooltip = string | {
   side?: TooltipSide;
 };
 type PromptInputTooltipConfig = Exclude<PromptInputButtonTooltip, string>;
-interface PromptInputButtonProps extends Omit<ButtonProps, "children" | "className"> {
-  className?: string;
+interface PromptInputButtonProps extends Omit<ButtonProps, "children"> {
   tooltip?: PromptInputButtonTooltip;
   children?: React.ReactNode;
 }
@@ -331,8 +330,7 @@ declare function PromptInputPermissionSelector({
   onValueChange,
   question
 }: PromptInputPermissionSelectorProps): React.JSX.Element;
-interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "className" | "type"> {
-  className?: string;
+interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "type"> {
   status?: ChatStatus;
   onStop?: () => void;
   children?: React.ReactNode;
@@ -359,22 +357,30 @@ declare function PromptInputSubmit({
 }: PromptInputSubmitProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
+/**
+ * Resolve Think execution approvals that do not use the AI SDK
+ * `approval-requested` part: paused codemode executions and durable-pause
+ * approvals from `pendingApprovals()`. Pass the whole upstream Think agent
+ * stub; the component calls its client-callable RPCs directly:
+ *
+ * ```tsx
+ * <PromptInputApproval part={part} thinkStub={agent.stub} />
+ * ```
+ *
+ * On approve, upstream resumes or runs the parked execution and auto-continues
+ * the chat. Both RPCs are idempotent, so a stale click resolves to "already
+ * handled".
+ */
 /** The id a response must carry: the approval id, or the paused run's executionId. */
 declare function getApprovalRequestId(part: ToolUIPart | DynamicToolUIPart): string | undefined;
 /** Component-local identity: paused executions can ask for multiple approvals. */
 declare function getApprovalStateKey(part: ToolUIPart | DynamicToolUIPart): string | undefined;
-interface PendingToolApproval<MessageT extends UIMessage = UIMessage> {
-  message: MessageT;
-  messageIndex: number;
-  part: ToolUIPart | DynamicToolUIPart;
-  partIndex: number;
-}
 /** Derives pending tool approvals straight from the messages — no app-owned shapes. */
-declare function getPendingToolApprovals<MessageT extends UIMessage>(messages: readonly MessageT[], {
+declare function getPendingToolApprovals(messages: readonly UIMessage[], {
   pausedExecutions
 }?: {
   pausedExecutions?: boolean;
-}): Array<PendingToolApproval<MessageT>>;
+}): Array<ToolUIPart | DynamicToolUIPart>;
 interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
   /**
    * The `approval-requested` tool part — or a paused codemode execution —
@@ -464,8 +470,6 @@ declare const PromptInputSelect: {
     ref,
     ...props
   }: SelectPositionerProps & {
-    className?: string;
-  } & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   Popup: ({
@@ -620,27 +624,21 @@ declare const PromptInputCommand: {
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput> & {
     ref?: React.Ref<HTMLInputElement>;
   }) => React.JSX.Element;
   Trigger: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxTrigger>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxTrigger> & {
     ref?: React.Ref<HTMLButtonElement>;
   }) => React.JSX.Element;
   Clear: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxClear>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxClear> & {
     ref?: React.Ref<HTMLButtonElement>;
   }) => React.JSX.Element;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -648,9 +646,7 @@ declare const PromptInputCommand: {
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPositioner>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPositioner> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   Popup: ({
@@ -658,63 +654,49 @@ declare const PromptInputCommand: {
     tabIndex,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPopup>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPopup> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   List: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxList>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxList> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   Item: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   ItemIndicator: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItemIndicator>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItemIndicator> & {
     ref?: React.Ref<HTMLSpanElement>;
   }) => React.JSX.Element;
   Empty: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   Group: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   GroupLabel: ({
     className,
     ref,
     ...props
-  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel>, "className"> & {
-    className?: string;
-  } & {
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel> & {
     ref?: React.Ref<HTMLDivElement>;
   }) => React.JSX.Element;
   Value: typeof import("@base-ui/react").ComboboxValue;
@@ -728,9 +710,7 @@ declare const PromptInputCommandInput: ({
   className,
   ref,
   ...props
-}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput>, "className"> & {
-  className?: string;
-} & {
+}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput> & {
   ref?: React.Ref<HTMLInputElement>;
 }) => React.JSX.Element;
 type PromptInputCommandListProps = React.ComponentPropsWithoutRef<typeof Combobox.List>;
@@ -746,9 +726,7 @@ declare const PromptInputCommandEmpty: ({
   className,
   ref,
   ...props
-}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty>, "className"> & {
-  className?: string;
-} & {
+}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty> & {
   ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element;
 type PromptInputCommandGroupProps = React.ComponentPropsWithoutRef<typeof Combobox.Group>;
@@ -756,9 +734,7 @@ declare const PromptInputCommandGroup: ({
   className,
   ref,
   ...props
-}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup>, "className"> & {
-  className?: string;
-} & {
+}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup> & {
   ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element;
 type PromptInputCommandGroupLabelProps = React.ComponentPropsWithoutRef<typeof Combobox.GroupLabel>;
@@ -766,9 +742,7 @@ declare const PromptInputCommandGroupLabel: ({
   className,
   ref,
   ...props
-}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel>, "className"> & {
-  className?: string;
-} & {
+}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel> & {
   ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element;
 type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof Combobox.Item>;
@@ -776,9 +750,7 @@ declare const PromptInputCommandItem: ({
   className,
   ref,
   ...props
-}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem>, "className"> & {
-  className?: string;
-} & {
+}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem> & {
   ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element;
 type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Combobox.Separator>;
@@ -878,4 +850,4 @@ declare function PromptInputContextSelector({
   action
 }: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-export { PromptInputDictation as $, PromptInputCommandComposerProps as A, PromptInputTabLabelProps as At, PromptInputCommandItem as B, TooltipSide as Bt, PromptInputBody as C, PromptInputSubmitProps as Ct, PromptInputButtonTooltip as D, PromptInputTabItem as Dt, PromptInputButtonProps as E, PromptInputTabBodyProps as Et, PromptInputCommandGroupLabel as F, PromptInputTextareaProps as Ft, PromptInputCommandSeparator as G, usePromptInputController as Gt, PromptInputCommandList as H, getApprovalStateKey as Ht, PromptInputCommandGroupLabelProps as I, PromptInputTools as It, PromptInputContextAction as J, PromptInputCommandSeparatorProps as K, useProviderAttachments as Kt, PromptInputCommandGroupProps as L, PromptInputToolsProps as Lt, PromptInputCommandEmpty as M, PromptInputTabsList as Mt, PromptInputCommandEmptyProps as N, PromptInputTabsListProps as Nt, PromptInputCommand as O, PromptInputTabItemProps as Ot, PromptInputCommandGroup as P, PromptInputTextarea as Pt, PromptInputControllerProps as Q, PromptInputCommandInput as R, PromptInputTooltipConfig as Rt, PromptInputAttachmentsProps as S, PromptInputSubmit as St, PromptInputButton as T, PromptInputTabBody as Tt, PromptInputCommandListProps as U, getPendingToolApprovals as Ut, PromptInputCommandItemProps as V, getApprovalRequestId as Vt, PromptInputCommandProps as W, usePromptInputAttachments as Wt, PromptInputContextSelector as X, PromptInputContextItem as Y, PromptInputContextSelectorProps as Z, PromptInputApproval as _, PromptInputReference as _t, PromptInputActionAddAttachments as a, PromptInputHoverCard as at, PromptInputAttachmentProps as b, PromptInputSelect as bt, PromptInputActionAddScreenshotProps as c, PromptInputHoverCardProps as ct, PromptInputActionMenuContentProps as d, PromptInputMessage as dt, PromptInputDictationProps as et, PromptInputActionMenuItem as f, PromptInputPermissionSelector as ft, PromptInputActionMenuTriggerProps as g, PromptInputProviderProps as gt, PromptInputActionMenuTrigger as h, PromptInputProvider as ht, PromptInput as i, PromptInputHeaderProps as it, PromptInputCommandDefinition as j, PromptInputTabProps as jt, PromptInputCommandComposer as k, PromptInputTabLabel as kt, PromptInputActionMenu as l, PromptInputHoverCardTrigger as lt, PromptInputActionMenuProps as m, PromptInputProps as mt, PendingToolApproval as n, PromptInputFooterProps as nt, PromptInputActionAddAttachmentsProps as o, PromptInputHoverCardContent as ot, PromptInputActionMenuItemProps as p, PromptInputPermissionSelectorProps as pt, PromptInputCommandTrigger as q, PermissionMode as r, PromptInputHeader as rt, PromptInputActionAddScreenshot as s, PromptInputHoverCardContentProps as st, AttachmentsContext as t, PromptInputFooter as tt, PromptInputActionMenuContent as u, PromptInputHoverCardTriggerProps as ut, PromptInputApprovalProps as v, PromptInputReferences as vt, PromptInputBodyProps as w, PromptInputTab as wt, PromptInputAttachments as x, PromptInputSelectProps as xt, PromptInputAttachment as y, PromptInputReferencesProps as yt, PromptInputCommandInputProps as z, TextInputContext as zt };
+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 };

package/dist/{ResponsiveSidebarShell-Dd9DCcBT.d.ts → ResponsiveSidebarShell-CsAh4NyL.d.ts}

@@ -44,6 +44,7 @@ interface ResponsiveSidebarShellProps extends React.HTMLAttributes<HTMLDivElemen
 /**
  * Responsive master-detail shell with a resizable desktop sidebar and a compact
  * floating sidebar that leaves the main content in place as a dismiss target.
+ * The root exposes `data-sidebar-open="true" | "false"` as its public styling hook.
  */
 declare function ResponsiveSidebarShell({
   sidebar,

package/dist/{Select-BeEsefzh.d.ts → Select-CwSqP07Y.d.ts}

@@ -3,11 +3,8 @@ import { Select } from "@base-ui/react/select";
 
 //#region src/components/Select.d.ts
 type SelectProps<Value = unknown> = Select.Root.Props<Value>;
-interface SelectLabelProps extends Omit<Select.Label.Props, "className"> {
-  className?: string;
-}
-interface SelectTriggerProps extends Omit<Select.Trigger.Props, "className"> {
-  className?: string;
+interface SelectLabelProps extends Select.Label.Props {}
+interface SelectTriggerProps extends Select.Trigger.Props {
   /**
    * The size of the select trigger.
    * @default 'default'
@@ -18,45 +15,22 @@ interface SelectValueProps extends Omit<Select.Value.Props, "children"> {
   placeholder?: string;
   children?: Select.Value.Props["children"];
 }
-interface SelectIconProps extends Omit<Select.Icon.Props, "className"> {
-  className?: string;
-}
+interface SelectIconProps extends Select.Icon.Props {}
 interface SelectPortalProps extends Select.Portal.Props {}
-interface SelectBackdropProps extends Omit<Select.Backdrop.Props, "className"> {
-  className?: string;
-}
+interface SelectBackdropProps extends Select.Backdrop.Props {}
 interface SelectPositionerProps extends Select.Positioner.Props {}
-interface SelectPopupProps extends Omit<Select.Popup.Props, "className"> {
-  className?: string;
-}
-interface SelectListProps extends Omit<Select.List.Props, "className"> {
-  className?: string;
-}
-interface SelectItemProps extends Omit<Select.Item.Props, "className"> {
-  className?: string;
-}
-interface SelectItemTextProps extends Omit<Select.ItemText.Props, "className"> {
-  className?: string;
-}
-interface SelectItemIndicatorProps extends Omit<Select.ItemIndicator.Props, "className"> {
-  className?: string;
-}
-interface SelectGroupProps extends Omit<Select.Group.Props, "className"> {
-  className?: string;
+interface SelectPopupProps extends Select.Popup.Props {}
+interface SelectListProps extends Select.List.Props {}
+interface SelectItemProps extends Select.Item.Props {}
+interface SelectItemTextProps extends Select.ItemText.Props {}
+interface SelectItemIndicatorProps extends Select.ItemIndicator.Props {}
+interface SelectGroupProps extends Select.Group.Props {
   label?: string;
 }
-interface SelectGroupLabelProps extends Omit<Select.GroupLabel.Props, "className"> {
-  className?: string;
-}
-interface SelectSeparatorProps extends Omit<Select.Separator.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollUpArrowProps extends Omit<Select.ScrollUpArrow.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollDownArrowProps extends Omit<Select.ScrollDownArrow.Props, "className"> {
-  className?: string;
-}
+interface SelectGroupLabelProps extends Select.GroupLabel.Props {}
+interface SelectSeparatorProps extends Select.Separator.Props {}
+interface SelectScrollUpArrowProps extends Select.ScrollUpArrow.Props {}
+interface SelectScrollDownArrowProps extends Select.ScrollDownArrow.Props {}
 /**
  * A select component for choosing from a list of options.
  *
@@ -122,8 +96,6 @@ declare function SelectPositioner({
   ref,
   ...props
 }: SelectPositionerProps & {
-  className?: string;
-} & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare function SelectPopup({

package/dist/{Tabs-3Zc4tb9D.d.ts → Tabs-9zddXDQo.d.ts}

@@ -2,32 +2,18 @@ import * as React from "react";
 import { Tabs } from "@base-ui/react/tabs";
 
 //#region src/components/Tabs.d.ts
-interface TabsProps extends Omit<Tabs.Root.Props, "className"> {
-  className?: string;
+interface TabsProps extends Tabs.Root.Props {
   /**
    * The visual style variant.
    * @default 'default'
    */
   variant?: "default" | "bordered";
 }
-interface TabsListProps extends Omit<Tabs.List.Props, "className"> {
-  className?: string;
+interface TabsListProps extends Tabs.List.Props {
   variant?: "default" | "line" | null;
 }
-interface TabProps extends Omit<Tabs.Tab.Props, "className"> {
-  className?: string;
-}
-interface TabPanelProps extends Omit<Tabs.Panel.Props, "className"> {
-  className?: string;
-}
-interface TabsListVariantsOptions {
-  variant?: "default" | "line" | null;
-  className?: string;
-}
-declare function tabsListVariants({
-  variant,
-  className
-}?: TabsListVariantsOptions): string;
+interface TabProps extends Tabs.Tab.Props {}
+interface TabPanelProps extends Tabs.Panel.Props {}
 /**
  * A tabs component for organizing content into separate views.
  *
@@ -84,4 +70,4 @@ declare const Tabs$1: {
   Panel: typeof TabPanel;
 };
 //#endregion
-export { TabsListVariantsOptions as a, TabsListProps as i, TabProps as n, TabsProps as o, Tabs$1 as r, tabsListVariants as s, TabPanelProps as t };
+export { TabsProps as a, TabsListProps as i, TabProps as n, Tabs$1 as r, TabPanelProps as t };

package/dist/{ThinkChat-CzC-zNGA.js → ThinkChat-DInElus-.js}

@@ -1,11 +1,13 @@
 import { AgentChat } from "./components/AgentChat.js";
-import { AgentChatTurnError } from "./components/AgentChatTurnError.js";
+import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./components/AgentToolRunsContext.js";
+import { SubagentRunList } from "./components/SubagentRunList.js";
 import { ThinkChatContext, useThinkChatContext } from "./components/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/ThinkChatActivity.js";
+import { ThinkRecoveryNotice } from "./components/ThinkRecoveryNotice.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";
-import { useAgent } from "agents/react";
+import { useAgent, useAgentToolEvents } from "agents/react";
 //#region src/components/_internal/think-approvals.ts
 /**
 * Ambient approvals belong to their stub. An explicit different stub may only
@@ -75,11 +77,15 @@ function useThinkPendingApprovals(stub, refreshKey) {
 * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
 * stream with agent work folded into collapsed Activity blocks.
 */
-function ThinkChatProvider({ chat, children }) {
-	return /* @__PURE__ */ jsx(ThinkChatContext.Provider, {
+function ThinkChatProvider({ agentTools, chat, children }) {
+	const chatProvider = /* @__PURE__ */ jsx(ThinkChatContext.Provider, {
 		value: chat,
 		children
 	});
+	return agentTools ? /* @__PURE__ */ jsx(AgentToolRunsProvider, {
+		agentTools,
+		children: chatProvider
+	}) : chatProvider;
 }
 /**
 * Batteries-included root: connects to the named Think agent (upstream's
@@ -102,15 +108,23 @@ function ThinkChatRoot({ agent: agentOption, name, children }) {
 		name: name ?? agentOption.name
 	});
 	const chat = useAgentChat({ agent });
+	const agentTools = useAgentToolEvents({ agent });
+	const agentIdentity = JSON.stringify(agent.path);
 	const approvals = useThinkPendingApprovals(agent.stub, `${chat.messages.length}:${chat.status}`);
-	return /* @__PURE__ */ jsx(ThinkChatContext.Provider, {
-		value: chat,
-		children: /* @__PURE__ */ jsx(ThinkChatApprovalsContext.Provider, {
-			value: {
-				...approvals,
-				thinkStub: agent.stub
-			},
-			children
+	React.useEffect(() => {
+		agentTools.resetLocalState();
+	}, [agentIdentity]);
+	return /* @__PURE__ */ jsx(AgentToolRunsProvider, {
+		agentTools,
+		children: /* @__PURE__ */ jsx(ThinkChatContext.Provider, {
+			value: chat,
+			children: /* @__PURE__ */ jsx(ThinkChatApprovalsContext.Provider, {
+				value: {
+					...approvals,
+					thinkStub: agent.stub
+				},
+				children
+			})
 		})
 	});
 }
@@ -125,8 +139,9 @@ const ThinkChatApprovalsContext = React.createContext(null);
 * inside the log) or `excludeTools` + your own `renderPart` (standalone
 * card) — see README "App-specific tools" and the Custom Tool Panel story.
 */
-function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, ...props }) {
+function ThinkChatMessages({ composerHeader, renderPart, excludeTools, onAgentToolRunSelect, selectedAgentToolRunId, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, ...props }) {
 	const chat = useThinkChatContext("ThinkChat.Messages");
+	const agentTools = useOptionalAgentToolRuns();
 	const approvals = React.useContext(ThinkChatApprovalsContext);
 	const status = toAgentChatStatus(chat);
 	const resolvedApprovals = resolveThinkApprovalProps({
@@ -140,8 +155,15 @@ function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, thinkStub,
 	});
 	const defaultRenderPart = React.useMemo(() => createThinkChatActivityRenderer({
 		excludeTools,
+		onAgentToolRunSelect,
+		selectedAgentToolRunId,
 		toolRenderers
-	}), [excludeTools, toolRenderers]);
+	}), [
+		excludeTools,
+		onAgentToolRunSelect,
+		selectedAgentToolRunId,
+		toolRenderers
+	]);
 	const resolvedRenderPart = React.useMemo(() => renderPart ? (context) => {
 		const renderBuiltIn = () => {
 			const builtIn = defaultRenderPart(context);
@@ -153,18 +175,21 @@ function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, thinkStub,
 		});
 		return custom === void 0 ? renderBuiltIn() : custom;
 	} : defaultRenderPart, [defaultRenderPart, renderPart]);
-	const retryMessageId = chat.error ? chat.messages.findLast((message) => message.role !== "system")?.id : void 0;
-	const defaultNotice = chat.isRecovering ? /* @__PURE__ */ jsx(Fragment, { children: "Reconnecting to the agent…" }) : chat.connectionError ? /* @__PURE__ */ jsxs("span", {
-		"data-tone": "danger",
-		children: ["Connection lost", chat.connectionError.reason ? ` — ${chat.connectionError.reason}` : ""]
-	}) : chat.error ? /* @__PURE__ */ jsx(AgentChatTurnError, {
-		error: chat.error,
-		onDismiss: chat.clearError,
-		onRetry: retryMessageId ? () => {
-			chat.clearError();
-			chat.regenerate({ messageId: retryMessageId });
-		} : void 0
-	}) : void 0;
+	const defaultNotice = /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat });
+	const backgroundRuns = onAgentToolRunSelect ? agentTools?.unboundRuns : void 0;
+	const resolvedComposerHeader = composerHeader || backgroundRuns?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [composerHeader, backgroundRuns?.length ? /* @__PURE__ */ jsxs("div", {
+		className: "subagent-run__tray",
+		"data-slot": "background-agent-runs",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "subagent-run__tray-label",
+			children: "Background agents"
+		}), /* @__PURE__ */ jsx(SubagentRunList, {
+			"aria-label": "Background agent runs",
+			runs: backgroundRuns,
+			selectedRunId: selectedAgentToolRunId,
+			onSelect: onAgentToolRunSelect
+		})]
+	}) : null] }) : void 0;
 	return /* @__PURE__ */ jsx(AgentChat, {
 		...props,
 		renderPart: resolvedRenderPart,
@@ -176,6 +201,7 @@ function ThinkChatMessages({ renderPart, excludeTools, toolRenderers, thinkStub,
 		onExecutionSettled: resolvedApprovals.onExecutionSettled,
 		pendingApprovals: resolvedApprovals.pendingApprovals,
 		notice: notice ?? defaultNotice,
+		composerHeader: resolvedComposerHeader,
 		onRegenerate: (messageId) => void chat.regenerate({ messageId }),
 		onSubmit: ({ text, files, references }) => {
 			const prompt = [...references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [], text.trim()].filter(Boolean).join(" ");
@@ -205,6 +231,7 @@ const ThinkChat = {
 	Root: ThinkChatRoot,
 	Messages: ThinkChatMessages,
 	Activity: ThinkChatActivity,
+	RecoveryNotice: ThinkRecoveryNotice,
 	renderActivityPart: renderThinkChatActivityPart,
 	createActivityRenderer: createThinkChatActivityRenderer
 };

package/dist/{ThinkChatActivity-BFQnb2ct.d.ts → ThinkChatActivity-BgesTfZ4.d.ts}

@@ -1,7 +1,9 @@
-import { i as AgentChatProps, o as AgentChatRenderPartContext } from "./AgentChat-CrlpbvQJ.js";
+import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
+import { r as AgentChatProps } from "./AgentChat-CRuMi1Pb.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-CSzVwMXf.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
+import { AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/ThinkChatActivity.d.ts
 /**
@@ -16,7 +18,7 @@ interface ThinkChatToolRenderer {
   panel?: (part: ToolUIPart | DynamicToolUIPart) => React.ReactNode;
 }
 type ThinkChatToolRenderers = Record<string, ThinkChatToolRenderer>;
-interface ThinkChatActivityRendererOptions {
+interface ThinkChatActivityRendererOptions<MessageT extends UIMessage = UIMessage> {
   /**
    * Tool names to keep out of activity folding entirely — the run splits
    * around them and they fall through to your own renderPart / AgentChat's
@@ -26,6 +28,10 @@ interface ThinkChatActivityRendererOptions {
   excludeTools?: readonly string[];
   /** Per-tool label/panel overrides inside the activity log, keyed by tool name. */
   toolRenderers?: ThinkChatToolRenderers;
+  /** Selected retained child shown in an adjacent detail surface. */
+  selectedAgentToolRunId?: string | null;
+  /** Opens a whole upstream retained run in the host-owned detail surface. */
+  onAgentToolRunSelect?: (run: AgentToolRunState<MessageT["parts"][number]>) => void;
 }
 interface ThinkChatActivityProps {
   /** Render with the log expanded. */
@@ -58,9 +64,11 @@ declare function ThinkChatActivity({
  */
 declare function createThinkChatActivityRenderer<MessageT extends UIMessage = UIMessage>({
   excludeTools,
+  onAgentToolRunSelect,
+  selectedAgentToolRunId,
   toolRenderers
-}?: ThinkChatActivityRendererOptions): NonNullable<AgentChatProps<MessageT>["renderPart"]>;
+}?: ThinkChatActivityRendererOptions<MessageT>): NonNullable<AgentChatProps<MessageT>["renderPart"]>;
 /** Default activity renderer — `createThinkChatActivityRenderer()` with no overrides. */
-declare const renderThinkChatActivityPart: (context: AgentChatRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
+declare const renderThinkChatActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
 //#endregion
 export { ThinkChatToolRenderers as a, ThinkChatToolRenderer as i, ThinkChatActivityProps as n, createThinkChatActivityRenderer as o, ThinkChatActivityRendererOptions as r, renderThinkChatActivityPart as s, ThinkChatActivity as t };

package/dist/{ThinkChatContext-C3Eb1Xpi.d.ts → ThinkChatContext-DrsZqdaO.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { useAgentChat } from "@cloudflare/think/react";
 import { UIMessage } from "ai";
+import { useAgentChat } from "@cloudflare/think/react";
 
 //#region src/components/ThinkChatContext.d.ts
 /** The complete upstream Think chat hook value, preserving app state and message extensions. */

package/dist/ThinkRecoveryNotice-DFIcG9UX.d.ts

@@ -0,0 +1,19 @@
+import { n as ThinkChatValue } from "./ThinkChatContext-DrsZqdaO.js";
+import { UIMessage } from "ai";
+
+//#region src/components/ThinkRecoveryNotice.d.ts
+interface ThinkRecoveryNoticeProps<State = unknown, MessageT extends UIMessage = UIMessage> {
+  /** The complete `useAgentChat` value from `@cloudflare/think/react`. */
+  chat: ThinkChatValue<State, MessageT>;
+}
+/**
+ * Native Think recovery, connection, and turn-error content for AgentChat's
+ * persistent polite notice region. Think exposes no recovery phase, progress,
+ * checkpoint, attempt count, or timeline to the browser, so this adapter does
+ * not claim those details.
+ */
+declare function ThinkRecoveryNotice<State = unknown, MessageT extends UIMessage = UIMessage>({
+  chat
+}: ThinkRecoveryNoticeProps<State, MessageT>): import("react").JSX.Element | null;
+//#endregion
+export { ThinkRecoveryNoticeProps as n, ThinkRecoveryNotice as t };

package/dist/{Toggle-CAAlNl-M.d.ts → Toggle-DaXpe1Lc.d.ts}

@@ -10,7 +10,7 @@ interface ToggleVariantsOptions {
 /**
  * Props for the Toggle component.
  */
-interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof Toggle>, "className">, ToggleVariantsOptions {}
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
 declare function toggleVariants({
   variant,
   size,

package/dist/{ToggleGroup-8hPv-b69.d.ts → ToggleGroup-yseEWkOC.d.ts}

@@ -1,12 +1,11 @@
-import { r as ToggleVariantsOptions } from "./Toggle-CAAlNl-M.js";
+import { r as ToggleVariantsOptions } from "./Toggle-DaXpe1Lc.js";
 import * as React from "react";
 import { ToggleGroup } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
 
 //#region src/components/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"] | "md";
-interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof ToggleGroup>, "className"> {
-  className?: string;
+interface ToggleGroupProps extends React.ComponentPropsWithRef<typeof ToggleGroup> {
   variant?: ToggleVariantsOptions["variant"];
   /**
    * The size of the toggle group.
@@ -15,7 +14,7 @@ interface ToggleGroupProps extends Omit<React.ComponentPropsWithRef<typeof Toggl
   size?: ToggleGroupSize;
   spacing?: number;
 }
-interface ToggleGroupItemProps extends Omit<React.ComponentPropsWithRef<typeof Toggle>, "className">, ToggleVariantsOptions {}
+interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
 /**
  * A toggle group component for selecting one or multiple options.
  *