@mcp-b/react-components 0.48.0 → 0.49.0

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

@@ -0,0 +1,2 @@
+import { i as useOptionalAgentChatQueue, n as AgentChatQueueProviderProps, r as AgentChatQueuedPrompt, t as AgentChatQueueProvider } from "../../AgentChatQueue-C_Jaw3Ia.js";
+export { AgentChatQueueProvider, AgentChatQueueProviderProps, AgentChatQueuedPrompt, useOptionalAgentChatQueue };

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

@@ -0,0 +1,206 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/agents-sdk/AgentChatQueue.tsx
+const AgentChatQueueContext = React.createContext(null);
+function useOptionalAgentChatQueue() {
+	return React.useContext(AgentChatQueueContext);
+}
+/**
+* The queue's single owner, including dispatch reservations and the turn's
+* busy-to-ready edge. Hoist it with the parent connection to preserve queued
+* prompts and cancellation holds while the selected child is visible.
+*/
+function AgentChatQueueProvider({ children, status, onSubmit, onStop, onPromptQueued }) {
+	const [items, setItems] = React.useState([]);
+	const itemsRef = React.useRef(items);
+	const [held, setHeld] = React.useState(false);
+	const heldRef = React.useRef(false);
+	const holdRevision = React.useRef(0);
+	const [error, setError] = React.useState(null);
+	const [submissionVersion, setSubmissionVersion] = React.useState(0);
+	const [dispatchVersion, setDispatchVersion] = React.useState(0);
+	const drainRequested = React.useRef(false);
+	const busy = status === "submitted" || status === "streaming";
+	const busyRef = React.useRef(busy);
+	React.useLayoutEffect(() => {
+		busyRef.current = busy;
+	}, [busy]);
+	const wasBusy = React.useRef(busy);
+	const dispatching = React.useRef(null);
+	const updateItems = React.useCallback((next) => {
+		itemsRef.current = next;
+		setItems(next);
+	}, []);
+	const hold = React.useCallback(() => {
+		holdRevision.current += 1;
+		heldRef.current = true;
+		setHeld(true);
+	}, []);
+	const release = React.useCallback(() => {
+		heldRef.current = false;
+		setHeld(false);
+		setError(null);
+	}, []);
+	const send = React.useCallback((message) => {
+		const dispatch = Symbol();
+		dispatching.current = dispatch;
+		const finish = () => {
+			if (dispatching.current !== dispatch) return;
+			dispatching.current = null;
+			setDispatchVersion((version) => version + 1);
+		};
+		try {
+			const result = onSubmit?.(message);
+			if (result) return Promise.resolve(result).finally(finish);
+			finish();
+		} catch (cause) {
+			finish();
+			throw cause;
+		}
+	}, [onSubmit]);
+	const sendQueued = React.useEffectEvent(async (next) => {
+		if (dispatching.current || !onSubmit) return;
+		const dispatch = Symbol();
+		dispatching.current = dispatch;
+		setError(null);
+		drainRequested.current = false;
+		updateItems(itemsRef.current.filter((item) => item.id !== next.id));
+		try {
+			await onSubmit(next.message);
+		} catch (cause) {
+			updateItems([next, ...itemsRef.current]);
+			hold();
+			setError(cause instanceof Error ? cause.message : "Could not send queued message. Try again.");
+		} finally {
+			if (dispatching.current === dispatch) {
+				dispatching.current = null;
+				setDispatchVersion((version) => version + 1);
+			}
+		}
+	});
+	React.useEffect(() => {
+		if (wasBusy.current && !busy) drainRequested.current = true;
+		wasBusy.current = busy;
+		if (!busy && !held && drainRequested.current && items[0] && onSubmit && !dispatching.current) sendQueued(items[0]);
+	}, [
+		busy,
+		held,
+		items,
+		onSubmit,
+		dispatchVersion
+	]);
+	const submit = React.useCallback((message, revision = holdRevision.current) => {
+		setSubmissionVersion((version) => version + 1);
+		const wasHeld = heldRef.current;
+		if (wasHeld && revision !== holdRevision.current) {
+			updateItems([...itemsRef.current, {
+				id: crypto.randomUUID(),
+				message
+			}]);
+			onPromptQueued?.();
+			return;
+		}
+		release();
+		if (busyRef.current || dispatching.current || itemsRef.current.length > 0 && !wasHeld) {
+			updateItems([...itemsRef.current, {
+				id: crypto.randomUUID(),
+				message
+			}]);
+			onPromptQueued?.();
+			return;
+		}
+		drainRequested.current = false;
+		return send(message);
+	}, [
+		onPromptQueued,
+		release,
+		send,
+		updateItems
+	]);
+	const stop = React.useCallback(async () => {
+		hold();
+		try {
+			await onStop?.();
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Stop could not be confirmed. Try again.");
+			throw cause;
+		}
+	}, [hold, onStop]);
+	const sendNext = React.useCallback((id) => {
+		if (busyRef.current || dispatching.current || !onSubmit) return;
+		const next = id ? itemsRef.current.find((item) => item.id === id) : itemsRef.current[0];
+		if (!next) return;
+		updateItems([next, ...itemsRef.current.filter((item) => item.id !== next.id)]);
+		release();
+		drainRequested.current = true;
+		setDispatchVersion((version) => version + 1);
+	}, [
+		onSubmit,
+		release,
+		updateItems
+	]);
+	const steer = React.useCallback(async (id) => {
+		const next = itemsRef.current.find((item) => item.id === id);
+		if (!next) return;
+		updateItems([next, ...itemsRef.current.filter((item) => item.id !== id)]);
+		hold();
+		const revision = holdRevision.current;
+		setError(null);
+		try {
+			if (busyRef.current) await onStop?.();
+			if (revision !== holdRevision.current) return;
+			release();
+			drainRequested.current = true;
+			setDispatchVersion((version) => version + 1);
+		} catch (cause) {
+			hold();
+			setError(cause instanceof Error ? cause.message : "Stop could not be confirmed. Try again.");
+			throw cause;
+		}
+	}, [
+		hold,
+		onStop,
+		release,
+		updateItems
+	]);
+	const captureSubmit = React.useCallback(() => {
+		const revision = holdRevision.current;
+		return (message) => submit(message, revision);
+	}, [submit]);
+	const remove = React.useCallback((id) => updateItems(itemsRef.current.filter((item) => item.id !== id)), [updateItems]);
+	const value = React.useMemo(() => ({
+		items,
+		held,
+		error,
+		submissionVersion,
+		canStop: Boolean(onStop),
+		canSubmit: Boolean(onSubmit),
+		hold,
+		submit,
+		captureSubmit,
+		stop,
+		steer,
+		sendNext,
+		remove
+	}), [
+		items,
+		held,
+		error,
+		submissionVersion,
+		onStop,
+		onSubmit,
+		hold,
+		submit,
+		captureSubmit,
+		stop,
+		steer,
+		sendNext,
+		remove
+	]);
+	return /* @__PURE__ */ jsx(AgentChatQueueContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { AgentChatQueueProvider, useOptionalAgentChatQueue };

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

@@ -2,9 +2,9 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { r as firstLine } from "../../format-COCyV98Z.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
-import { NaniteMark } from "../nanites/NaniteScene.js";
-import { getSubagentRunName } from "./SubagentRunIndicator.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
+import { getSubagentRunName } from "./SubagentRunIndicator.js";
+import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isTextUIPart } from "ai";

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

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

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

@@ -1,41 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { useAgentToolEvents } from "agents/react";
 //#region src/components/agents-sdk/AgentToolRunsContext.tsx
-/**
-* The one retained-run subscription for a parent connection: upstream
-* `useAgentToolEvents` scoped to the connection's source identity, so runs
-* from a previous thread cannot leak across a source swap. Call it beside the
-* `useAgent` call that owns the connection — the server replays retained runs
-* once per socket connect, so a later mount misses existing runs — and share
-* the one value with every surface that reads runs (the chat shell and a
-* run-detail route read the same projection, never two subscriptions).
-*
-* The subscription's listener attaches in a passive effect, after paint. A
-* host whose transport is in-process (the browser extension's port bridge)
-* can complete the connect and deliver the replay before that effect runs —
-* reliably so on a hot return from a drill-in. The fix lives in the Agents
-* SDK, not here: `useAgent` buffers `agent-tool-event` frames from socket
-* construction and `useAgentToolEvents` drains them when its listener
-* attaches (`_bufferAgentToolReplayFrame` is the seam for a non-`useAgent`
-* socket). As of agents 0.21.0 that is still the browser host's vendored
-* edit, not a published release; a host on the published package has to
-* buffer and re-dispatch the frames around its own socket before this hook
-* can see them. Network transports are not affected in practice: the round
-* trip loses to the effect flush.
-*/
-function useSourceScopedAgentToolEvents(agent) {
-	const agentTools = useAgentToolEvents({ agent });
-	const sourceIdentity = JSON.stringify(agent.path);
-	const resetAgentTools = React.useEffectEvent(() => agentTools.resetLocalState());
-	const seenIdentity = React.useRef(sourceIdentity);
-	React.useEffect(() => {
-		if (seenIdentity.current === sourceIdentity) return;
-		seenIdentity.current = sourceIdentity;
-		resetAgentTools();
-	}, [sourceIdentity]);
-	return agentTools;
-}
 const AgentToolRunsContext = React.createContext(null);
 /** Provides one parent connection's retained Agent Tool event projection. */
 function AgentToolRunsProvider({ agentTools, children }) {
@@ -48,4 +13,4 @@ function useOptionalAgentToolRuns() {
 	return React.useContext(AgentToolRunsContext);
 }
 //#endregion
-export { AgentToolRunsProvider, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents };
+export { AgentToolRunsProvider, useOptionalAgentToolRuns };

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

@@ -1,9 +1,9 @@
-import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { E as KeyboardIcon, H as RefreshIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { WebPreviewNavigationButton } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { BrowserRunPanel } from "./BrowserRunPanel.js";
-import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
+import { useCallback, useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/BrowserLiveScreen.tsx
 const BROWSER_LIVE_SCREEN_NEGOTIATION_TIMEOUT_MS = 1e4;
@@ -17,6 +17,7 @@ const BROWSER_LIVE_SCREEN_NEGOTIATION_TIMEOUT_MS = 1e4;
 function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, protocol, getIceServers, label = "Employee browser", controlLabel = "Control employee browser", tabs = [], requestedTabId }) {
 	const video = useRef(null);
 	const input = useRef(null);
+	const [inputElement, setInputElement] = useState(null);
 	const [videoElement, setVideoElement] = useState(null);
 	const track = useRef(null);
 	const attachVideo = useCallback((element) => {
@@ -54,11 +55,13 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 	const loadIceServers = useEffectEvent(async () => await getIceServers?.() ?? []);
 	const subscribe = useEffectEvent((listener) => subscribeSignals(listener));
 	const parseStatus = useEffectEvent((value) => protocol.parseStatus(value));
-	const serializeInput = useEffectEvent((value) => protocol.serializeInput(value));
-	const serializeCommand = useEffectEvent((value) => protocol.serializeCommand(value));
+	const currentProtocol = useRef(protocol);
+	useLayoutEffect(() => {
+		currentProtocol.current = protocol;
+	}, [protocol]);
 	const selectRequestedTab = useEffectEvent((data) => {
 		if (requestedTabId === void 0 || data?.readyState !== "open") return;
-		data.send(serializeCommand({
+		data.send(currentProtocol.current.serializeCommand({
 			kind: "selectTab",
 			tabId: requestedTabId
 		}));
@@ -93,11 +96,15 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 	}
 	const attachInput = useCallback((element) => {
 		if (input.current !== element) cancelPointerState();
-		input.current?.removeEventListener("wheel", handleWheel);
 		input.current = element;
-		element?.addEventListener("wheel", handleWheel, { passive: false });
+		setInputElement(element);
 		syncInputBounds();
 	}, []);
+	useEffect(() => {
+		if (!inputElement) return;
+		inputElement.addEventListener("wheel", handleWheel, { passive: false });
+		return () => inputElement.removeEventListener("wheel", handleWheel);
+	}, [inputElement]);
 	const [streamed, setStreamed] = useState(null);
 	useEffect(() => {
 		let disposed = false;
@@ -211,11 +218,12 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 				}
 				if (peer.connectionState === "failed" || peer.connectionState === "disconnected") scheduleReconnect();
 			};
-			const data = peer.createDataChannel(dataChannelLabel);
-			channel.current = data;
-			data.onopen = () => selectRequestedTab(data);
-			selectRequestedTab(data);
-			data.onmessage = (event) => {
+			const dataChannel = peer.createDataChannel(dataChannelLabel);
+			channel.current = dataChannel;
+			dataChannel.onopen = () => selectRequestedTab(dataChannel);
+			selectRequestedTab(dataChannel);
+			dataChannel.onmessage = (event) => {
+				if (disposed || peer !== connection || channel.current !== dataChannel) return;
 				const status = parseStatus(event.data);
 				if (!status) return;
 				if (status.kind === "idle") {
@@ -270,7 +278,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 		const open = channel.current;
 		const status = geometry.current;
 		if (open?.readyState !== "open" || !status || events.length === 0) return;
-		open.send(serializeInput({
+		open.send(currentProtocol.current.serializeInput({
 			tabId: status.tabId,
 			streamGeneration: status.streamGeneration,
 			events
@@ -283,7 +291,7 @@ function BrowserLiveScreen({ sendSignal: sendHostSignal, subscribeSignals, proto
 	function sendCommand(command) {
 		const open = channel.current;
 		if (open?.readyState !== "open") return;
-		open.send(serializeCommand(command));
+		open.send(currentProtocol.current.serializeCommand(command));
 	}
 	/**
 	* How the displayed picture maps to page CSS pixels, computed from the

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, _ as DotIcon, k as MaximizeIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";

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

@@ -35,7 +35,7 @@ declare function BrowserReplay({
   ref,
   ...props
 }: BrowserReplayProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
 export { BrowserReplay, BrowserReplayProps };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { L as PauseIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatClock } from "../../format-COCyV98Z.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -19,6 +19,7 @@ interface BrowserRunPanelCommonProps extends Omit<React.HTMLAttributes<HTMLDivEl
   error?: React.ReactNode;
   /** Panel heading. */
   label?: React.ReactNode;
+  /** Ref forwarded to the panel's rendered root element. */
   ref?: React.Ref<HTMLDivElement>;
 }
 interface BrowserRunPanelHostedProps extends BrowserRunPanelCommonProps {
@@ -62,7 +63,9 @@ interface BrowserRunPanelStreamedProps extends BrowserRunPanelCommonProps {
   url?: string;
   /** Commits an address-bar entry. Absent, the address bar is read-only. */
   onOpenUrl?: (url: string) => void;
+  /** Placeholder shown when the streamed page has no current URL. */
   urlPlaceholder?: string;
+  /** Disables address editing and navigation submission. */
   urlDisabled?: boolean;
   /** Accessible name for the address input. */
   urlLabel?: string;

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
+import { WebPreview, WebPreviewEmpty, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, WebPreviewViewport } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -20,8 +20,8 @@ function pickTarget(targets, targetId) {
 	return (targetId ? targets.find((target) => target.targetId === targetId) : void 0) ?? targets.find(isInspectablePage) ?? targets[0];
 }
 function BrowserRunPanelState({ children, role, tone = "neutral" }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "web-preview__body--empty browser-run-panel__state",
+	return /* @__PURE__ */ jsx(WebPreviewEmpty, {
+		className: "browser-run-panel__state",
 		"data-tone": tone,
 		role: role ?? (tone === "danger" ? "alert" : void 0),
 		children
@@ -29,10 +29,6 @@ function BrowserRunPanelState({ children, role, tone = "neutral" }) {
 }
 /** The one rendering of the panel chrome, whichever mode filled its props in. */
 function BrowserRunPanelFrame({ body, bodyBusy, bodyTabValue, className, error, label = "Browser", navigation, navigationEnd, onOpenUrl, onSelectTab, ref, selectedTabId, tabs, url, urlDisabled, urlLabel = "Browser page URL", urlPlaceholder, urlReadOnly, ...props }) {
-	const bodyProps = {
-		className: "web-preview__body browser-run-panel__body",
-		"aria-busy": bodyBusy || void 0
-	};
 	return /* @__PURE__ */ jsxs(Tabs.Root, {
 		className: cx("browser-run-panel", className),
 		value: selectedTabId ?? null,
@@ -40,6 +36,7 @@ function BrowserRunPanelFrame({ body, bodyBusy, bodyTabValue, className, error,
 			if (typeof value === "string" && value !== selectedTabId) onSelectTab?.(value);
 		},
 		render: /* @__PURE__ */ jsx(WebPreview, {
+			surface: "plain",
 			ref,
 			url,
 			...onOpenUrl ? { onUrlChange: onOpenUrl } : {},
@@ -49,23 +46,26 @@ function BrowserRunPanelFrame({ body, bodyBusy, bodyTabValue, className, error,
 			"data-recipe": "fill-host"
 		}),
 		children: [
-			tabs.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, { children: /* @__PURE__ */ jsx(Tabs.List, {
-				className: "browser-run-panel__tabs",
-				"aria-label": "Open browser pages",
-				activateOnFocus: true,
-				children: tabs.map((tab) => /* @__PURE__ */ jsxs(Tabs.Tab, {
-					value: tab.id,
-					className: "browser-run-panel__tab",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "browser-run-panel__tab-glyph",
-						"aria-hidden": "true",
-						children: tabGlyph(tab)
-					}), /* @__PURE__ */ jsx("span", {
-						className: "browser-run-panel__tab-title sigvelo-truncate",
-						children: tabLabel(tab)
-					})]
-				}, tab.id))
-			}) }) : null,
+			tabs.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, {
+				variant: "tabs",
+				children: /* @__PURE__ */ jsx(Tabs.List, {
+					className: "browser-run-panel__tabs",
+					"aria-label": "Open browser pages",
+					activateOnFocus: true,
+					children: tabs.map((tab) => /* @__PURE__ */ jsxs(Tabs.Tab, {
+						value: tab.id,
+						className: "browser-run-panel__tab",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "browser-run-panel__tab-glyph",
+							"aria-hidden": "true",
+							children: tabGlyph(tab)
+						}), /* @__PURE__ */ jsx("span", {
+							className: "browser-run-panel__tab-title sigvelo-truncate",
+							children: tabLabel(tab)
+						})]
+					}, tab.id))
+				})
+			}) : null,
 			/* @__PURE__ */ jsxs(WebPreviewNavigation, {
 				className: "browser-run-panel__address-bar",
 				children: [
@@ -83,12 +83,13 @@ function BrowserRunPanelFrame({ body, bodyBusy, bodyTabValue, className, error,
 				tone: "danger",
 				children: error
 			}) : null,
-			bodyTabValue !== void 0 ? /* @__PURE__ */ jsx(Tabs.Panel, {
-				...bodyProps,
-				value: bodyTabValue,
-				children: body
-			}) : /* @__PURE__ */ jsx("div", {
-				...bodyProps,
+			/* @__PURE__ */ jsx(WebPreviewViewport, {
+				className: "browser-run-panel__body",
+				"aria-busy": bodyBusy || void 0,
+				render: bodyTabValue !== void 0 ? /* @__PURE__ */ jsx(Tabs.Panel, {
+					value: bodyTabValue,
+					unstyled: true
+				}) : void 0,
 				children: body
 			})
 		]