@mcp-b/react-components 0.54.0 → 0.56.0

package/dist/{AgentToolRunsContext-GMe_hSnD.d.ts → AgentToolRunsContext-DT50htHj.d.ts}

@@ -1,25 +1,12 @@
 import * as React from "react";
 import { UIMessage } from "ai";
 import { useAgentToolEvents } from "agents/react";
-import { AgentToolRunPart, AgentToolRunState, AgentToolRunStatus } from "agents/agent-tools";
+import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/AgentToolRunsContext.d.ts
-/**
- * Whole native run fields with the SDK's complete lifecycle status. Published
- * Agents 0.21.0 excludes `starting` from AgentToolRunState while its native
- * AgentToolRunStatus includes it and current retained replay emits it. This
- * type-only correction does not translate records or accept another shape.
- */
-type AgentToolRunValue<Part extends AgentToolRunPart = AgentToolRunPart> = Omit<AgentToolRunState<Part>, "status"> & {
-  status: AgentToolRunStatus;
-};
-/** Whole event-hook value; run records keep the complete native lifecycle. */
-type AgentToolEventsValue<Part extends AgentToolRunPart = UIMessage["parts"][number]> = Omit<ReturnType<typeof useAgentToolEvents<Part>>, "runsById" | "runsByToolCallId" | "unboundRuns" | "getRunsForToolCall"> & {
-  runsById: Record<string, AgentToolRunValue<Part>>;
-  runsByToolCallId: Record<string, AgentToolRunValue<Part>[]>;
-  unboundRuns: AgentToolRunValue<Part>[];
-  getRunsForToolCall(toolCallId: string): AgentToolRunValue<Part>[];
-};
+/** Native SDK run and event-hook values, passed without translation. */
+type AgentToolRunValue<Part extends AgentToolRunPart = AgentToolRunPart> = AgentToolRunState<Part>;
+type AgentToolEventsValue<Part extends AgentToolRunPart = UIMessage["parts"][number]> = ReturnType<typeof useAgentToolEvents<Part>>;
 interface AgentToolRunsProviderProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> {
   /** Pass the whole `useAgentToolEvents({ agent })` result directly. */
   agentTools: AgentToolEventsValue<Part>;

package/dist/{EmployeeChrome-B605rpVz.d.ts → EmployeeChrome-B7Gt2Hpk.d.ts}

@@ -1,5 +1,5 @@
 import { J as PromptInputMessage } from "./PromptInput-DGPrCTPl.js";
-import { n as AgentToolRunValue } from "./AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "./AgentToolRunsContext-DT50htHj.js";
 import { n as ResponsiveSidebarShell } from "./ResponsiveSidebarShell-BUBQa_IV.js";
 import { t as ThinkThreadItem } from "./ThinkThreadPicker-DX0lL-P7.js";
 import * as React from "react";

package/dist/{ThinkChatActivity-DENkintt.d.ts → ThinkChatActivity-B6dh3n0-.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
 import { AgentChatMessageContentProps } from "./components/agents-sdk/AgentChat.js";
-import { n as AgentToolRunValue } from "./AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "./AgentToolRunsContext-DT50htHj.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-BtBQgMg6.js";
 import * as React from "react";

package/dist/components/agents-sdk/AgentChat.js

@@ -17,7 +17,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { isTextUIPart } from "ai";
-import { isCompactionMessage } from "agents/experimental/memory/utils";
+import { isCompactionMessage } from "agents/sessions";
 //#region src/components/agents-sdk/AgentChat.tsx
 function observeAgentChatDock(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
@@ -472,7 +472,7 @@ function AgentChatApprovals({ thinkStub, pendingApprovals = [], onExecutionSettl
 		ids: []
 	});
 	const ids = skipped.source === thinkStub ? skipped.ids : EMPTY_SKIPPED_IDS;
-	const items = [...getPendingToolApprovals(messages, { pausedExecutions: Boolean(thinkStub) }).filter((part) => (part.state !== "approval-requested" || onApprovalResponse) && !ids.includes(getApprovalStateKey(part) ?? "")).map((part) => ({ part })), ...pendingApprovals.filter((a) => a.source === "action" && !ids.includes(a.executionId)).map((approval) => ({ approval }))];
+	const items = [...getPendingToolApprovals(messages, { pausedExecutions: Boolean(thinkStub) }).filter((part) => (part.state !== "approval-requested" || onApprovalResponse) && !ids.includes(getApprovalStateKey(part) ?? "")).map((part) => ({ part })), ...pendingApprovals.filter((a) => !ids.includes(a.executionId)).map((approval) => ({ approval }))];
 	const pending = items.length ? items : EMPTY_APPROVAL_ITEMS;
 	const restore = React.useRef(false);
 	const active = React.useRef(false);
@@ -553,7 +553,7 @@ const compactingNotice = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE_
 const COMPACTION_NOTICES = {
 	pending: compactingNotice,
 	compacted: "Context compacted. Context usage updates after your next message.",
-	unchanged: "No context was compacted. Recent context is already protected.",
+	unchanged: "No summary was created. Run /compact to try again.",
 	failed: "Compaction failed — run /compact to try again."
 };
 const COMPACTION_COMMAND = {

package/dist/components/agents-sdk/AgentToolRunsContext.d.ts

@@ -1,2 +1,2 @@
-import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DT50htHj.js";
 export { AgentToolEventsValue, AgentToolRunValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns };

package/dist/components/agents-sdk/EmployeeApp.d.ts

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-B605rpVz.js";
+import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/EmployeeApp.d.ts

package/dist/components/agents-sdk/EmployeeChrome.d.ts

@@ -1,2 +1,2 @@
-import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B605rpVz.js";
+import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B7Gt2Hpk.js";
 export { EmployeeAgentRun, EmployeeBrand, EmployeeChrome, EmployeeCompanion, EmployeeDestination, EmployeeFollow, EmployeeIdentity, EmployeeMenuProps, EmployeeModelSetup, EmployeePasskeyVault, EmployeeRenderLink, EmployeeShellProps, EmployeeStatus, EmployeeView, EmployeeWorkbenchItem };

package/dist/components/agents-sdk/EmployeeSchedules.d.ts

@@ -1,4 +1,4 @@
-import { c as EmployeeMenuProps } from "../../EmployeeChrome-B605rpVz.js";
+import { c as EmployeeMenuProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
 import { ThinkRoutineActionsRootProps } from "./ThinkRoutineActions.js";
 import * as React from "react";

package/dist/components/agents-sdk/EmployeeStartScreen.d.ts

@@ -1,5 +1,5 @@
 import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
-import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-B605rpVz.js";
+import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
 import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-DNeHDrts.js";
 import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-CkLI1B-G.js";

package/dist/components/agents-sdk/ManagerOfficeScreens.d.ts

@@ -1,4 +1,4 @@
-import { f as EmployeeShellProps } from "../../EmployeeChrome-B605rpVz.js";
+import { f as EmployeeShellProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
 import * as React from "react";
 

package/dist/components/agents-sdk/SubagentRunDetails.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/SubagentRunDetails.d.ts

package/dist/components/agents-sdk/SubagentRunIndicator.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { AgentToolRunPart } from "agents/agent-tools";
 

package/dist/components/agents-sdk/SubagentRunList.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart } from "agents/agent-tools";

package/dist/components/agents-sdk/SubagentRunPanel.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue, t as AgentToolEventsValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import { ExpansionStore } from "../ai-sdk/ExpansionState.js";
 import * as React from "react";
 import { AgentToolRunPart } from "agents/agent-tools";
@@ -8,27 +8,18 @@ interface CommandState {
   pending: boolean;
   error?: string;
 }
-/** Controlled collection facts supplied by the connection owner. */
-interface SubagentRunCollectionState {
-  status: "loading" | "ready" | "error";
-  stale: boolean;
-  error?: string;
-}
 interface SubagentRunPanelProviderProps {
   /** Conversation identity; changing it resets transient controls without remounting children. */
   scopeKey: string;
   /** The one upstream event-hook value from the parent connection. */
   agentTools: AgentToolEventsValue<AgentToolRunPart>;
-  collection: SubagentRunCollectionState;
-  /** The host's native execution predicate; presentation does not own cancellation policy. */
-  mayExecute: (run: AgentToolRunValue) => boolean;
   selectedRunId?: string;
   parentRunning: boolean;
   onStopCurrentWork: () => Promise<void>;
   onStopRun: (runId: string) => Promise<void>;
   children: React.ReactNode;
 }
-interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "agentTools" | "collection" | "mayExecute" | "selectedRunId" | "parentRunning"> {
+interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "agentTools" | "selectedRunId" | "parentRunning"> {
   open: boolean;
   setOpen: (open: boolean) => void;
   hiddenCompleted: ReadonlySet<string>;
@@ -43,8 +34,6 @@ interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "age
 declare function SubagentRunPanelProvider({
   scopeKey,
   agentTools,
-  collection,
-  mayExecute,
   selectedRunId,
   parentRunning,
   onStopCurrentWork,
@@ -60,4 +49,4 @@ declare function SubagentRunPanel({
   renderRunLink
 }: SubagentRunPanelProps): React.JSX.Element | null;
 //#endregion
-export { SubagentRunCollectionState, SubagentRunPanel, SubagentRunPanelProps, SubagentRunPanelProvider, SubagentRunPanelProviderProps, useOptionalSubagentRunPanel };
+export { SubagentRunPanel, SubagentRunPanelProps, SubagentRunPanelProvider, SubagentRunPanelProviderProps, useOptionalSubagentRunPanel };

package/dist/components/agents-sdk/SubagentRunPanel.js

@@ -7,6 +7,7 @@ import { AgentChatNotice, AgentChatPromptTray } from "./AgentChat.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { agentToolRunMayExecute } from "agents/react";
 //#region src/components/agents-sdk/SubagentRunPanel.tsx
 const IDLE = { pending: false };
 const SubagentRunPanelContext = React.createContext(null);
@@ -22,7 +23,7 @@ function createPanelState(scopeKey, selectedRunId) {
 	};
 }
 /** A thread's transient controls/disclosure state; run facts remain in the SDK value. */
-function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
+function SubagentRunPanelProvider({ scopeKey, agentTools, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
 	const [state, setState] = React.useState(() => createPanelState(scopeKey, selectedRunId));
 	if (state.scopeKey !== scopeKey) setState(createPanelState(scopeKey, selectedRunId));
 	const { open, hiddenCompleted, commands, reportDisclosures, inFlight, restoreFocusRunId } = state;
@@ -63,8 +64,6 @@ function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute
 	const stopRun = React.useCallback((id) => execute(id, () => onStopRun(id)), [execute, onStopRun]);
 	const value = React.useMemo(() => ({
 		agentTools,
-		collection,
-		mayExecute,
 		selectedRunId,
 		parentRunning,
 		open,
@@ -78,8 +77,6 @@ function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute
 		stopRun
 	}), [
 		agentTools,
-		collection,
-		mayExecute,
 		selectedRunId,
 		parentRunning,
 		open,
@@ -101,12 +98,12 @@ function useOptionalSubagentRunPanel() {
 	return React.useContext(SubagentRunPanelContext);
 }
 function getSubagentRunRows(panel) {
-	const runs = Object.values(panel.agentTools.runsById).sort((a, b) => Number(!panel.mayExecute(a)) - Number(!panel.mayExecute(b)) || a.order - b.order);
+	const runs = Object.values(panel.agentTools.runsById).sort((a, b) => Number(!agentToolRunMayExecute(a)) - Number(!agentToolRunMayExecute(b)) || a.order - b.order);
 	return {
 		runs,
-		active: runs.filter(panel.mayExecute),
-		completed: runs.filter((run) => !panel.mayExecute(run)),
-		visible: runs.filter((run) => !panel.hiddenCompleted.has(run.runId) || panel.mayExecute(run))
+		active: runs.filter(agentToolRunMayExecute),
+		completed: runs.filter((run) => !agentToolRunMayExecute(run)),
+		visible: runs.filter((run) => !panel.hiddenCompleted.has(run.runId) || agentToolRunMayExecute(run))
 	};
 }
 function useSubagentRunFocus(panel, visible) {
@@ -155,7 +152,7 @@ function delegatedWorkLabel(active, completed) {
 function SubagentRunPanelControls({ panel, active }) {
 	const queue = useOptionalAgentChatQueue();
 	const stop = panel.commands["current-work"] ?? IDLE;
-	const canStop = panel.parentRunning || active > 1 || panel.collection.status !== "ready";
+	const canStop = panel.parentRunning || active > 1 || panel.agentTools.collection.status !== "ready";
 	if (!canStop && !stop.error && !stop.pending) return null;
 	return /* @__PURE__ */ jsx(QueueSectionActions, {
 		"aria-label": "Delegated work controls",
@@ -176,7 +173,7 @@ function SubagentRunPanelControls({ panel, active }) {
 }
 function SubagentRunRow({ panel, run, renderRunLink }) {
 	const command = panel.commands[run.runId] ?? IDLE;
-	const actionable = panel.mayExecute(run) || command.error || command.pending;
+	const actionable = agentToolRunMayExecute(run) || command.error || command.pending;
 	return /* @__PURE__ */ jsxs(QueueItem, {
 		"data-run-id": run.runId,
 		children: [/* @__PURE__ */ jsxs(QueueItemContent, { children: [/* @__PURE__ */ jsx(SubagentRunSelector, {
@@ -240,11 +237,11 @@ function SubagentRunPanelContent({ panel, renderRunLink }) {
 						role: "alert",
 						children: stop.error
 					}) : null,
-					panel.collection.status === "loading" ? /* @__PURE__ */ jsx(AgentChatNotice, { children: panel.collection.stale ? "Reconnecting. Last known runs are shown." : "Loading delegated work…" }) : null,
-					panel.collection.status === "error" ? /* @__PURE__ */ jsx(AgentChatNotice, {
+					panel.agentTools.collection.status === "loading" ? /* @__PURE__ */ jsx(AgentChatNotice, { children: panel.agentTools.collection.stale ? "Reconnecting. Last known runs are shown." : "Loading delegated work…" }) : null,
+					panel.agentTools.collection.status === "error" ? /* @__PURE__ */ jsx(AgentChatNotice, {
 						"data-tone": "danger",
 						role: "alert",
-						children: panel.collection.error ?? "Could not refresh delegated work. Last known runs are retained."
+						children: panel.agentTools.collection.error ?? "Could not refresh delegated work. Last known runs are retained."
 					}) : null,
 					/* @__PURE__ */ jsx(QueueList, {
 						"aria-label": "Delegated work runs",

package/dist/components/agents-sdk/SubagentRunSelector.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart } from "agents/agent-tools";

package/dist/components/agents-sdk/ThinkChat.d.ts

@@ -1,10 +1,9 @@
 import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
 import { AgentChatMessageContentProps, AgentChatRootProps } from "./AgentChat.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-DENkintt.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B6dh3n0-.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { n as WorkspaceFileRenderer } from "../../WorkspaceMessageResponse-BApg8KZv.js";
-import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
 import * as React from "react";
 import { ChatStatus, UIMessage } from "ai";
 import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
@@ -64,11 +63,6 @@ declare function ThinkChatApprovals({
   children
 }: ThinkChatApprovalsProps): React.JSX.Element;
 declare function ThinkChatRecoveryNotice(): React.JSX.Element;
-declare function ThinkChatCompactionNotice({
-  compaction
-}: {
-  compaction: UseSessionCompactionResult;
-}): React.JSX.Element;
 declare function useThinkChat<State = unknown, MessageT extends UIMessage = UIMessage>(): Omit<import("@ai-sdk/react").UseChatHelpers<MessageT>, "addToolOutput"> & {
   clearHistory: () => void;
   addToolOutput: (opts: {
@@ -93,10 +87,9 @@ declare const ThinkChat: {
   MessageContent: typeof ThinkChatMessageContent;
   Approvals: typeof ThinkChatApprovals;
   RecoveryNotice: typeof ThinkChatRecoveryNotice;
-  CompactionNotice: typeof ThinkChatCompactionNotice;
   Activity: typeof ThinkChatActivity;
   renderActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { ThinkChat, ThinkChatApprovals, ThinkChatApprovalsProps, ThinkChatCompactionNotice, ThinkChatMessageContent, ThinkChatMessageContentProps, ThinkChatRecoveryNotice, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };
+export { ThinkChat, ThinkChatApprovals, ThinkChatApprovalsProps, ThinkChatMessageContent, ThinkChatMessageContentProps, ThinkChatRecoveryNotice, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

package/dist/components/agents-sdk/ThinkChat.js

@@ -1,6 +1,6 @@
 import { composerDraftToPrompt, parseComposerLinks } from "../../utils/composer-link.js";
-import { AgentChat, compactingNotice, useAgentChatControls } from "./AgentChat.js";
-import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./ThinkChatContext.js";
+import { AgentChat, useAgentChatControls } from "./AgentChat.js";
+import { ThinkChatContext, ThinkChatLiveContext, useThinkChatContext } from "./ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.js";
 import { n as WorkspaceMessageResponse, t as WorkspaceFileRendererProvider } from "../../WorkspaceMessageResponse-CUJk9_P5.js";
@@ -185,38 +185,6 @@ function ThinkChatRecoveryNotice() {
 	const chat = useThinkChatContext("ThinkChat.RecoveryNotice");
 	return /* @__PURE__ */ jsx(AgentChat.Notice, { children: /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat }) });
 }
-/** A submitted turn dismisses the result visible in that same committed update. */
-function useCompactionDismissal(result, revision) {
-	const previousRevision = React.useRef(revision);
-	const dismissed = React.useRef(null);
-	const revisionChanged = previousRevision.current !== revision;
-	React.useLayoutEffect(() => {
-		if (!revisionChanged) return;
-		previousRevision.current = revision;
-		dismissed.current = result;
-	}, [
-		result,
-		revision,
-		revisionChanged
-	]);
-	return revisionChanged || result === dismissed.current;
-}
-function getCompactionNotice(compaction, resultDismissed) {
-	if (compaction.compacting) return compactingNotice;
-	if (compaction.sessionError) return `Compaction failed: ${compaction.sessionError}`;
-	if (compaction.reloadError) return "Transcript may be out of date. The next completed turn will retry the refresh.";
-	const result = compaction.lastCompaction;
-	if (!result || resultDismissed) return null;
-	const freed = Math.round((result.tokensBefore - result.tokensAfter) / 1e3) * 1e3;
-	return `Context compacted${freed > 0 ? ` — about ${freed.toLocaleString()} tokens freed` : ""}. Context usage updates after your next message.`;
-}
-function ThinkChatCompactionNotice({ compaction }) {
-	const chat = useOptionalThinkChatContext();
-	const { submissionVersion } = useAgentChatControls();
-	const revision = `${chat?.messages.length}:${submissionVersion}`;
-	const dismissed = useCompactionDismissal(compaction.lastCompaction, revision);
-	return /* @__PURE__ */ jsx(AgentChat.Notice, { children: getCompactionNotice(compaction, dismissed) });
-}
 function useThinkChat() {
 	return useThinkChatContext("useThinkChat");
 }
@@ -225,10 +193,9 @@ const ThinkChat = {
 	MessageContent: ThinkChatMessageContent,
 	Approvals: ThinkChatApprovals,
 	RecoveryNotice: ThinkChatRecoveryNotice,
-	CompactionNotice: ThinkChatCompactionNotice,
 	Activity: ThinkChatActivity,
 	renderActivityPart: renderThinkChatActivityPart,
 	createActivityRenderer: createThinkChatActivityRenderer
 };
 //#endregion
-export { ThinkChat, ThinkChatApprovals, ThinkChatCompactionNotice, ThinkChatMessageContent, ThinkChatRecoveryNotice, ThinkChatRoot, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };
+export { ThinkChat, ThinkChatApprovals, ThinkChatMessageContent, ThinkChatRecoveryNotice, ThinkChatRoot, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

package/dist/components/agents-sdk/ThinkChatActivity.d.ts

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-DENkintt.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-B6dh3n0-.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, renderThinkChatActivityPart };

package/dist/components/nanites/AgentToolDetail.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { SubagentRunMetadataProps } from "../agents-sdk/SubagentRunDetails.js";
 import * as React from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.54.0",
+  "version": "0.56.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -54,14 +54,13 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.54.0"
+    "@mcp-b/design-tokens": "0.56.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",
-    "@cloudflare/codemode": "^0.5.1",
-    "@cloudflare/shell": "^0.4.3",
-    "@cloudflare/think": "^0.16.0",
-    "@cloudflare/voice": "^0.3.6",
+    "@cloudflare/codemode": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-e3966bd9e759/cloudflare-codemode-0.5.2.tgz",
+    "@cloudflare/shell": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-e3966bd9e759/cloudflare-shell-0.4.3.tgz",
+    "@cloudflare/think": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-e3966bd9e759/cloudflare-think-0.18.0.tgz",
     "@cloudflare/workers-types": "^5.20260811.1",
     "@storybook/addon-a11y": "^10.5.7",
     "@storybook/addon-docs": "^10.5.7",
@@ -80,7 +79,7 @@
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
     "@vitest/mocker": "^4.1.10",
-    "agents": "^0.21.0",
+    "agents": "https://github.com/WebMCP-org/do-runtime/releases/download/rook-sdk-e3966bd9e759/agents-0.23.0.tgz",
     "ai": "^6.0.247",
     "cloudflare": "^7.0.0",
     "oversight-lint": "0.7.1",
@@ -96,13 +95,12 @@
   },
   "peerDependencies": {
     "@ai-sdk/react": "^3.0.230",
-    "@cloudflare/codemode": "^0.5.1",
+    "@cloudflare/codemode": "^0.5.2",
     "@cloudflare/shell": "^0.4.3",
-    "@cloudflare/think": "^0.16.0",
-    "@cloudflare/voice": "^0.3.6",
+    "@cloudflare/think": "^0.18.0",
     "@cloudflare/workers-types": "^5.20260715.1",
     "@tanstack/react-query": "^5.101.2",
-    "agents": "^0.21.0",
+    "agents": "^0.23.0",
     "ai": "^6.0.228",
     "cloudflare": "^7.0.0",
     "react": "19.3.0-canary-711c445b-20260722",
@@ -121,9 +119,6 @@
     "@cloudflare/think": {
       "optional": true
     },
-    "@cloudflare/voice": {
-      "optional": true
-    },
     "@cloudflare/workers-types": {
       "optional": true
     },

package/dist/SessionCompaction-CmTJFpzj.d.ts

@@ -1,89 +0,0 @@
-import { ChatStatus, UIMessage } from "ai";
-
-//#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.
- * Returns null for every other frame on the connection.
- */
-declare function parseSessionStatusFrame(data: unknown): SessionStatusFrame | null;
-/**
- * Parse a raw websocket payload as a `cf_agent_session_error` frame,
- * returning its error text. Null for every other frame on the connection.
- */
-declare function parseSessionErrorFrame(data: unknown): string | null;
-/** The message-frame surface of a `useAgent` connection. */
-interface SessionFrameSource {
-  addEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-  removeEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-}
-interface UseSessionCompactionOptions<MessageT extends UIMessage> {
-  /** The conversation agent's `useAgent` connection. */
-  agent: SessionFrameSource;
-  /** The conversation's `useAgentChat` value (status + local view setter). */
-  chat: {
-    status: ChatStatus;
-    setMessages: (messages: MessageT[]) => void;
-  };
-  /** 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
-   * ("Transcript may be out of date"); the hook retries on the next status
-   * transition to `"ready"`.
-   */
-  reloadError: unknown;
-  /**
-   * Error text from the last `cf_agent_session_error` frame — the only signal
-   * a user who ran /compact gets when the server-side compaction itself fails
-   * (the phase just flips back to idle with no `compacted` payload). Cleared
-   * when the next compaction starts.
-   */
-  sessionError: string | null;
-}
-declare function useSessionCompaction<MessageT extends UIMessage>({
-  agent,
-  chat,
-  getMessages
-}: UseSessionCompactionOptions<MessageT>): UseSessionCompactionResult;
-//#endregion
-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/components/agents-sdk/SessionCompaction.d.ts

@@ -1,2 +0,0 @@
-import { a as UseSessionCompactionOptions, c as parseSessionStatusFrame, i as SessionStatusPhase, l as useSessionCompaction, n as SessionFrameSource, o as UseSessionCompactionResult, r as SessionStatusFrame, s as parseSessionErrorFrame, t as SessionCompactionSize } from "../../SessionCompaction-CmTJFpzj.js";
-export { SessionCompactionSize, SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, UseSessionCompactionResult, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

package/dist/components/agents-sdk/SessionCompaction.js

@@ -1,140 +0,0 @@
-import * as React from "react";
-//#region src/components/agents-sdk/SessionCompaction.ts
-/**
-* Client-side session-compaction plumbing for Think conversations.
-*
-* The Agents Session broadcasts `cf_agent_session` status frames to every
-* connected client: `phase` flips to `"compacting"` while a compaction runs
-* and back to `"idle"` when it settles, with a `compacted` payload on the
-* idle frame when an overlay was actually written. Think refreshes only its
-* server-side message cache after a compaction (`_syncMessages()` does not
-* push to clients), so a connected transcript keeps showing the uncompacted
-* history until its next `getMessages()`. `useSessionCompaction` closes that
-* gap: it tracks the live phase for a "Compacting context…" affordance and
-* reloads the transcript once a compaction lands — deferring the reload to
-* the end of the turn when one is streaming, so a mid-turn proactive
-* compaction never clobbers streamed state.
-*
-* Compose the command with `useAgentChatCompaction`: supply the app's
-* compaction callable, then place its command and notice explicitly.
-*
-* This module is the "local adapter … documented runtime-only mirror" that
-* docs/think-session-ui.md calls for: upstream exports no payload types or
-* client hook for these frames. The doc records the complete frame shapes;
-* this adapter consumes `phase`, the presence of `compacted`, the error string
-* of `cf_agent_session_error`, and the two estimates that size a landed
-* compaction (`tokenEstimate` and `compacted.tokensBefore`). Every field but
-* `phase` degrades to null rather than throwing, so an upstream field change
-* costs detail, never the UI. Per that doc, `tokenThreshold` is the
-* auto-compaction threshold, not the model context window — it stays unread
-* here, and neither estimate may drive the `Context` ring, which reads
-* provider-reported `metadata.usage`.
-*
-* @see ../../docs/think-session-ui.md
-* @see https://github.com/cloudflare/agents/blob/main/docs/agents/sessions.md#compaction
-*/
-/** Finite numbers only — an absent or malformed field degrades to null. */
-function finiteNumber(value) {
-	return typeof value === "number" && Number.isFinite(value) ? value : null;
-}
-/**
-* Parse a raw websocket payload as a `cf_agent_session` status frame.
-* Returns null for every other frame on the connection.
-*/
-function parseSessionStatusFrame(data) {
-	if (typeof data !== "string") return null;
-	let message;
-	try {
-		message = JSON.parse(data);
-	} catch {
-		return null;
-	}
-	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session" || !("phase" in message) || message.phase !== "idle" && message.phase !== "compacting") return null;
-	const compacted = "compacted" in message && message.compacted != null ? message.compacted : null;
-	return {
-		phase: message.phase,
-		compacted: compacted !== null,
-		tokenEstimate: finiteNumber("tokenEstimate" in message ? message.tokenEstimate : void 0),
-		tokensBefore: typeof compacted === "object" && compacted !== null && "tokensBefore" in compacted ? finiteNumber(compacted.tokensBefore) : null
-	};
-}
-/**
-* Parse a raw websocket payload as a `cf_agent_session_error` frame,
-* returning its error text. Null for every other frame on the connection.
-*/
-function parseSessionErrorFrame(data) {
-	if (typeof data !== "string") return null;
-	let message;
-	try {
-		message = JSON.parse(data);
-	} catch {
-		return null;
-	}
-	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session_error" || !("error" in message) || typeof message.error !== "string") return null;
-	return message.error;
-}
-function useSessionCompaction({ agent, chat, getMessages }) {
-	const [compacting, setCompacting] = React.useState(false);
-	const [refreshPending, setRefreshPending] = React.useState(false);
-	const [reloadError, setReloadError] = React.useState(null);
-	const [sessionError, setSessionError] = React.useState(null);
-	const [lastCompaction, setLastCompaction] = React.useState(null);
-	React.useEffect(() => {
-		setCompacting(false);
-		setSessionError(null);
-		setRefreshPending(false);
-		setReloadError(null);
-		setLastCompaction(null);
-		const onMessage = (event) => {
-			const frame = parseSessionStatusFrame(event.data);
-			if (frame) {
-				setCompacting(frame.phase === "compacting");
-				if (frame.phase === "compacting") {
-					setSessionError(null);
-					setLastCompaction(null);
-				}
-				if (frame.compacted) {
-					setRefreshPending(true);
-					setLastCompaction(frame.tokensBefore !== null && frame.tokenEstimate !== null ? {
-						tokensAfter: frame.tokenEstimate,
-						tokensBefore: frame.tokensBefore
-					} : null);
-				}
-				return;
-			}
-			const error = parseSessionErrorFrame(event.data);
-			if (error !== null) {
-				setCompacting(false);
-				setSessionError(error);
-			}
-		};
-		agent.addEventListener("message", onMessage);
-		return () => agent.removeEventListener("message", onMessage);
-	}, [agent]);
-	const { status, setMessages } = chat;
-	React.useEffect(() => {
-		if (!refreshPending || status !== "ready") return;
-		let stale = false;
-		getMessages().then((messages) => {
-			if (stale) return;
-			setRefreshPending(false);
-			setReloadError(null);
-			setMessages(messages);
-		}, (error) => {
-			if (stale) return;
-			console.error("Transcript reload after compaction failed", error);
-			setReloadError(error);
-		});
-		return () => {
-			stale = true;
-		};
-	}, [refreshPending, status]);
-	return {
-		compacting,
-		lastCompaction,
-		reloadError,
-		sessionError
-	};
-}
-//#endregion
-export { parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };