@mcp-b/react-components 0.28.0 → 0.29.0

package/dist/{AgentChat-CHEz8ts_.d.ts → AgentChat-Dy3cKCd-.d.ts}

@@ -76,6 +76,13 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   showComposer?: boolean;
   /** Called when the user hits stop while `status` is streaming/submitted. */
   onStop?: () => void;
+  /**
+   * Called when a submission lands in the pending queue instead of going out
+   * (the composer was busy). Hosts with an autonomous continuation mode (goal
+   * mode) pause it here: a user who queues a message expects it to run next,
+   * not to race the loop's own next turn.
+   */
+  onPromptQueued?: () => void;
   placeholder?: string;
   disabled?: boolean;
   /** Rendered in place of the transcript while `messages` is empty. */
@@ -254,6 +261,7 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   onSubmit,
   showComposer,
   onStop,
+  onPromptQueued,
   placeholder,
   disabled,
   emptyState,

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

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "./AgentChat-CHEz8ts_.js";
+import { r as AgentChatProps } from "./AgentChat-Dy3cKCd-.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-BfroXQ4F.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-F062wneC.js";
 import * as React from "react";

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../AgentChat-CHEz8ts_.js";
+import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../AgentChat-Dy3cKCd-.js";
 export { AgentChat, AgentChatComposerDraft, AgentChatProps, AgentChatRenderMessageContext, PermissionModeControl };

package/dist/components/AgentChat.js

@@ -210,11 +210,12 @@ const AgentChatTranscriptRowBody = React.memo(AgentChatTranscriptRowBodyImpl);
 *   announce re-inserted old rows as new); announce new messages from a
 *   host-owned live region if that matters.
 */
-function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTray, composerTools, slashCommands, onCompact, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, ref }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, onPromptQueued, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTray, composerTools, slashCommands, onCompact, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, ref }) {
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const [composerDraft, setComposerDraft] = React.useState("");
 	const [composerReferences, setComposerReferences] = React.useState([]);
 	const [pendingPrompts, setPendingPrompts] = React.useState([]);
+	const [queueHeld, setQueueHeld] = React.useState(false);
 	const busy = status === "submitted" || status === "streaming";
 	const wasBusy = React.useRef(busy);
 	const addComposerReference = React.useCallback((reference) => {
@@ -240,30 +241,42 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 			...message,
 			...composerReferences.length ? { references: composerReferences } : {}
 		};
-		const submission = busy || pendingPrompts.length ? setPendingPrompts((current) => [...current, {
-			id: crypto.randomUUID(),
-			message: prompt
-		}]) : onSubmit?.(prompt);
+		setQueueHeld(false);
 		setComposerDraft("");
 		setComposerReferences([]);
-		return submission;
+		if (busy || pendingPrompts.length && !queueHeld) {
+			setPendingPrompts((current) => [...current, {
+				id: crypto.randomUUID(),
+				message: prompt
+			}]);
+			onPromptQueued?.();
+			return;
+		}
+		return onSubmit?.(prompt);
 	}, [
 		busy,
 		composerReferences,
+		onPromptQueued,
 		onSubmit,
-		pendingPrompts.length
+		pendingPrompts.length,
+		queueHeld
 	]);
+	const handleStop = React.useMemo(() => onStop ? () => {
+		setQueueHeld(true);
+		onStop();
+	} : void 0, [onStop]);
 	React.useEffect(() => {
 		const becameReady = wasBusy.current && !busy;
 		wasBusy.current = busy;
 		const next = pendingPrompts[0];
-		if (!becameReady || !next || !onSubmit) return;
+		if (!becameReady || queueHeld || !next || !onSubmit) return;
 		setPendingPrompts((current) => current.slice(1));
 		onSubmit(next.message);
 	}, [
 		busy,
 		onSubmit,
-		pendingPrompts
+		pendingPrompts,
+		queueHeld
 	]);
 	const [compactionNotice, setCompactionNotice] = React.useState(null);
 	const compactionInFlight = React.useRef(false);
@@ -558,7 +571,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 							}) : null,
 							/* @__PURE__ */ jsx(AgentChatSubmitAction, {
 								status,
-								onStop,
+								onStop: handleStop,
 								disabled,
 								hasDraft: Boolean(composerDraft.trim() || composerReferences.length)
 							})

package/dist/components/ThinkChat.d.ts

@@ -1,9 +1,9 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-CHEz8ts_.js";
+import { r as AgentChatProps } from "../AgentChat-Dy3cKCd-.js";
 import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
 import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.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-C2uaL3el.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-Dq0lOAgw.js";
 import { i as ThinkChatValue } from "../ThinkChatContext-B-Nk84Wi.js";
 import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-D6gYcBbr.js";
 import { a as UseSessionCompactionResult } from "../SessionCompaction-DMa1vv6Y.js";
@@ -76,6 +76,8 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   composerHeader?: AgentChatProps<MessageT>["composerHeader"];
   /** Persistent context (e.g. the Goal banner) in the tray above the composer. */
   composerTray?: AgentChatProps<MessageT>["composerTray"];
+  /** Called when a submission is queued behind a busy turn; see AgentChat. */
+  onPromptQueued?: AgentChatProps<MessageT>["onPromptQueued"];
   /** Extra rows rendered in the built-in plus menu after files. */
   composerAddMenuItems?: AgentChatProps<MessageT>["composerAddMenuItems"];
   /** Composer placeholder text. */

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-BfroXQ4F.js";
 import { u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.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-C2uaL3el.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-Dq0lOAgw.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/utils/codex-model-catalog.d.ts

@@ -75,7 +75,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("image" | "text")[];
+  readonly inputModalities: ("text" | "image")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -92,7 +92,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("image" | "text")[];
+  readonly inputModalities: ("text" | "image")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -109,7 +109,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("image" | "text")[];
+  readonly inputModalities: ("text" | "image")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];
@@ -126,7 +126,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
   readonly upgradeInfo: null;
   readonly availabilityNux: null;
   readonly hidden: boolean;
-  readonly inputModalities: ("image" | "text")[];
+  readonly inputModalities: ("text" | "image")[];
   readonly supportsPersonality: boolean;
   readonly additionalSpeedTiers: never[];
   readonly serviceTiers: never[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.28.0",
+  "version": "0.29.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": {
@@ -58,7 +58,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.28.0"
+    "@mcp-b/design-tokens": "0.29.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.230",