@mcp-b/react-components 0.28.0 → 0.30.0

package/dist/{PromptInput-B75Np5VB.d.ts → PromptInput-DOyee1kM.d.ts}

@@ -1,17 +1,12 @@
-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-DI6xcQjc.js";
-import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-L6MZm-7N.js";
+import { r as ButtonProps } from "./Button-CZt3yywF.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-D96d09ww.js";
+import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-Ptrbaynh.js";
+import { t as Combobox } from "./Combobox-WrrDDaEv.js";
+import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-DVmjBIuM.js";
 import * as React from "react";
-import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
-import { PendingApproval, Think } from "@cloudflare/think";
-import { AgentStub } from "agents/client";
-import { UseVoiceInputReturn } from "@cloudflare/voice/react";
-import { MCPServersState } from "agents";
-import { SkillDescriptor } from "agents/skills";
+import { ChatStatus, FileUIPart } from "ai";
 
-//#region src/components/PromptInput.d.ts
+//#region src/components/ai-sdk/PromptInput.d.ts
 /** The payload produced when the prompt input is submitted. */
 interface PromptInputMessage {
   text: string;
@@ -250,8 +245,8 @@ declare function PromptInputButton({
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface PromptInputDictationProps extends Omit<PromptInputButtonProps, "children" | "onClick" | "tooltip"> {
-  /** The whole upstream `useVoiceInput` result; authentication and transport stay in the host. */
-  voice: UseVoiceInputReturn;
+  /** Whole voice-input state; authentication and transport stay in the host. */
+  voice: PromptInputVoiceInput;
   /**
    * Runs immediately before the unchanged upstream `voice.start()` call.
    * Use this for host-specific prerequisites, such as opening an extension tab
@@ -261,7 +256,18 @@ interface PromptInputDictationProps extends Omit<PromptInputButtonProps, "childr
    * @see https://github.com/cloudflare/agents/blob/main/examples/voice-input/src/client.tsx
    * @see https://developer.chrome.com/docs/extensions/reference/api/offscreen#type-Reason
    */
-  beforeStart?: (voice: UseVoiceInputReturn) => void | Promise<void>;
+  beforeStart?: (voice: PromptInputVoiceInput) => void | Promise<void>;
+}
+/** Structural voice interface accepted from any host or voice SDK. */
+interface PromptInputVoiceInput {
+  transcript: string;
+  interimTranscript: string | null;
+  isListening: boolean;
+  audioLevel: number;
+  error: string | null;
+  start: () => void | Promise<void>;
+  stop: () => void;
+  clear: () => void;
 }
 declare function PromptInputDictation({
   voice,
@@ -366,76 +372,6 @@ 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;
-/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
-declare function getPendingToolApprovals(messages: readonly UIMessage[], {
-  pausedExecutions
-}?: {
-  pausedExecutions?: boolean;
-}): Array<ToolUIPart | DynamicToolUIPart>;
-interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
-  /**
-   * The `approval-requested` tool part — or a paused codemode execution —
-   * passed whole. Renders nothing for other states.
-   */
-  part?: ToolUIPart | DynamicToolUIPart;
-  /** A Think `pendingApprovals()` entry for durable parked action approvals. */
-  approval?: PendingApproval;
-  /** Pass `addToolApprovalResponse` from `useAgentChat`/`useChat` directly. */
-  onRespond?: ChatAddToolApproveResponseFunction;
-  /** Whole upstream Think stub used to resolve execution approvals instead of `onRespond`. */
-  thinkStub?: AgentStub<Think>;
-  /** Called after a Think approve/reject RPC settles, including when it rejects. */
-  onExecutionSettled?: () => void | Promise<void>;
-  /**
-   * Renders a Skip action that dismisses the confirmation without responding —
-   * the approval stays pending upstream.
-   */
-  onSkip?: () => void;
-  /** Overrides the default "Do you want to allow…" question. */
-  question?: React.ReactNode;
-  /** Total pending approvals, for the "1 of N" hint. */
-  count?: number;
-}
-/**
- * The composer's approval state: when a tool call awaits human approval the
- * prompt input area becomes the confirmation. "Yes" approves on click; typing
- * in the "No, and tell the agent what to do differently" row selects deny and
- * sends the text as the native approval `reason`. Submit (or Enter) sends the
- * current selection — approve by default.
- */
-declare function PromptInputApproval({
-  part,
-  approval: durableApproval,
-  onRespond,
-  thinkStub,
-  onExecutionSettled,
-  onSkip,
-  question,
-  count,
-  className,
-  ref,
-  ...props
-}: PromptInputApprovalProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element | null;
 type PromptInputSelectProps = React.ComponentProps<typeof Select.Root>;
 declare const PromptInputSelect: {
   Root: <Value>(props: SelectProps<Value>) => React.JSX.Element;
@@ -573,6 +509,10 @@ interface PromptInputHoverCardTriggerProps extends React.HTMLAttributes<HTMLSpan
 declare function PromptInputHoverCardTrigger({
   className,
   ref,
+  onFocus,
+  onBlur,
+  onMouseEnter,
+  onMouseLeave,
   ...props
 }: PromptInputHoverCardTriggerProps & {
   ref?: React.Ref<HTMLSpanElement>;
@@ -581,6 +521,8 @@ interface PromptInputHoverCardContentProps extends React.HTMLAttributes<HTMLDivE
 declare function PromptInputHoverCardContent({
   className,
   ref,
+  onMouseEnter,
+  onMouseLeave,
   ...props
 }: PromptInputHoverCardContentProps & {
   ref?: React.Ref<HTMLDivElement>;
@@ -787,10 +729,6 @@ interface PromptInputCommandDefinition {
   /** Quiet trailing provenance such as a workspace, server, or installation scope. */
   meta?: React.ReactNode;
 }
-/** Project whole upstream Agents MCP state into composer mention commands. */
-declare function mcpPromptInputCommands(mcp: MCPServersState): PromptInputCommandDefinition[];
-/** Project whole upstream skill descriptors into composer slash commands. */
-declare function skillPromptInputCommands(skills: readonly SkillDescriptor[]): PromptInputCommandDefinition[];
 type PromptInputCommandTrigger = "/" | "@";
 interface PromptInputReference {
   id: string;
@@ -872,4 +810,4 @@ declare function PromptInputContextSelector({
   action
 }: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-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, mcpPromptInputCommands as Gt, PromptInputCommandListProps as H, getApprovalRequestId as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, usePromptInputController as Jt, PromptInputCommandTrigger as K, skillPromptInputCommands 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, useProviderAttachments as Yt, 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, usePromptInputAttachments 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 };
+export { PromptInputFooterProps as $, PromptInputCommandEmptyProps as A, PromptInputTabsListProps as At, PromptInputCommandListProps as B, TooltipSide as Bt, PromptInputButtonProps as C, PromptInputTabBodyProps as Ct, PromptInputCommandComposerProps as D, PromptInputTabLabelProps as Dt, PromptInputCommandComposer as E, PromptInputTabLabel as Et, PromptInputCommandInput as F, PromptInputTooltipConfig as Ft, PromptInputContextAction as G, PromptInputCommandSeparator as H, usePromptInputController as Ht, PromptInputCommandInputProps as I, PromptInputTray as It, PromptInputContextSelectorProps as J, PromptInputContextItem as K, PromptInputCommandItem as L, PromptInputTrayProps as Lt, PromptInputCommandGroupLabel as M, PromptInputTextareaProps as Mt, PromptInputCommandGroupLabelProps as N, PromptInputTools as Nt, PromptInputCommandDefinition as O, PromptInputTabProps as Ot, PromptInputCommandGroupProps as P, PromptInputToolsProps as Pt, PromptInputFooter as Q, PromptInputCommandItemProps as R, PromptInputVoiceInput as Rt, PromptInputButton as S, PromptInputTabBody as St, PromptInputCommand as T, PromptInputTabItemProps as Tt, PromptInputCommandSeparatorProps as U, useProviderAttachments as Ut, PromptInputCommandProps as V, usePromptInputAttachments as Vt, PromptInputCommandTrigger as W, PromptInputDictation as X, PromptInputControllerProps as Y, PromptInputDictationProps as Z, PromptInputAttachmentProps as _, PromptInputSelect as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardProps as at, PromptInputBody as b, PromptInputSubmitProps as bt, PromptInputActionMenu as c, PromptInputMessage as ct, PromptInputActionMenuItem as d, PromptInputProps as dt, PromptInputHeader as et, PromptInputActionMenuItemProps as f, PromptInputProvider as ft, PromptInputAttachment as g, PromptInputReferencesProps as gt, PromptInputActionMenuTriggerProps as h, PromptInputReferences as ht, PromptInputActionAddAttachments as i, PromptInputHoverCardContentProps as it, PromptInputCommandGroup as j, PromptInputTextarea as jt, PromptInputCommandEmpty as k, PromptInputTabsList as kt, PromptInputActionMenuContent as l, PromptInputPermissionSelector as lt, PromptInputActionMenuTrigger as m, PromptInputReference as mt, PermissionMode as n, PromptInputHoverCard as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardTrigger as ot, PromptInputActionMenuProps as p, PromptInputProviderProps as pt, PromptInputContextSelector as q, PromptInput as r, PromptInputHoverCardContent as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardTriggerProps as st, AttachmentsContext as t, PromptInputHeaderProps as tt, PromptInputActionMenuContentProps as u, PromptInputPermissionSelectorProps as ut, PromptInputAttachments as v, PromptInputSelectProps as vt, PromptInputButtonTooltip as w, PromptInputTabItem as wt, PromptInputBodyProps as x, PromptInputTab as xt, PromptInputAttachmentsProps as y, PromptInputSubmit as yt, PromptInputCommandList as z, TextInputContext as zt };

package/dist/{Select-B_13gg_J.d.ts → Select-D96d09ww.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Select } from "@base-ui/react/select";
 
-//#region src/components/Select.d.ts
+//#region src/components/foundations/Select.d.ts
 type SelectProps<Value = unknown> = Select.Root.Props<Value>;
 interface SelectLabelProps extends Select.Label.Props {}
 interface SelectTriggerProps extends Select.Trigger.Props {

package/dist/{SessionCompaction-DMa1vv6Y.d.ts → SessionCompaction-CmTJFpzj.d.ts}

@@ -1,11 +1,25 @@
 import { ChatStatus, UIMessage } from "ai";
 
-//#region src/components/SessionCompaction.d.ts
+//#region src/components/agents-sdk/SessionCompaction.d.ts
 type SessionStatusPhase = "idle" | "compacting";
 interface SessionStatusFrame {
   phase: SessionStatusPhase;
   /** Present on the idle frame that follows a successful compaction. */
   compacted: boolean;
+  /**
+   * Session's own estimate for the history this frame describes, or null when
+   * the frame omits it or carries a non-finite value. Not provider-reported
+   * usage — never render it as an exact token count, and never feed it to the
+   * `Context` ring, which reads `metadata.usage`.
+   */
+  tokenEstimate: number | null;
+  /**
+   * The same estimate taken before the compaction this frame reports, from its
+   * `compacted` payload. Null on every other frame. Both numbers come from one
+   * estimator over one history, so their difference is a meaningful size even
+   * though neither is exact.
+   */
+  tokensBefore: number | null;
 }
 /**
  * Parse a raw websocket payload as a `cf_agent_session` status frame.
@@ -33,8 +47,24 @@ interface UseSessionCompactionOptions<MessageT extends UIMessage> {
   /** Server read used to reload the transcript after a compaction lands. */
   getMessages: () => Promise<MessageT[]>;
 }
+/**
+ * How much a landed compaction shortened the history, per Session's own
+ * estimator. A UI may show the difference as an approximate size; it must not
+ * present either number as exact usage.
+ */
+interface SessionCompactionSize {
+  tokensBefore: number;
+  tokensAfter: number;
+}
 interface UseSessionCompactionResult {
   compacting: boolean;
+  /**
+   * Size of the compaction that landed most recently on this connection, or
+   * null when none has landed or the frames carried no usable estimates. A new
+   * object per compaction, so a consumer can dismiss one acknowledgement by
+   * identity and still show the next. Cleared when the next compaction starts.
+   */
+  lastCompaction: SessionCompactionSize | null;
   /**
    * Set when the post-compaction transcript reload rejected — the local view
    * is stale relative to the server until a retry succeeds. Surface it
@@ -56,4 +86,4 @@ declare function useSessionCompaction<MessageT extends UIMessage>({
   getMessages
 }: UseSessionCompactionOptions<MessageT>): UseSessionCompactionResult;
 //#endregion
-export { UseSessionCompactionResult as a, useSessionCompaction as c, UseSessionCompactionOptions as i, SessionStatusFrame as n, parseSessionErrorFrame as o, SessionStatusPhase as r, parseSessionStatusFrame as s, SessionFrameSource as t };
+export { UseSessionCompactionOptions as a, parseSessionStatusFrame as c, SessionStatusPhase as i, useSessionCompaction as l, SessionFrameSource as n, UseSessionCompactionResult as o, SessionStatusFrame as r, parseSessionErrorFrame as s, SessionCompactionSize as t };

package/dist/{Tabs-C49J5m0Q.d.ts → Tabs-Ptrbaynh.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Tabs } from "@base-ui/react/tabs";
 
-//#region src/components/Tabs.d.ts
+//#region src/components/foundations/Tabs.d.ts
 interface TabsProps extends Tabs.Root.Props {
   /**
    * The visual style variant.

package/dist/{ThinkChat-Bp-nAnoW.js → ThinkChat-Dsm1xF3a.js}

@@ -1,16 +1,29 @@
-import { J as SpinnerIcon } from "./icons-B4mGvCvc.js";
-import { TransitionSurface } from "./components/TransitionSurface.js";
-import { AgentChat } from "./components/AgentChat.js";
-import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./components/AgentToolRunsContext.js";
-import { SubagentRunList } from "./components/SubagentRunList.js";
-import { ThinkChatContext, ThinkChatLiveContext, useThinkChatContext } from "./components/ThinkChatContext.js";
-import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/ThinkChatActivity.js";
-import { ThinkRecoveryNotice } from "./components/ThinkRecoveryNotice.js";
+import { J as SpinnerIcon } from "./icons-B1Qw05te.js";
+import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
+import { AgentChat } from "./components/agents-sdk/AgentChat.js";
+import { AgentToolRunsProvider, useOptionalAgentToolRuns } from "./components/agents-sdk/AgentToolRunsContext.js";
+import { SubagentRunList } from "./components/agents-sdk/SubagentRunList.js";
+import { ThinkChatContext, ThinkChatLiveContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
+import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";
+import { ThinkRecoveryNotice } from "./components/agents-sdk/ThinkRecoveryNotice.js";
+import { t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-BWbkIELl.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isTextUIPart } from "ai";
 import { useAgentChat } from "@cloudflare/think/react";
-import { useAgent, useAgentToolEvents } from "agents/react";
 import { queryOptions, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useAgent, useAgentToolEvents } from "agents/react";
+//#region src/components/_internal/use-agent-tool-events.ts
+function useSourceScopedAgentToolEvents(agent) {
+	const agentTools = useAgentToolEvents({ agent });
+	const sourceIdentity = JSON.stringify(agent.path);
+	const resetAgentTools = React.useEffectEvent(() => agentTools.resetLocalState());
+	React.useEffect(() => {
+		resetAgentTools();
+	}, [sourceIdentity]);
+	return agentTools;
+}
+//#endregion
 //#region src/components/_internal/think-approvals.ts
 /**
 * Ambient approvals belong to their stub. An explicit different stub may only
@@ -25,8 +38,18 @@ function resolveThinkApprovalProps(overrides, ambient) {
 	};
 }
 //#endregion
-//#region src/components/ThinkChat.tsx
+//#region src/components/agents-sdk/ThinkChat.tsx
 const EMPTY_PENDING_APPROVALS = [];
+/**
+* Acknowledgement copy for a landed compaction. Both numbers are Session's own
+* estimates, so the text is hedged ("about", rounded to thousands) and falls
+* back to the plain sentence when the difference is not a positive size —
+* estimator noise must never render as "0 tokens freed".
+*/
+function compactionSizeText({ tokensAfter, tokensBefore }) {
+	const freed = Math.round((tokensBefore - tokensAfter) / 1e3) * 1e3;
+	return freed > 0 ? `Context compacted — about ${freed.toLocaleString()} tokens freed.` : "Context compacted.";
+}
 function toAgentChatStatus(chat) {
 	if (chat.status === "submitted") return "submitted";
 	if (chat.isStreaming || chat.isRecovering) return "streaming";
@@ -151,13 +174,8 @@ function ThinkChatRoot({ agent: agentOption, approvalsEnabled = true, name, sour
 		name: name ?? agentOption.name
 	});
 	const chat = useAgentChat({ agent });
-	const agentTools = useAgentToolEvents({ agent });
-	const agentIdentity = JSON.stringify(agent.path);
+	const agentTools = useSourceScopedAgentToolEvents(agent);
 	const approvals = useThinkPendingExecutionApprovals(agent.stub, sourceKey, `${chat.messages.length}:${chat.status}`, approvalsEnabled);
-	const resetAgentTools = React.useEffectEvent(() => agentTools.resetLocalState());
-	React.useEffect(() => {
-		resetAgentTools();
-	}, [agentIdentity]);
 	const approvalsContext = React.useMemo(() => ({
 		...approvals,
 		thinkStub: agent.stub
@@ -198,7 +216,7 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		pendingApprovals: approvals.pendingApprovals,
 		onExecutionSettled: approvals.refreshPendingApprovals
 	});
-	const defaultRenderPart = React.useMemo(() => createThinkChatActivityRenderer({
+	const activityRenderPart = React.useMemo(() => createThinkChatActivityRenderer({
 		excludeTools,
 		renderAgentToolRunLink,
 		toolRenderers
@@ -207,6 +225,11 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		renderAgentToolRunLink,
 		toolRenderers
 	]);
+	const defaultRenderPart = React.useCallback((context) => {
+		const activity = activityRenderPart(context);
+		if (activity !== void 0) return activity;
+		return isTextUIPart(context.part) && context.part.text ? /* @__PURE__ */ jsx(WorkspaceMessageResponse, { children: context.part.text }) : void 0;
+	}, [activityRenderPart]);
 	const resolvedRenderPart = React.useMemo(() => renderPart ? (context) => {
 		const renderBuiltIn = () => {
 			const builtIn = defaultRenderPart(context);
@@ -219,6 +242,8 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		return custom === void 0 ? renderBuiltIn() : custom;
 	} : defaultRenderPart, [defaultRenderPart, renderPart]);
 	const defaultNotice = /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat });
+	const [dismissedCompaction, setDismissedCompaction] = React.useState(null);
+	const landedCompaction = sessionCompaction?.lastCompaction && sessionCompaction.lastCompaction !== dismissedCompaction ? sessionCompaction.lastCompaction : null;
 	const sessionCompactionNotice = sessionCompaction?.compacting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Compacting context…"] }) : sessionCompaction?.sessionError ? /* @__PURE__ */ jsxs(TransitionSurface, {
 		className: "think-recovery-notice",
 		"data-tone": "danger",
@@ -227,6 +252,9 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		className: "think-recovery-notice",
 		"data-tone": "danger",
 		children: "Transcript may be out of date. The next completed turn will retry the refresh."
+	}) : landedCompaction ? /* @__PURE__ */ jsxs(TransitionSurface, {
+		className: "think-recovery-notice",
+		children: [compactionSizeText(landedCompaction), " Context usage updates after your next message."]
 	}) : null;
 	const recoveryActive = chat.isRecovering || chat.connectionError || chat.error;
 	const backgroundRuns = renderAgentToolRunLink ? agentTools?.unboundRuns : void 0;
@@ -256,6 +284,7 @@ function ThinkChatMessages({ composerHeader, renderPart, excludeTools, renderAge
 		composerHeader: resolvedComposerHeader,
 		onRegenerate: (messageId) => void chat.regenerate({ messageId }),
 		onSubmit: ({ text, files, references }) => {
+			setDismissedCompaction(sessionCompaction?.lastCompaction ?? null);
 			const prompt = [...references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [], text.trim()].filter(Boolean).join(" ");
 			if (!prompt && !files.length) return;
 			return chat.sendMessage({
@@ -289,4 +318,4 @@ const ThinkChat = {
 	createActivityRenderer: createThinkChatActivityRenderer
 };
 //#endregion
-export { thinkPendingExecutionApprovalsQueryOptions as a, resolveThinkApprovalProps as c, ThinkChatRoot as i, ThinkChatMessages as n, useThinkChat as o, ThinkChatProvider as r, useThinkPendingExecutionApprovals as s, ThinkChat as t };
+export { thinkPendingExecutionApprovalsQueryOptions as a, resolveThinkApprovalProps as c, ThinkChatRoot as i, useSourceScopedAgentToolEvents as l, ThinkChatMessages as n, useThinkChat as o, ThinkChatProvider as r, useThinkPendingExecutionApprovals as s, ThinkChat as t };

package/dist/{ThinkChatActivity-C2uaL3el.d.ts → ThinkChatActivity-CgqpROz_.d.ts}

@@ -1,12 +1,12 @@
-import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "./AgentChat-CHEz8ts_.js";
-import { l as ThinkChatPart } from "./ThinkChatToolParts-BfroXQ4F.js";
-import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-F062wneC.js";
+import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
+import { r as AgentChatProps } from "./AgentChat-CV-GuYA6.js";
+import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
+import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-teRjrPxW.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart, UIMessage } from "ai";
 import { AgentToolRunState } from "agents/agent-tools";
 
-//#region src/components/ThinkChatActivity.d.ts
+//#region src/components/agents-sdk/ThinkChatActivity.d.ts
 /**
  * Bespoke rendering for one tool inside the activity log. Both hooks fall
  * through to the built-in families when they return `undefined`, so an

package/dist/{ThinkChatActivitySummary-F062wneC.d.ts → ThinkChatActivitySummary-teRjrPxW.d.ts}

@@ -1,8 +1,8 @@
-import { i as AgentActivityIconKind, s as AgentActivitySummary } from "./AgentActivity-D3OvrC02.js";
-import { l as ThinkChatPart } from "./ThinkChatToolParts-BfroXQ4F.js";
+import { i as AgentActivityIconKind, s as AgentActivitySummary } from "./AgentActivity-SP1WfLDW.js";
+import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 
-//#region src/components/ThinkChatActivitySummary.d.ts
+//#region src/components/agents-sdk/ThinkChatActivitySummary.d.ts
 interface ThinkChatToolDescriber {
   describe?: (part: ToolUIPart | DynamicToolUIPart) => ThinkChatActivityDescription | null | undefined;
 }

package/dist/{ThinkChatContext-B-Nk84Wi.d.ts → ThinkChatContext-COIgzkYp.d.ts}

@@ -2,7 +2,7 @@ import * as React from "react";
 import { UIMessage } from "ai";
 import { useAgentChat } from "@cloudflare/think/react";
 
-//#region src/components/ThinkChatContext.d.ts
+//#region src/components/agents-sdk/ThinkChatContext.d.ts
 /** The complete upstream Think chat hook value, preserving app state and message extensions. */
 type ThinkChatValue<State = unknown, MessageT extends UIMessage = UIMessage> = ReturnType<typeof useAgentChat<State, MessageT>>;
 /**

package/dist/{ThinkChatToolParts-BfroXQ4F.d.ts → ThinkChatToolParts-D4qcnnxt.d.ts}

@@ -1,21 +1,11 @@
-import { DynamicToolUIPart, InferUITools, ToolUIPart, UIMessage } from "ai";
+import { InferUITools, ToolUIPart, UIMessage } from "ai";
 import { ProxyToolInput, ProxyToolOutput } from "@cloudflare/codemode";
 import { QuickActionExtractInput, QuickActionPage, QuickActionScrapeInput, QuickActionToolName } from "@cloudflare/think/tools/browser";
 import { FetchResponseMode, FetchResult } from "@cloudflare/think/tools/fetch";
 import { WorkspaceTools } from "@cloudflare/think/tools/workspace";
 
-//#region src/components/ThinkChatToolParts.d.ts
+//#region src/components/agents-sdk/ThinkChatToolParts.d.ts
 type ThinkChatPart = UIMessage["parts"][number];
-type AnyToolUIPart = ToolUIPart | DynamicToolUIPart;
-/** Prefer AI SDK's provider/tool-authored title over its transport-facing key. */
-declare function getToolDisplayName(part: AnyToolUIPart): string;
-/**
- * Whole-part supplement to Think's simplified state mapping. Think maps every
- * `output-available` part to complete, while AI SDK preliminary outputs remain
- * in flight until a non-preliminary result arrives.
- */
-declare function isToolPartWorking(part: AnyToolUIPart): boolean;
-declare function isToolPartFailed(part: AnyToolUIPart): boolean;
 type WorkspaceUITools = InferUITools<Required<WorkspaceTools>>;
 type WorkspaceToolPart = ToolUIPart<WorkspaceUITools>;
 type ThinkWorkspaceToolName = keyof WorkspaceUITools;
@@ -165,4 +155,4 @@ declare function isPartWorking(part: ThinkChatPart): boolean;
 declare function isPartFailed(part: ThinkChatPart): boolean;
 declare function displayUrl(url: string | undefined): string;
 //#endregion
-export { isToolPartFailed as C, isThinkChatActivityPart as S, isWorkspaceToolPart as T, isPartFailed as _, SessionContextToolPart as a, isSessionContextToolPart as b, ThinkBashToolPart as c, WorkspaceToolPart as d, displayUrl as f, isFetchToolPart as g, isExecuteToolPart as h, SessionContextToolName as i, ThinkChatPart as l, isBrowserToolPart as m, ExecuteToolPart as n, SkillToolPart as o, getToolDisplayName as p, FetchToolPart as r, ThinkBashToolOutput as s, BrowserToolPart as t, ThinkWorkspaceToolName as u, isPartWorking as v, isToolPartWorking as w, isSkillToolPart as x, isSessionContextToolFailure as y };
+export { isWorkspaceToolPart as S, isPartWorking as _, SessionContextToolPart as a, isSkillToolPart as b, ThinkBashToolPart as c, WorkspaceToolPart as d, displayUrl as f, isPartFailed as g, isFetchToolPart as h, SessionContextToolName as i, ThinkChatPart as l, isExecuteToolPart as m, ExecuteToolPart as n, SkillToolPart as o, isBrowserToolPart as p, FetchToolPart as r, ThinkBashToolOutput as s, BrowserToolPart as t, ThinkWorkspaceToolName as u, isSessionContextToolFailure as v, isThinkChatActivityPart as x, isSessionContextToolPart as y };

package/dist/{ThinkExecutionRun-ChhWhOoU.d.ts → ThinkExecutionRun-lYYgyeE1.d.ts}

@@ -1,7 +1,7 @@
 import { ThinkSubmissionInspection } from "@cloudflare/think";
 import { WorkflowInfo } from "agents/workflows";
 
-//#region src/components/ThinkExecutionRun.d.ts
+//#region src/components/agents-sdk/ThinkExecutionRun.d.ts
 /** Whole upstream execution records displayed by Think routine and execution surfaces. */
 type ThinkExecutionRun = ThinkSubmissionInspection | WorkflowInfo;
 /** Narrows the direct upstream execution union without wrapping either record. */

package/dist/{ThinkRecoveryNotice-D6gYcBbr.d.ts → ThinkRecoveryNotice-DGWr94rk.d.ts}

@@ -1,7 +1,7 @@
-import { i as ThinkChatValue } from "./ThinkChatContext-B-Nk84Wi.js";
+import { i as ThinkChatValue } from "./ThinkChatContext-COIgzkYp.js";
 import { UIMessage } from "ai";
 
-//#region src/components/ThinkRecoveryNotice.d.ts
+//#region src/components/agents-sdk/ThinkRecoveryNotice.d.ts
 interface ThinkRecoveryNoticeProps<State = unknown, MessageT extends UIMessage = UIMessage> {
   /** The complete `useAgentChat` value from `@cloudflare/think/react`. */
   chat: ThinkChatValue<State, MessageT>;

package/dist/{Toggle-JKZ43D5S.d.ts → Toggle-DLrIf5YH.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Toggle } from "@base-ui/react/toggle";
 
-//#region src/components/Toggle.d.ts
+//#region src/components/foundations/Toggle.d.ts
 interface ToggleVariantsOptions {
   variant?: "default" | "outline" | null;
   size?: "sm" | "md" | "lg" | null;

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

@@ -1,9 +1,9 @@
-import { r as ToggleVariantsOptions } from "./Toggle-JKZ43D5S.js";
+import { r as ToggleVariantsOptions } from "./Toggle-DLrIf5YH.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
+//#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];
 interface ToggleGroupProps extends React.ComponentPropsWithRef<typeof ToggleGroup> {
   variant?: ToggleVariantsOptions["variant"];
@@ -30,21 +30,21 @@ interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle
  * @example
  * ```tsx
  * // Single selection (defaultValue is an array)
- * <ToggleGroup defaultValue={["center"]}>
- *   <ToggleGroupItem value="left">Left</ToggleGroupItem>
- *   <ToggleGroupItem value="center">Center</ToggleGroupItem>
- *   <ToggleGroupItem value="right">Right</ToggleGroupItem>
- * </ToggleGroup>
+ * <ToggleGroup.Root defaultValue={["center"]}>
+ *   <ToggleGroup.Item value="left">Left</ToggleGroup.Item>
+ *   <ToggleGroup.Item value="center">Center</ToggleGroup.Item>
+ *   <ToggleGroup.Item value="right">Right</ToggleGroup.Item>
+ * </ToggleGroup.Root>
  * ```
  *
  * @example
  * ```tsx
  * // Multiple selection
- * <ToggleGroup multiple defaultValue={["bold", "italic"]}>
- *   <ToggleGroupItem value="bold">Bold</ToggleGroupItem>
- *   <ToggleGroupItem value="italic">Italic</ToggleGroupItem>
- *   <ToggleGroupItem value="underline">Underline</ToggleGroupItem>
- * </ToggleGroup>
+ * <ToggleGroup.Root multiple defaultValue={["bold", "italic"]}>
+ *   <ToggleGroup.Item value="bold">Bold</ToggleGroup.Item>
+ *   <ToggleGroup.Item value="italic">Italic</ToggleGroup.Item>
+ *   <ToggleGroup.Item value="underline">Underline</ToggleGroup.Item>
+ * </ToggleGroup.Root>
  * ```
  *
  * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}

package/dist/{Workspace-Bn6In4wi.d.ts → Workspace-EhvvlHOB.d.ts}

@@ -1,8 +1,8 @@
-import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-DMtRMwVv.js";
+import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-C8Riev9j.js";
 import { WorkspaceLike } from "@cloudflare/think";
 import { FileInfo, Workspace } from "@cloudflare/shell";
 
-//#region src/components/Workspace.d.ts
+//#region src/components/agents-sdk/Workspace.d.ts
 /** Workspace summary, as returned by `Workspace.getWorkspaceInfo()` upstream. */
 type WorkspaceInfo = Awaited<ReturnType<Workspace["getWorkspaceInfo"]>>;
 /** Whole upstream workspace shapes, accepted without narrowing or mirroring. */

package/dist/{WorkspaceExplorer-D0aiscG6.d.ts → WorkspaceExplorer-DygQnEyi.d.ts}

@@ -1,8 +1,8 @@
-import { l as WorkspaceNavigationAdapter } from "./WorkspaceLink-O-EBKUJ8.js";
-import { o as WorkspaceState } from "./Workspace-Bn6In4wi.js";
+import { l as WorkspaceNavigationAdapter } from "./WorkspaceLink-DQogVe8E.js";
+import { o as WorkspaceState } from "./Workspace-EhvvlHOB.js";
 import * as React from "react";
 
-//#region src/components/WorkspaceExplorer.d.ts
+//#region src/components/agents-sdk/WorkspaceExplorer.d.ts
 interface WorkspaceExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
   workspace: WorkspaceState;
   /** Host-owned URL/history adapter shared by chat links and the file explorer. */

package/dist/{WorkspaceFile-DMtRMwVv.d.ts → WorkspaceFile-C8Riev9j.d.ts}

@@ -1,8 +1,8 @@
-import { A as CodeBlockLanguage } from "./CodeBlock-yMpGqScn.js";
+import { O as CodeBlockLanguage } from "./CodeBlock-DzGhYyNe.js";
 import { SkillParseResult } from "agent-skills-ts-sdk";
 import { FileInfo } from "@cloudflare/shell";
 
-//#region src/components/WorkspaceFile.d.ts
+//#region src/components/agents-sdk/WorkspaceFile.d.ts
 type WorkspaceMediaKind = "image" | "pdf" | "audio" | "video";
 interface WorkspaceMediaInfo {
   kind: WorkspaceMediaKind;

package/dist/{WorkspaceFileView-CKEmUyeT.js → WorkspaceFileView-hd1-cpuz.js}

@@ -1,13 +1,13 @@
-import { buttonVariants } from "./components/Button.js";
-import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, rt as XIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
-import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
-import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
-import { r as formatClock } from "./format-S6uWyoSb.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BF6SiKKL.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BUfEhDia.js";
-import { AppTopBar } from "./components/AppTopBar.js";
-import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
-import { WorkspaceHeader } from "./components/WorkspaceHeader.js";
+import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, rt as XIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B1Qw05te.js";
+import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
+import { buttonVariants } from "./components/foundations/Button.js";
+import { r as formatClock } from "./format-CmopcfqJ.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-CM5gfmdq.js";
+import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
+import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DZeLe_jN.js";
+import { n as createWorkspaceRehypePlugins, t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-BWbkIELl.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
+import { WorkspaceHeader } from "./components/agents-sdk/WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { defaultRehypePlugins } from "streamdown";
@@ -461,7 +461,7 @@ function WorkspaceMediaPreview(props) {
 	});
 }
 //#endregion
-//#region src/components/WorkspaceFileView.tsx
+//#region src/components/agents-sdk/WorkspaceFileView.tsx
 function createFileViewRehypePlugins(workspace) {
 	return [...workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : Object.values(defaultRehypePlugins), rehypeSlug];
 }
@@ -640,7 +640,7 @@ function WorkspaceFileView({ appearance = "contained", file, path, isLoading, is
 	if (file.content === null) return null;
 	if (isMarkdown && markdownView === "preview") {
 		const skill = isWorkspaceSkillPath(file.path) ? parseWorkspaceSkill(file.content) : null;
-		const response = /* @__PURE__ */ jsx(MessageResponse, {
+		const response = /* @__PURE__ */ jsx(WorkspaceMessageResponse, {
 			className: "workspace-explorer__markdown-content",
 			components: markdownComponents,
 			mode: "static",

package/dist/{WorkspaceLink-O-EBKUJ8.d.ts → WorkspaceLink-DQogVe8E.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/WorkspaceLink.d.ts
+//#region src/components/agents-sdk/WorkspaceLink.d.ts
 type WorkspaceDestination = {
   kind: "files";
 } | {