@copilotkit/react-core 1.80.0 → 1.82.0

package/dist/{copilotkit-DKICi3nC.cjs → copilotkit-CVvbU9lV.cjs}

@@ -1,32 +1,6 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
+const require_MarkdownSurfaces = require('./MarkdownSurfaces-FF5za2kU.cjs');
 let react = require("react");
-react = __toESM(react);
+react = require_MarkdownSurfaces.__toESM(react);
 let _copilotkit_core = require("@copilotkit/core");
 let _ag_ui_client = require("@ag-ui/client");
 let tailwind_merge = require("tailwind-merge");
@@ -38,360 +12,25 @@ let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let class_variance_authority = require("class-variance-authority");
 let clsx = require("clsx");
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
+_radix_ui_react_tooltip = require_MarkdownSurfaces.__toESM(_radix_ui_react_tooltip);
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
+_radix_ui_react_dropdown_menu = require_MarkdownSurfaces.__toESM(_radix_ui_react_dropdown_menu);
 let streamdown = require("streamdown");
 let _ag_ui_core = require("@ag-ui/core");
 let zod = require("zod");
 let _copilotkit_mcp_apps_renderer_activity = require("@copilotkit/mcp-apps-renderer/activity");
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
 let zod_to_json_schema = require("zod-to-json-schema");
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
-_radix_ui_react_popover = __toESM(_radix_ui_react_popover);
+_radix_ui_react_popover = require_MarkdownSurfaces.__toESM(_radix_ui_react_popover);
 let react_dom = require("react-dom");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
 let use_stick_to_bottom = require("use-stick-to-bottom");
 let _copilotkit_web_components_threads_drawer = require("@copilotkit/web-components/threads-drawer");
 let react_markdown = require("react-markdown");
-react_markdown = __toESM(react_markdown);
-
-//#region src/v2/lib/shallow-stable-ref.ts
-/**
-* Shallow equality comparison for objects.
-*/
-function shallowEqual(obj1, obj2) {
-	const keys1 = Object.keys(obj1);
-	const keys2 = Object.keys(obj2);
-	if (keys1.length !== keys2.length) return false;
-	for (const key of keys1) if (obj1[key] !== obj2[key]) return false;
-	return true;
-}
-/**
-* Returns true only for plain JS objects (`{}`), excluding arrays, Dates,
-* class instances, and other exotic objects that happen to have typeof "object".
-*/
-function isPlainObject$1(obj) {
-	return obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
-}
-/**
-* Returns the same reference as long as the value is shallowly equal to the
-* previous render's value.
-*
-* - Identical references bail out immediately (O(1)).
-* - Plain objects ({}) are shallow-compared key-by-key.
-* - Arrays, Dates, class instances, functions, and primitives are compared by
-*   reference only — shallowEqual is never called on non-plain objects, which
-*   avoids incorrect equality for e.g. [1,2] vs [1,2] (different arrays).
-*
-* Typical use: stabilize inline slot props so MemoizedSlotWrapper's shallow
-* equality check isn't defeated by a new object reference on every render.
-*/
-function useShallowStableRef(value) {
-	const ref = (0, react.useRef)(value);
-	if (ref.current === value) return ref.current;
-	if (isPlainObject$1(ref.current) && isPlainObject$1(value)) {
-		if (shallowEqual(ref.current, value)) return ref.current;
-	}
-	ref.current = value;
-	return ref.current;
-}
-
-//#endregion
-//#region src/v2/providers/CopilotChatConfigurationProvider.tsx
-const CopilotChatDefaultLabels = {
-	chatInputPlaceholder: "Type a message...",
-	chatInputToolbarStartTranscribeButtonLabel: "Transcribe",
-	chatInputToolbarCancelTranscribeButtonLabel: "Cancel",
-	chatInputToolbarFinishTranscribeButtonLabel: "Finish",
-	chatInputToolbarAddButtonLabel: "Add attachments",
-	chatInputToolbarToolsButtonLabel: "Tools",
-	chatInputToolbarSendButtonLabel: "Send message",
-	chatInputToolbarStopButtonLabel: "Stop",
-	assistantMessageToolbarCopyCodeLabel: "Copy",
-	assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
-	assistantMessageToolbarCopyMessageLabel: "Copy",
-	assistantMessageToolbarInspectorLabel: "View in Inspector",
-	assistantMessageToolbarInspectorDescription: "Open this message in the Inspector",
-	assistantMessageToolbarInspectorLocalOnlyLabel: "Local only",
-	assistantMessageToolbarInspectorLocalOnlyDescription: "Only visible on localhost or loopback hosts in development. Never shown in production.",
-	assistantMessageToolbarInspectorTitle: "CopilotKit Inspector",
-	assistantMessageToolbarInspectorHideLabel: "Hide this icon",
-	assistantMessageToolbarInspectorHideDescription: "Until you reload this page",
-	assistantMessageToolbarThumbsUpLabel: "Good response",
-	assistantMessageToolbarThumbsDownLabel: "Bad response",
-	assistantMessageFeedbackCommentPlaceholder: "Add a comment (optional)",
-	assistantMessageFeedbackCommentSubmitLabel: "Send comment",
-	assistantMessageToolbarReadAloudLabel: "Read aloud",
-	assistantMessageToolbarRegenerateLabel: "Regenerate",
-	userMessageToolbarCopyMessageLabel: "Copy",
-	userMessageToolbarEditMessageLabel: "Edit",
-	userMessageToolbarPreviousBranchLabel: "Previous branch",
-	userMessageToolbarNextBranchLabel: "Next branch",
-	chatDisclaimerText: "AI can make mistakes. Please verify important information.",
-	chatToggleOpenLabel: "Open chat",
-	chatToggleCloseLabel: "Close chat",
-	chatScrollToBottomLabel: "Scroll to bottom",
-	modalHeaderTitle: "CopilotKit Chat",
-	welcomeMessageText: "How can I help you today?"
-};
-/**
-* Mobile breakpoint below which the chat modal and the thread-list drawer are
-* mutually exclusive. At or above this width both surfaces may coexist. This
-* mirrors the `(max-width: 767px)` / `(min-width: 768px)` split already used by
-* CopilotChatInput and CopilotSidebarView.
-*/
-const MOBILE_MAX_WIDTH_PX = 767;
-/**
-* Reports whether the current viewport is in the mobile range (`<768px`), where
-* the chat modal and drawer must not be open simultaneously. SSR-safe and
-* defensive against environments without `matchMedia` (treated as desktop, so
-* no mutual-exclusion constraint is applied).
-*
-* @returns `true` when the viewport is mobile-width, `false` otherwise.
-*/
-function isMobileViewport() {
-	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
-	return window.matchMedia(`(max-width: ${MOBILE_MAX_WIDTH_PX}px)`).matches;
-}
-const CopilotChatConfiguration = (0, react.createContext)(null);
-const CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, hasExplicitThreadId, isModalDefaultOpen }) => {
-	const parentConfig = (0, react.useContext)(CopilotChatConfiguration);
-	const stableLabels = useShallowStableRef(labels);
-	const mergedLabels = (0, react.useMemo)(() => ({
-		...CopilotChatDefaultLabels,
-		...parentConfig?.labels,
-		...stableLabels
-	}), [stableLabels, parentConfig?.labels]);
-	const providerAgentId = (0, _copilotkit_react_core_v2_context.useDefaultAgentId)();
-	const resolvedAgentId = agentId ?? parentConfig?.agentId ?? providerAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
-	const threadIdPropIsAuthoritative = threadId !== void 0 && hasExplicitThreadId !== false;
-	const isThreadIdControlled = threadIdPropIsAuthoritative;
-	const [activeThreadOverride, setActiveThreadOverride] = (0, react.useState)(null);
-	const resolvedThreadId = (0, react.useMemo)(() => {
-		if (threadIdPropIsAuthoritative) return threadId;
-		if (activeThreadOverride) return activeThreadOverride.threadId;
-		if (parentConfig?.threadId) return parentConfig.threadId;
-		if (threadId) return threadId;
-		return (0, _copilotkit_shared.randomUUID)();
-	}, [
-		threadIdPropIsAuthoritative,
-		threadId,
-		parentConfig?.threadId,
-		activeThreadOverride
-	]);
-	const copilotkit = (0, react.useContext)(_copilotkit_react_core_v2_context.CopilotKitContext)?.copilotkit;
-	const openThreadRef = (0, react.useRef)(null);
-	const latestThreadIdRef = (0, react.useRef)(resolvedThreadId);
-	latestThreadIdRef.current = resolvedThreadId;
-	(0, react.useEffect)(() => {
-		if (copilotkit === void 0) return;
-		const registration = copilotkit.registerOpenThread({
-			agentId: resolvedAgentId,
-			threadId: latestThreadIdRef.current
-		});
-		openThreadRef.current = registration;
-		return () => {
-			registration.unregister();
-			openThreadRef.current = null;
-		};
-	}, [copilotkit, resolvedAgentId]);
-	(0, react.useEffect)(() => {
-		openThreadRef.current?.update(resolvedThreadId);
-	}, [resolvedThreadId]);
-	const resolvedHasExplicitThreadId = (threadIdPropIsAuthoritative ? true : activeThreadOverride?.explicit ?? hasExplicitThreadId ?? false) || !!parentConfig?.hasExplicitThreadId;
-	const [internalModalOpen, setInternalModalOpen] = (0, react.useState)(isModalDefaultOpen ?? true);
-	const hasExplicitDefault = isModalDefaultOpen !== void 0;
-	const setAndSync = (0, react.useCallback)((open) => {
-		setInternalModalOpen(open);
-		parentConfig?.setModalOpen(open);
-	}, [parentConfig?.setModalOpen]);
-	const isMounted = (0, react.useRef)(false);
-	(0, react.useEffect)(() => {
-		if (!hasExplicitDefault) return;
-		if (!isMounted.current) {
-			isMounted.current = true;
-			return;
-		}
-		if (parentConfig?.isModalOpen === void 0) return;
-		setInternalModalOpen(parentConfig.isModalOpen);
-	}, [parentConfig?.isModalOpen, hasExplicitDefault]);
-	const resolvedIsModalOpen = hasExplicitDefault ? internalModalOpen : parentConfig?.isModalOpen ?? internalModalOpen;
-	const resolvedSetModalOpen = hasExplicitDefault ? setAndSync : parentConfig?.setModalOpen ?? setInternalModalOpen;
-	const [ownDrawerOpen, setOwnDrawerOpen] = (0, react.useState)(false);
-	const [ownDrawerCount, setOwnDrawerCount] = (0, react.useState)(0);
-	const modalCloseRef = (0, react.useRef)(() => {});
-	modalCloseRef.current = resolvedSetModalOpen;
-	const registeredModalClosersRef = (0, react.useRef)([]);
-	const ownRegisterModalCloser = (0, react.useCallback)((closeModal) => {
-		registeredModalClosersRef.current.push(closeModal);
-		return () => {
-			registeredModalClosersRef.current = registeredModalClosersRef.current.filter((entry) => entry !== closeModal);
-		};
-	}, []);
-	const ownSetDrawerOpen = (0, react.useCallback)((open) => {
-		setOwnDrawerOpen(open);
-		if (open && isMobileViewport()) {
-			const registered = registeredModalClosersRef.current;
-			(registered.length > 0 ? registered[registered.length - 1] : modalCloseRef.current)(false);
-		}
-	}, []);
-	const ownRegisterDrawer = (0, react.useCallback)(() => {
-		setOwnDrawerCount((count) => count + 1);
-		return () => {
-			setOwnDrawerCount((count) => Math.max(0, count - 1));
-		};
-	}, []);
-	const resolvedDrawerOpen = parentConfig ? parentConfig.drawerOpen : ownDrawerOpen;
-	const resolvedSetDrawerOpen = parentConfig ? parentConfig.setDrawerOpen : ownSetDrawerOpen;
-	const resolvedDrawerRegistered = parentConfig ? parentConfig.drawerRegistered : ownDrawerCount > 0;
-	const resolvedRegisterDrawer = parentConfig ? parentConfig.registerDrawer : ownRegisterDrawer;
-	const resolvedRegisterModalCloser = parentConfig ? parentConfig.ɵregisterModalCloser : ownRegisterModalCloser;
-	(0, react.useEffect)(() => {
-		if (!hasExplicitDefault) return;
-		return resolvedRegisterModalCloser(resolvedSetModalOpen);
-	}, [
-		hasExplicitDefault,
-		resolvedRegisterModalCloser,
-		resolvedSetModalOpen
-	]);
-	const isThreadIdControlledRef = (0, react.useRef)(isThreadIdControlled);
-	isThreadIdControlledRef.current = isThreadIdControlled;
-	const ownSetActiveThreadId = (0, react.useCallback)((id, options) => {
-		setActiveThreadOverride({
-			threadId: id,
-			explicit: options?.explicit ?? true
-		});
-	}, []);
-	const ownStartNewThread = (0, react.useCallback)(() => {
-		setActiveThreadOverride({
-			threadId: (0, _copilotkit_shared.randomUUID)(),
-			explicit: false
-		});
-	}, []);
-	const parentSetActiveThreadId = parentConfig?.setActiveThreadId;
-	const parentStartNewThread = parentConfig?.startNewThread;
-	const resolvedSetActiveThreadId = (0, react.useCallback)((id, options) => {
-		if (isThreadIdControlledRef.current) {
-			console.warn("[CopilotKit] Ignoring setActiveThreadId(): threadId is controlled via the `threadId` prop on CopilotChatConfigurationProvider.");
-			return;
-		}
-		if (parentSetActiveThreadId) {
-			parentSetActiveThreadId(id, options);
-			return;
-		}
-		ownSetActiveThreadId(id, options);
-	}, [parentSetActiveThreadId, ownSetActiveThreadId]);
-	const resolvedStartNewThread = (0, react.useCallback)(() => {
-		if (isThreadIdControlledRef.current) {
-			console.warn("[CopilotKit] Ignoring startNewThread(): threadId is controlled via the `threadId` prop on CopilotChatConfigurationProvider.");
-			return;
-		}
-		if (parentStartNewThread) {
-			parentStartNewThread();
-			return;
-		}
-		ownStartNewThread();
-	}, [parentStartNewThread, ownStartNewThread]);
-	const setModalOpenWithDrawerExclusion = (0, react.useCallback)((open) => {
-		if (open && isMobileViewport()) resolvedSetDrawerOpen(false);
-		resolvedSetModalOpen(open);
-	}, [resolvedSetModalOpen, resolvedSetDrawerOpen]);
-	const configurationValue = (0, react.useMemo)(() => ({
-		labels: mergedLabels,
-		agentId: resolvedAgentId,
-		threadId: resolvedThreadId,
-		hasExplicitThreadId: resolvedHasExplicitThreadId,
-		isModalOpen: resolvedIsModalOpen,
-		setModalOpen: setModalOpenWithDrawerExclusion,
-		drawerOpen: resolvedDrawerOpen,
-		setDrawerOpen: resolvedSetDrawerOpen,
-		drawerRegistered: resolvedDrawerRegistered,
-		registerDrawer: resolvedRegisterDrawer,
-		ɵregisterModalCloser: resolvedRegisterModalCloser,
-		setActiveThreadId: resolvedSetActiveThreadId,
-		startNewThread: resolvedStartNewThread
-	}), [
-		mergedLabels,
-		resolvedAgentId,
-		resolvedThreadId,
-		resolvedHasExplicitThreadId,
-		resolvedIsModalOpen,
-		setModalOpenWithDrawerExclusion,
-		resolvedDrawerOpen,
-		resolvedSetDrawerOpen,
-		resolvedDrawerRegistered,
-		resolvedRegisterDrawer,
-		resolvedRegisterModalCloser,
-		resolvedSetActiveThreadId,
-		resolvedStartNewThread
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfiguration.Provider, {
-		value: configurationValue,
-		children
-	});
-};
-const useCopilotChatConfiguration = () => {
-	return (0, react.useContext)(CopilotChatConfiguration);
-};
-/**
-* Reports modal open/close requests to the host, and — when `open` is
-* supplied — makes the modal state of an already-established chat
-* configuration **controlled** for the subtree it wraps.
-*
-* This is deliberately a scope component rather than another mode inside
-* {@link CopilotChatConfigurationProvider}. The provider resolves modal state
-* across a nested chain (own state, parent sync, drawer mutual-exclusion, the
-* modal-closer registry); a controlled branch inside that resolution would add
-* a fourth interacting mode. Overriding the context for the subtree instead
-* leaves every one of those paths untouched:
-*
-* - `isModalOpen` is replaced with the host's `open`, so the rendered surface
-*   follows the prop from the very first frame (no open-then-close flash).
-* - `setModalOpen` still calls the underlying setter, so the existing
-*   parent-sync and drawer mutual-exclusion side effects continue to run, and
-*   *then* reports the request through `onOpenChange`.
-* - The wrapped setter is registered as the modal closer, so the drawer's
-*   mobile mutual-exclusion reaches the host instead of silently flipping
-*   state that nothing displays.
-*
-* A host that supplies `open` and ignores `onOpenChange` gets a modal pinned
-* to `open`, which is the standard controlled-component contract. A host that
-* supplies only `onOpenChange` is notified while the modal keeps managing
-* itself.
-*
-* Renders `children` unchanged when no chat configuration is in scope.
-*/
-const ControlledModalOpenScope = ({ children, open, onOpenChange }) => {
-	const parentConfig = (0, react.useContext)(CopilotChatConfiguration);
-	const parentSetModalOpen = parentConfig?.setModalOpen;
-	const registerModalCloser = parentConfig?.ɵregisterModalCloser;
-	const setModalOpen = (0, react.useCallback)((next) => {
-		parentSetModalOpen?.(next);
-		onOpenChange?.(next);
-	}, [parentSetModalOpen, onOpenChange]);
-	(0, react.useEffect)(() => {
-		if (!registerModalCloser) return;
-		return registerModalCloser(setModalOpen);
-	}, [registerModalCloser, setModalOpen]);
-	const configurationValue = (0, react.useMemo)(() => parentConfig ? {
-		...parentConfig,
-		isModalOpen: open ?? parentConfig.isModalOpen,
-		setModalOpen
-	} : null, [
-		parentConfig,
-		open,
-		setModalOpen
-	]);
-	if (!configurationValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfiguration.Provider, {
-		value: configurationValue,
-		children
-	});
-};
-ControlledModalOpenScope.displayName = "ControlledModalOpenScope";
+react_markdown = require_MarkdownSurfaces.__toESM(react_markdown);
 
-//#endregion
 //#region src/v2/lib/utils.ts
 const twMerge$12 = (0, tailwind_merge.extendTailwindMerge)({ prefix: "cpk" });
 function cn(...inputs) {
@@ -821,7 +460,7 @@ const MemoizedSlotWrapper = react.default.memo(react.default.forwardRef(function
 	if (prev.$component !== next.$component) return false;
 	const { $slot: _ps, $component: _pc, ...prevRest } = prev;
 	const { $slot: _ns, $component: _nc, ...nextRest } = next;
-	return shallowEqual(prevRest, nextRest);
+	return require_MarkdownSurfaces.shallowEqual(prevRest, nextRest);
 });
 /**
 * Renders a slot value as a memoized React element.
@@ -867,8 +506,8 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 	const actionsContainerRef = (0, react.useRef)(null);
 	const audioRecorderRef = (0, react.useRef)(null);
 	const slashMenuRef = (0, react.useRef)(null);
-	const config = useCopilotChatConfiguration();
-	const labels = config?.labels ?? CopilotChatDefaultLabels;
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
+	const labels = config?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const previousModalStateRef = (0, react.useRef)(void 0);
 	const measurementCanvasRef = (0, react.useRef)(null);
 	const measurementsRef = (0, react.useRef)({
@@ -1094,37 +733,6 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 	});
 	const BoundDisclaimer = renderSlot(disclaimer, CopilotChatInput.Disclaimer, {});
 	const shouldShowDisclaimer = showDisclaimer ?? positioning === "absolute";
-	if (children) {
-		const childProps = {
-			textArea: BoundTextArea,
-			audioRecorder: BoundAudioRecorder,
-			sendButton: BoundSendButton,
-			startTranscribeButton: BoundStartTranscribeButton,
-			cancelTranscribeButton: BoundCancelTranscribeButton,
-			finishTranscribeButton: BoundFinishTranscribeButton,
-			addMenuButton: BoundAddMenuButton,
-			disclaimer: BoundDisclaimer,
-			onSubmitMessage,
-			onStop,
-			isRunning,
-			onStartTranscribe,
-			onCancelTranscribe,
-			onFinishTranscribe,
-			onAddFile,
-			mode,
-			toolsMenu,
-			autoFocus,
-			positioning,
-			keyboardHeight,
-			showDisclaimer: shouldShowDisclaimer,
-			containerRef
-		};
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"data-copilotkit": true,
-			style: { display: "contents" },
-			children: children(childProps)
-		});
-	}
 	const handleContainerClick = (e) => {
 		const target = e.target;
 		if (target.tagName !== "BUTTON" && !target.closest("button") && inputRef.current && mode === "input") inputRef.current.focus();
@@ -1208,7 +816,11 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		const grid = gridRef.current;
 		const addContainer = addButtonContainerRef.current;
 		const actionsContainer = actionsContainerRef.current;
-		if (!textarea || !grid || !addContainer || !actionsContainer) return;
+		if (!textarea) return;
+		if (!grid || !addContainer || !actionsContainer) {
+			adjustTextareaHeight();
+			return;
+		}
 		if (measurementsRef.current.singleLineHeight === 0) ensureMeasurements();
 		const scrollHeight = adjustTextareaHeight();
 		const baseline = measurementsRef.current.singleLineHeight;
@@ -1312,13 +924,13 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 	const slashMenu = slashMenuVisible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": "copilot-slash-menu",
 		role: "listbox",
-		"aria-label": "Slash commands",
+		"aria-label": labels.chatInputSlashMenuLabel,
 		ref: slashMenuRef,
 		className: "cpk:absolute cpk:bottom-full cpk:left-0 cpk:right-0 cpk:z-30 cpk:mb-2 cpk:max-h-64 cpk:overflow-y-auto cpk:rounded-lg cpk:border cpk:border-border cpk:bg-white cpk:shadow-lg cpk:dark:border-[#3a3a3a] cpk:dark:bg-[#1f1f1f]",
 		style: { maxHeight: `${SLASH_MENU_MAX_VISIBLE_ITEMS * SLASH_MENU_ITEM_HEIGHT_PX}px` },
 		children: filteredCommands.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "cpk:px-3 cpk:py-2 cpk:text-sm cpk:text-muted-foreground",
-			children: "No commands found"
+			children: labels.chatInputSlashMenuEmptyText
 		}) : filteredCommands.map((item, index) => {
 			const isActive = index === slashHighlightIndex;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1367,6 +979,37 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 			]
 		})
 	});
+	if (children) {
+		const childProps = {
+			textArea: BoundTextArea,
+			audioRecorder: BoundAudioRecorder,
+			sendButton: BoundSendButton,
+			startTranscribeButton: BoundStartTranscribeButton,
+			cancelTranscribeButton: BoundCancelTranscribeButton,
+			finishTranscribeButton: BoundFinishTranscribeButton,
+			addMenuButton: BoundAddMenuButton,
+			disclaimer: BoundDisclaimer,
+			onSubmitMessage,
+			onStop,
+			isRunning,
+			onStartTranscribe,
+			onCancelTranscribe,
+			onFinishTranscribe,
+			onAddFile,
+			mode,
+			toolsMenu,
+			autoFocus,
+			positioning,
+			keyboardHeight,
+			showDisclaimer: shouldShowDisclaimer,
+			containerRef
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-copilotkit": true,
+			style: { display: "contents" },
+			children: children(childProps)
+		});
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-copilotkit": true,
 		ref: containerRef,
@@ -1385,7 +1028,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 }
 (function(_CopilotChatInput) {
 	_CopilotChatInput.SendButton = ({ className, children, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "cpk:mr-[10px]",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1401,7 +1044,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		});
 	};
 	const ToolbarButton = _CopilotChatInput.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1440,7 +1083,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		...props
 	});
 	_CopilotChatInput.AddMenuButton = ({ className, toolsMenu, onAddFile, disabled, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		const [mounted, setMounted] = (0, react.useState)(false);
 		(0, react.useEffect)(() => setMounted(true), []);
 		const menuItems = (0, react.useMemo)(() => {
@@ -1508,7 +1151,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 	};
 	_CopilotChatInput.TextArea = (0, react.forwardRef)(function TextArea({ style, className, autoFocus, placeholder, ...props }, ref) {
 		const internalTextareaRef = (0, react.useRef)(null);
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		(0, react.useImperativeHandle)(ref, () => internalTextareaRef.current);
 		(0, react.useEffect)(() => {
 			if (autoFocus) internalTextareaRef.current?.focus({ preventScroll: true });
@@ -1529,7 +1172,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 	});
 	_CopilotChatInput.AudioRecorder = CopilotChatAudioRecorder;
 	_CopilotChatInput.Disclaimer = ({ className, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: cn("cpk:text-center cpk:text-xs cpk:text-muted-foreground cpk:py-3 cpk:px-4 cpk:max-w-3xl cpk:mx-auto", className),
 			...props,
@@ -1547,25 +1190,6 @@ CopilotChatInput.AddMenuButton.displayName = "CopilotChatInput.AddMenuButton";
 CopilotChatInput.Disclaimer.displayName = "CopilotChatInput.Disclaimer";
 var CopilotChatInput_default = CopilotChatInput;
 
-//#endregion
-//#region src/v2/hooks/useKatexStyles.ts
-let injected = false;
-/**
-* Dynamically injects KaTeX CSS at runtime to avoid the Next.js
-* "Global CSS cannot be imported from within node_modules" build error.
-*
-* Uses a singleton flag so the stylesheet is only injected once.
-*/
-function useKatexStyles() {
-	(0, react.useEffect)(() => {
-		if (injected || typeof document === "undefined") return;
-		injected = true;
-		import("katex/dist/katex.min.css").catch(() => {
-			console.warn("[CopilotKit] Failed to load katex styles — math content may render without formatting");
-		});
-	}, []);
-}
-
 //#endregion
 //#region src/v2/hooks/use-render-tool-call.tsx
 /**
@@ -1663,7 +1287,7 @@ function useToolCallRendererNames() {
 */
 function useRenderToolCall() {
 	const { copilotkit, executingToolCallIds } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
+	const agentId = require_MarkdownSurfaces.useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 	const unrenderedToolNames = (0, react.useRef)(/* @__PURE__ */ new Set());
 	const warnedToolNames = (0, react.useRef)(/* @__PURE__ */ new Set());
 	const renderToolCalls = useToolCallRenderers();
@@ -1701,7 +1325,7 @@ function useRenderToolCall() {
 
 //#endregion
 //#region package.json
-var version = "1.80.0";
+var version = "1.82.0";
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
@@ -3006,7 +2630,7 @@ function createA2UIMessageRenderer(options) {
 			const groupedOperations = (0, react.useMemo)(() => {
 				const groups = /* @__PURE__ */ new Map();
 				for (const operation of operations) {
-					const surfaceId = getOperationSurfaceId(operation) ?? _copilotkit_a2ui_renderer.DEFAULT_SURFACE_ID;
+					const surfaceId = getOperationSurfaceId$1(operation) ?? _copilotkit_a2ui_renderer.DEFAULT_SURFACE_ID;
 					if (!groups.has(surfaceId)) groups.set(surfaceId, []);
 					groups.get(surfaceId).push(operation);
 				}
@@ -3228,7 +2852,7 @@ function surfaceHasRenderableContent(operations) {
 * @param operation - One A2UI operation, of any shape.
 * @returns The surface id, or null when the operation names none.
 */
-function getOperationSurfaceId(operation) {
+function getOperationSurfaceId$1(operation) {
 	if (!operation || typeof operation !== "object") return null;
 	const nested = operation?.createSurface?.surfaceId ?? operation?.updateComponents?.surfaceId ?? operation?.updateDataModel?.surfaceId ?? operation?.deleteSurface?.surfaceId;
 	if (typeof nested === "string") return nested;
@@ -3236,19 +2860,6 @@ function getOperationSurfaceId(operation) {
 	return null;
 }
 
-//#endregion
-//#region src/v2/types/defineToolCallRenderer.ts
-function defineToolCallRenderer(def) {
-	const argsSchema = def.name === "*" && !def.args ? zod.z.any() : def.args;
-	return {
-		name: def.name,
-		args: argsSchema,
-		render: def.render,
-		...def.agentId ? { agentId: def.agentId } : {},
-		...def.group ? { group: true } : {}
-	};
-}
-
 //#endregion
 //#region src/v2/a2ui/A2UIToolCallRenderer.tsx
 /**
@@ -3272,73 +2883,1886 @@ const RENDER_A2UI_TOOL_NAME = "render_a2ui";
 function A2UIBuiltInToolCallRenderer() {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	(0, react.useEffect)(() => {
-		const renderer = defineToolCallRenderer({
+		const renderer = require_MarkdownSurfaces.defineToolCallRenderer({
 			name: RENDER_A2UI_TOOL_NAME,
 			args: zod.z.any(),
 			render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 		});
-		const existing = copilotkit._renderToolCalls ?? [];
-		copilotkit.setRenderToolCalls([...existing.filter((rc) => rc.name !== RENDER_A2UI_TOOL_NAME), renderer]);
-	}, [copilotkit]);
-	return null;
+		const existing = copilotkit._renderToolCalls ?? [];
+		copilotkit.setRenderToolCalls([...existing.filter((rc) => rc.name !== RENDER_A2UI_TOOL_NAME), renderer]);
+	}, [copilotkit]);
+	return null;
+}
+
+//#endregion
+//#region src/v2/a2ui/A2UICatalogContext.tsx
+/**
+* Renders agent context describing the available A2UI catalog and custom components.
+* Only mount this component when A2UI is enabled.
+*
+* The entries are scoped to the agents the runtime applies A2UI to
+* (`copilotkit.a2uiAgents`, #5369), so agents outside that list don't receive
+* the catalog/schema/guidelines payload on their runs.
+*
+* When `includeSchema` is true, the full component schemas (JSON Schema) are also
+* sent as context using the same description key as the A2UI middleware, so the
+* middleware can optionally overwrite it with a server-side schema.
+*/
+function A2UICatalogContext({ catalog, includeSchema }) {
+	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
+	const capabilitiesValue = (0, react.useMemo)(() => (0, _copilotkit_a2ui_renderer.buildCatalogContextValue)(catalog, { includeSchema: includeSchema !== false }), [catalog, includeSchema]);
+	const schemaValue = (0, react.useMemo)(() => includeSchema !== false ? JSON.stringify((0, _copilotkit_a2ui_renderer.extractCatalogComponentSchemas)(catalog)) : null, [catalog, includeSchema]);
+	const a2uiAgentsKey = copilotkit?.a2uiAgents?.join(",");
+	(0, react.useLayoutEffect)(() => {
+		if (!copilotkit) return;
+		const agentIds = copilotkit.a2uiAgents;
+		const scope = agentIds ? { agentIds } : {};
+		const ids = [];
+		ids.push(copilotkit.addContext({
+			description: "A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.",
+			value: capabilitiesValue,
+			...scope
+		}));
+		if (schemaValue) {
+			ids.push(copilotkit.addContext({
+				description: _copilotkit_a2ui_renderer.A2UI_SCHEMA_CONTEXT_DESCRIPTION,
+				value: schemaValue,
+				...scope
+			}));
+			ids.push(copilotkit.addContext({
+				description: "A2UI generation guidelines — protocol rules, tool arguments, path rules, data model format, and form/two-way-binding instructions.",
+				value: _copilotkit_shared.A2UI_DEFAULT_GENERATION_GUIDELINES,
+				...scope
+			}));
+			ids.push(copilotkit.addContext({
+				description: "A2UI design guidelines — visual design rules, component hierarchy tips, and action handler patterns.",
+				value: _copilotkit_shared.A2UI_DEFAULT_DESIGN_GUIDELINES,
+				...scope
+			}));
+		}
+		return () => {
+			for (const id of ids) copilotkit.removeContext(id);
+		};
+	}, [
+		copilotkit,
+		capabilitiesValue,
+		schemaValue,
+		a2uiAgentsKey
+	]);
+	return null;
+}
+
+//#endregion
+//#region src/v2/generative-ui/action-message.ts
+/** Context keys that supply the message's first line, in priority order. */
+const TEXT_KEYS = ["message", "label"];
+function isNonEmptyString(value) {
+	return typeof value === "string" && value.trim().length > 0;
+}
+/** `choose_plan`, `choose-plan` and `choosePlan` all become "Choose plan". */
+function humanize(name) {
+	const spaced = name.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").trim();
+	return spaced.charAt(0).toUpperCase() + spaced.slice(1).toLowerCase();
+}
+function formatContextValue(value) {
+	return typeof value === "object" ? JSON.stringify(value) : String(value);
+}
+/**
+* Turns a user event that no function handles into the text of a visible
+* user message.
+*
+* The first line is, in order: `userMessage`, `context.message`,
+* `context.label`, the label of the source component (from `resolveLabel`),
+* or the event name made readable (`choose_plan` becomes "Choose plan").
+* Each other context field follows as one `key: value` line. Objects are
+* written as JSON. `null` and `undefined` fields are skipped.
+*
+* @param event - The user event, as sent by a surface.
+* @param resolveLabel - Finds the visible label of a component by id. Build
+*   one with {@link createComponentLabelResolver}.
+*
+* @example
+* ```ts
+* buildActionMessageText({
+*   name: "choose_plan",
+*   surfaceId: "plans",
+*   componentId: "team-button",
+*   userMessage: "I pick the Team plan",
+*   context: { seats: 12 },
+* });
+* // "I pick the Team plan\n\nseats: 12"
+* ```
+*/
+function buildActionMessageText(event, resolveLabel) {
+	const { context, userMessage } = event;
+	const explicit = [userMessage, ...TEXT_KEYS.map((key) => context[key])].find(isNonEmptyString);
+	const resolved = explicit ? void 0 : resolveLabel?.(event.componentId);
+	const head = explicit ?? (isNonEmptyString(resolved) ? resolved.trim() : humanize(event.name));
+	const lines = Object.entries(context).filter(([key, value]) => !TEXT_KEYS.includes(key) && value !== void 0 && value !== null).map(([key, value]) => `${key}: ${formatContextValue(value)}`);
+	return lines.length > 0 ? `${head}\n\n${lines.join("\n")}` : head;
+}
+function ownText(component) {
+	if (!component) return void 0;
+	if (isNonEmptyString(component.label)) return component.label;
+	if (isNonEmptyString(component.text)) return component.text;
+}
+function childIds(component) {
+	const { child, children } = component;
+	const single = typeof child === "string" ? [child] : [];
+	const multiple = Array.isArray(children) ? children.filter((id) => typeof id === "string") : [];
+	return [...single, ...multiple];
+}
+/** The components that an operation adds, inline or in an update. */
+function componentsOf(operation) {
+	if ("createSurface" in operation) return operation.createSurface.components ?? [];
+	if ("updateComponents" in operation) return operation.updateComponents.components;
+	return [];
+}
+/**
+* Builds a function that finds the visible label of a component on a surface.
+*
+* The label is the component's own string `label`, else its string `text`,
+* else the first `child` or `children` component that has a string `label`
+* or `text`. When a component id is defined more than once, the last
+* definition wins, as in the renderer.
+*
+* @param operations - The committed operations of the surface.
+*
+* @example
+* ```ts
+* const resolveLabel = createComponentLabelResolver(surface.operations);
+* buildActionMessageText(event, resolveLabel);
+* ```
+*/
+function createComponentLabelResolver(operations) {
+	const byId = /* @__PURE__ */ new Map();
+	for (const operation of operations) {
+		const components = componentsOf(operation);
+		for (const component of components) byId.set(component.id, component);
+	}
+	return (componentId) => {
+		const component = byId.get(componentId);
+		if (!component) return void 0;
+		const own = ownText(component);
+		if (own) return own;
+		const ids = childIds(component);
+		for (const id of ids) {
+			const text = ownText(byId.get(id));
+			if (text) return text;
+		}
+	};
+}
+
+//#endregion
+//#region src/v2/generative-ui/manifest.ts
+/**
+* The built-in functions (the A2UI basic catalog plus calc and series) as
+* manifest entries. Their args are described by the short signature, not
+* by a full JSON Schema: the renderer checks them when they run. An app
+* function of the same name replaces the entry.
+*/
+function builtInFunctionManifests() {
+	return Object.fromEntries(Object.entries(_copilotkit_shared.GENERATIVE_UI_FUNCTIONS).map(([name, fn]) => [name, {
+		description: fn.description,
+		parameters: {
+			type: "object",
+			description: fn.parameters
+		},
+		returnType: fn.returnType,
+		allowedCallers: fn.allowedCallers,
+		...fn.requiresUserActivation ? { requiresUserActivation: true } : {}
+	}]));
+}
+/**
+* Builds the per-run manifest. Never contains handlers or renderers.
+*
+* - `functions`: the built-in functions, then the declared functions with
+*   exactly one mounted handler.
+* - `targets`: the chat first, then each mounted `<GenerativeUISurface>`,
+*   with its `description` and its `components` when it has them.
+*/
+function buildGenerativeUIManifest(runtime, threadId) {
+	const { ui, manager, dispatcher } = runtime;
+	const inlineTargets = manager.getMountedTargets().filter((target) => target.id !== _copilotkit_shared.GENERATIVE_UI_CHAT_TARGET).map(({ id, ...rest }) => ({
+		id,
+		kind: "inline",
+		...rest
+	}));
+	return {
+		catalogId: ui.id,
+		catalogIds: require_MarkdownSurfaces.catalogIdsOf(ui),
+		components: ui.manifestComponents,
+		functions: {
+			...Object.fromEntries(Object.entries(builtInFunctionManifests()).filter(([name]) => !ui.functions.has(name))),
+			...dispatcher.listExposed()
+		},
+		targets: [{
+			id: _copilotkit_shared.GENERATIVE_UI_CHAT_TARGET,
+			kind: "chat"
+		}, ...inlineTargets],
+		surfaces: threadId ? manager.describeSurfaces(threadId) : {}
+	};
+}
+/**
+* Builds the envelope that a run sends as `forwardedProps.copilotkit.ui`,
+* from the per-run manifest. It has the A2UI v1.0 renderer capabilities
+* shape: one inline catalog with the id of the UI, and the CopilotKit data
+* in `metadata.extensions`.
+*
+* The inline catalog has no `components` only for the markdown transport
+* with `includeCatalog: false`. It has `instructions` for the markdown
+* transport, or when given.
+*
+* @param runtime - The generative UI runtime of the provider.
+* @param threadId - The thread of the run. Its surfaces go in `copilotkit_surfaces`.
+* @param options - The transport and what to send.
+*
+* @example
+* ```ts
+* const envelope = buildGenerativeUIEnvelope(runtime, agent.threadId, {
+*   transport: "tool",
+*   includeCatalog: true,
+*   contextSent: false,
+* });
+* envelope["v1.0"].supportedCatalogIds; // [runtime.ui.id]
+* ```
+*/
+function buildGenerativeUIEnvelope(runtime, threadId, options) {
+	const { transport, includeCatalog, contextSent, action } = options;
+	const manifest = buildGenerativeUIManifest(runtime, threadId);
+	const instructions = options.instructions ?? (transport === "markdown" ? (0, _copilotkit_shared.buildGenerativeUIMarkdownGuidelines)((0, _copilotkit_shared.generativeUIGuideFeatures)(manifest)) : void 0);
+	const omitComponents = transport === "markdown" && !includeCatalog;
+	return {
+		"v1.0": {
+			supportedCatalogIds: manifest.catalogIds ?? [manifest.catalogId],
+			inlineCatalogs: [{
+				catalogId: manifest.catalogId,
+				protocolVersion: "1.0",
+				...omitComponents ? {} : { components: manifest.components },
+				functions: manifest.functions,
+				...instructions === void 0 ? {} : { instructions }
+			}]
+		},
+		metadata: { extensions: {
+			copilotkit_format: _copilotkit_shared.COPILOTKIT_UI_ENVELOPE_FORMAT,
+			copilotkit_transport: transport,
+			copilotkit_targets: manifest.targets,
+			copilotkit_surfaces: manifest.surfaces,
+			copilotkit_contextSent: contextSent,
+			...action === void 0 ? {} : { copilotkit_action: action }
+		} }
+	};
+}
+
+//#endregion
+//#region src/v2/generative-ui/markdown/context.ts
+/** Objects nested deeper than this show as `object`. */
+const MAX_OBJECT_DEPTH = 2;
+/** A prop must appear verbatim in at least this many components to be hoisted. */
+const COMMON_PROP_MIN_COMPONENTS = 8;
+/** A JSON Schema of a list of schemas (`anyOf`, `oneOf`), else an empty list. */
+function schemaList(value) {
+	return Array.isArray(value) ? value.filter(require_MarkdownSurfaces.isRecord) : [];
+}
+/**
+* Puts a top-level union in parentheses, so that `[]` applies to all of
+* it. A union inside braces needs none.
+*/
+function asArrayItem(type) {
+	let outside = type;
+	for (let inner = outside.replace(/\{[^{}]*\}/g, ""); inner !== outside;) {
+		outside = inner;
+		inner = outside.replace(/\{[^{}]*\}/g, "");
+	}
+	return outside.includes(" | ") ? `(${type})[]` : `${type}[]`;
+}
+/**
+* A JSON Schema as a short TypeScript-like type, for example
+* `{ label: string; size?: "sm" | "md" }`.
+*/
+function compactType(schema, depth) {
+	const ref = (0, _copilotkit_shared.childRefKind)(schema);
+	if (ref === "single") return "componentId";
+	if (ref === "multiple") return "componentId[] | { componentId: string; path: string }";
+	if ("const" in schema) return JSON.stringify(schema.const);
+	if (Array.isArray(schema.enum)) return schema.enum.map((value) => JSON.stringify(value)).join(" | ");
+	const variants = [...schemaList(schema.anyOf), ...schemaList(schema.oneOf)];
+	if (variants.length > 0) return variants.map((variant) => compactType(variant, depth)).join(" | ");
+	return (Array.isArray(schema.type) ? schema.type : [schema.type]).map((type) => {
+		switch (type) {
+			case "string":
+			case "boolean":
+			case "null": return type;
+			case "number":
+			case "integer": return "number";
+			case "array": return require_MarkdownSurfaces.isRecord(schema.items) ? asArrayItem(compactType(schema.items, depth)) : "unknown[]";
+			case "object": return compactObject(schema, depth);
+			default: return "unknown";
+		}
+	}).join(" | ");
+}
+/** An object schema as `{ key: type; other?: type }`. */
+function compactObject(schema, depth) {
+	const properties = require_MarkdownSurfaces.isRecord(schema.properties) ? schema.properties : {};
+	const entries = Object.entries(properties);
+	if (entries.length === 0) return require_MarkdownSurfaces.isRecord(schema.additionalProperties) ? `Record<string, ${compactType(schema.additionalProperties, depth + 1)}>` : "object";
+	if (depth >= MAX_OBJECT_DEPTH) return "object";
+	const required = Array.isArray(schema.required) ? schema.required : [];
+	return `{ ${entries.map(([key, value]) => {
+		const type = require_MarkdownSurfaces.isRecord(value) ? compactType(value, depth + 1) : "unknown";
+		return `${key}${required.includes(key) ? "" : "?"}: ${type}`;
+	}).join("; ")} }`;
+}
+/** A schema as its type, with its description after `//`. */
+function describedType(schema, depth) {
+	const type = compactType(schema, depth);
+	return typeof schema.description === "string" ? `${type} // ${schema.description}` : type;
+}
+/** The props of a component: `{ "label": "string", "size?": "..." }`. */
+function compactProps(schema) {
+	const properties = require_MarkdownSurfaces.isRecord(schema.properties) ? schema.properties : {};
+	const required = Array.isArray(schema.required) ? schema.required : [];
+	const props = {};
+	for (const [key, value] of Object.entries(properties)) {
+		if (!require_MarkdownSurfaces.isRecord(value)) continue;
+		const name = required.includes(key) ? key : `${key}?`;
+		props[name] = describedType(value, 1);
+	}
+	return props;
+}
+/**
+* The prop set worth listing once. Candidates are (key, type) pairs that at
+* least {@link COMMON_PROP_MIN_COMPONENTS} components carry verbatim. The
+* candidate subset of each component is a possible common set, scored by
+* the characters it saves (set size times the components that contain all
+* of it). `undefined` when no set is shared by enough components.
+*/
+function findCommonProps(propsList) {
+	const pairKey = (key, type) => `${key}\u0000${type}`;
+	const counts = /* @__PURE__ */ new Map();
+	for (const props of propsList) for (const [key, type] of Object.entries(props)) {
+		const id = pairKey(key, type);
+		counts.set(id, (counts.get(id) ?? 0) + 1);
+	}
+	let best;
+	let bestScore = 0;
+	const seen = /* @__PURE__ */ new Set();
+	for (const props of propsList) {
+		const subset = Object.entries(props).filter(([key, type]) => (counts.get(pairKey(key, type)) ?? 0) >= COMMON_PROP_MIN_COMPONENTS);
+		if (subset.length < 2) continue;
+		const signature = subset.map(([key, type]) => pairKey(key, type)).join("\n");
+		if (seen.has(signature)) continue;
+		seen.add(signature);
+		const members = propsList.filter((other) => subset.every(([key, type]) => other[key] === type)).length;
+		if (members < COMMON_PROP_MIN_COMPONENTS) continue;
+		const score = subset.reduce((total, [key, type]) => total + key.length + type.length, 0) * (members - 1);
+		if (score > bestScore) {
+			bestScore = score;
+			best = Object.fromEntries(subset);
+		}
+	}
+	return best;
+}
+/**
+* The component schema of the markdown transport, from the per-run
+* manifest. It is smaller than the manifest: each prop is one short type,
+* and the props that many components share verbatim (the layout props of
+* the containers) are listed once in `commonProps`; a component that takes
+* them is flagged `includesCommonProps`.
+* It has the catalog id, the targets with their descriptions and their
+* component lists, the functions with their parameters, the components
+* with their props, events and slots, and the surfaces of the thread. A surface lists the
+* values that the user set and the operations that the client dropped.
+*
+* @param manifest - The manifest from `buildGenerativeUIManifest`.
+* @returns A JSON-ready object.
+*
+* @example
+* ```ts
+* const value = JSON.stringify(
+*   buildCompactGenerativeUISchema(buildGenerativeUIManifest(runtime, threadId)),
+* );
+* ```
+*/
+function buildCompactGenerativeUISchema(manifest) {
+	const components = {};
+	for (const [name, component] of Object.entries(manifest.components)) {
+		const events = Object.entries(component.events ?? {}).map(([event, definition]) => [event, definition.description ?? compactType(definition.parameters, 0)]);
+		components[name] = {
+			...component.description ? { description: component.description } : {},
+			props: compactProps(component.props),
+			...events.length > 0 ? { events: Object.fromEntries(events) } : {},
+			...component.slots ? { slots: component.slots } : {}
+		};
+	}
+	const common = findCommonProps(Object.values(components).map((component) => component.props));
+	if (common) {
+		const commonKeys = Object.keys(common);
+		for (const component of Object.values(components)) {
+			if (!commonKeys.every((key) => component.props[key] === common[key])) continue;
+			component.includesCommonProps = true;
+			component.props = Object.fromEntries(Object.entries(component.props).filter(([key]) => !(key in common)));
+		}
+	}
+	const functions = Object.fromEntries(Object.entries(manifest.functions).map(([name, fn]) => {
+		const signature = fn.parameters.description;
+		const hasSignature = typeof signature === "string" && signature.startsWith("{") && Object.keys(fn.parameters).length === 2;
+		const callers = (0, _copilotkit_shared.functionCallers)(fn);
+		return [name, {
+			...fn.description ? { description: fn.description } : {},
+			parameters: hasSignature ? signature : compactType(fn.parameters, 0),
+			...callers.agent && _copilotkit_shared.GENERATIVE_UI_AGENT_FUNCTION_CALLS ? { callers: callers.renderer ? "UI or agent" : "agent only" } : {}
+		}];
+	}));
+	return {
+		catalogId: manifest.catalogId,
+		targets: manifest.targets,
+		functions,
+		...common ? { commonProps: common } : {},
+		components,
+		surfaces: manifest.surfaces
+	};
+}
+/**
+* Registers the two context entries of the markdown transport: the compact
+* component schema and the fence guideline. Both go only to `agentIds`.
+*
+* The schema is built again at each run start and when a
+* `<GenerativeUISurface>` mounts, unmounts, or changes its description or
+* its components, so its targets, functions, and surfaces stay current. The surfaces are those of the running thread.
+*
+* @param copilotkit - The CopilotKit core of the provider.
+* @param runtime - The generative UI runtime parts, or null without one.
+* @param options - `enabled` and `agentIds`.
+*
+* @example
+* ```ts
+* useGenerativeUIMarkdownContext(copilotkit, core, {
+*   enabled: config?.transport === "markdown" && config.sendContext !== false,
+*   agentIds: config?.agentIds,
+* });
+* ```
+*/
+function useGenerativeUIMarkdownContext(copilotkit, runtime, options) {
+	const { enabled, agentIds } = options;
+	const agentIdsKey = agentIds === void 0 ? "" : JSON.stringify(agentIds);
+	(0, react.useEffect)(() => {
+		if (!runtime || !enabled) return;
+		const scopedAgentIds = agentIdsKey ? JSON.parse(agentIdsKey) : void 0;
+		const scope = scopedAgentIds ? { agentIds: scopedAgentIds } : {};
+		let guidelineId;
+		let guidelineValue;
+		let schemaId;
+		let schemaValue;
+		const refreshSchema = (threadId) => {
+			const manifest = buildGenerativeUIManifest(runtime, threadId);
+			const guideline = (0, _copilotkit_shared.buildGenerativeUIMarkdownGuidelines)((0, _copilotkit_shared.generativeUIGuideFeatures)(manifest));
+			if (guideline !== guidelineValue) {
+				if (guidelineId !== void 0) copilotkit.removeContext(guidelineId);
+				guidelineValue = guideline;
+				guidelineId = copilotkit.addContext({
+					description: _copilotkit_shared.GENERATIVE_UI_MARKDOWN_GUIDELINES_DESCRIPTION,
+					value: guideline,
+					...scope
+				});
+			}
+			const value = JSON.stringify(buildCompactGenerativeUISchema(manifest));
+			if (value === schemaValue) return;
+			if (schemaId !== void 0) copilotkit.removeContext(schemaId);
+			schemaValue = value;
+			schemaId = copilotkit.addContext({
+				description: _copilotkit_shared.GENERATIVE_UI_MARKDOWN_SCHEMA_CONTEXT_DESCRIPTION,
+				value,
+				...scope
+			});
+		};
+		refreshSchema(runtime.manager.getActiveThread());
+		let targetsKey = JSON.stringify(runtime.manager.getMountedTargets());
+		const unsubscribeManager = runtime.manager.subscribe(() => {
+			const nextKey = JSON.stringify(runtime.manager.getMountedTargets());
+			if (nextKey === targetsKey) return;
+			targetsKey = nextKey;
+			refreshSchema(runtime.manager.getActiveThread());
+		});
+		const subscription = copilotkit.subscribe({ onAgentRunStarted: ({ agent }) => refreshSchema(agent.threadId) });
+		return () => {
+			subscription.unsubscribe();
+			unsubscribeManager();
+			if (guidelineId !== void 0) copilotkit.removeContext(guidelineId);
+			if (schemaId !== void 0) copilotkit.removeContext(schemaId);
+		};
+	}, [
+		copilotkit,
+		runtime,
+		enabled,
+		agentIdsKey
+	]);
+}
+
+//#endregion
+//#region src/v2/generative-ui/debug-source.ts
+/**
+* What a run of `threadId` sends: its envelope, and the text that goes into
+* the prompt of the model because of it.
+*
+* - Tool transport: the runtime adds the `render_ui` guide. It builds it
+*   from the envelope with `buildGenerativeUIPrompt`, as done here.
+* - Markdown transport: the provider sends the guideline and the compact
+*   schema as context entries. With `sendContext: false`, the backend builds
+*   its own prompt, usually from the `instructions` of the envelope.
+*/
+function describeGenerativeUIRun(runtime, threadId, options) {
+	const envelope = buildGenerativeUIEnvelope(runtime, threadId, options);
+	if (options.transport === "tool") return {
+		envelope,
+		prompt: [{
+			title: "render_ui guide",
+			source: "runtime",
+			text: (0, _copilotkit_shared.buildGenerativeUIPrompt)((0, _copilotkit_shared.envelopeToManifest)(envelope))
+		}]
+	};
+	const manifest = buildGenerativeUIManifest(runtime, threadId);
+	if (!options.contextSent) return {
+		envelope,
+		prompt: [{
+			title: "Envelope instructions",
+			source: "backend",
+			text: (0, _copilotkit_shared.envelopeToManifest)(envelope).instructions ?? ""
+		}]
+	};
+	const guideline = (0, _copilotkit_shared.buildGenerativeUIMarkdownGuidelines)((0, _copilotkit_shared.generativeUIGuideFeatures)(manifest));
+	const schema = JSON.stringify(buildCompactGenerativeUISchema(manifest));
+	return {
+		envelope,
+		prompt: [{
+			title: "Markdown guideline",
+			source: "context",
+			text: guideline
+		}, {
+			title: "Component schema",
+			source: "context",
+			text: schema
+		}]
+	};
+}
+/** The declared functions, with the JSON Schema of their parameters. */
+function debugFunctions(runtime) {
+	const functions = {};
+	for (const [name, declared] of runtime.ui.functions) {
+		let parameters = {};
+		try {
+			parameters = require_MarkdownSurfaces.toJsonSchema(declared.parameters);
+		} catch {}
+		functions[name] = {
+			...declared.description ? { description: declared.description } : {},
+			parameters,
+			handlers: runtime.dispatcher.handlerCount(name)
+		};
+	}
+	return functions;
+}
+/**
+* The debug source that the provider gives core for the inspector. It builds
+* a snapshot only when the inspector reads one.
+*
+* @param runtime - The generative UI parts of the provider.
+* @param getOptions - The envelope options and agent ids of the current config.
+* @returns The source, and `recordRun` for each run start.
+*/
+function createGenerativeUIDebugSource(runtime, getOptions) {
+	const listeners = /* @__PURE__ */ new Set();
+	let lastRun;
+	const notify = () => {
+		for (const listener of [...listeners]) listener();
+	};
+	return {
+		source: {
+			getSnapshot() {
+				const { options, agentIds } = getOptions();
+				const threadId = runtime.manager.getActiveThread();
+				const manifest = buildGenerativeUIManifest(runtime, threadId);
+				return {
+					catalogId: runtime.ui.id,
+					transport: options.transport,
+					...agentIds ? { agentIds } : {},
+					components: runtime.ui.manifestComponents,
+					componentCatalogs: Object.fromEntries(require_MarkdownSurfaces.componentCatalogIds(runtime.ui)),
+					functions: debugFunctions(runtime),
+					state: { ...runtime.manager.getState() },
+					targets: manifest.targets,
+					activeThreadId: threadId,
+					surfaces: runtime.manager.debugSurfaces(),
+					lastRun,
+					nextRun: {
+						agentId: void 0,
+						threadId,
+						...describeGenerativeUIRun(runtime, threadId, options)
+					}
+				};
+			},
+			subscribe(listener) {
+				listeners.add(listener);
+				const unsubscribe = runtime.manager.subscribe(listener);
+				return () => {
+					listeners.delete(listener);
+					unsubscribe();
+				};
+			}
+		},
+		recordRun(run) {
+			lastRun = run;
+			notify();
+		}
+	};
+}
+
+//#endregion
+//#region src/v2/generative-ui/dispatcher.ts
+const messageOf = (error) => error instanceof Error ? error.message : String(error);
+/**
+* Creates the registry of functions that generated UI may call.
+*
+* A function is callable when it is declared in `getDeclared()` and exactly
+* one handler is mounted for it with `register`. Names are resolved at call
+* time and fail closed. Nothing is sent to the agent.
+* Neither `invoke` nor `listExposed` throws.
+*
+* @param options.getDeclared - Returns the declared functions.
+* @param options.onError - Gets each failed call.
+*
+* @example
+* ```ts
+* const dispatcher = createGenerativeUIDispatcher({
+*   getDeclared: () => new Map(Object.entries(ui.functions)),
+* });
+* const unregister = dispatcher.register("addToCart", handlerRef);
+* await dispatcher.invoke("addToCart", { productId: "p1" }, origin);
+* unregister();
+* ```
+*/
+/**
+* True while the browser counts the current task as user-activated (a
+* click, a key press). Where the API is missing (older browsers, test
+* environments), the gesture is assumed.
+*/
+function hasUserActivation() {
+	if (typeof navigator === "undefined") return true;
+	const activation = navigator.userActivation;
+	return activation === void 0 || activation.isActive;
+}
+/**
+* The permissions of a declared function as the manifest states them: the
+* callers always written out, so a reader needs no default.
+*/
+function permissionsOf(fn) {
+	const callers = (0, _copilotkit_shared.functionCallers)(fn);
+	return {
+		allowedCallers: callers.renderer && callers.agent ? "rendererOrAgent" : callers.agent ? "agentOnly" : "rendererOnly",
+		...fn.requiresUserActivation ? { requiresUserActivation: true } : {}
+	};
+}
+function createGenerativeUIDispatcher(options) {
+	const handlers = /* @__PURE__ */ new Map();
+	const resolveUnchecked = (name) => {
+		const declared = options.getDeclared().get(name);
+		if (!declared) return {
+			ok: false,
+			error: new require_MarkdownSurfaces.GenerativeUIError("function_not_found", `No generative UI function named "${name}" is declared in createGenerativeUI({ functions })`)
+		};
+		const mounted = [...handlers.get(name) ?? []];
+		const [ref] = mounted;
+		if (!ref) return {
+			ok: false,
+			error: new require_MarkdownSurfaces.GenerativeUIError("function_not_found", `"${name}" is declared, but no useGenerativeUIFunction handler is mounted for it`)
+		};
+		if (mounted.length > 1) return {
+			ok: false,
+			error: new require_MarkdownSurfaces.GenerativeUIError("function_conflict", `"${name}" has ${mounted.length} useGenerativeUIFunction handlers mounted. Mount exactly one.`)
+		};
+		return {
+			ok: true,
+			declared,
+			ref
+		};
+	};
+	const isDeclared = (name) => {
+		try {
+			return options.getDeclared().has(name);
+		} catch {
+			return false;
+		}
+	};
+	const resolve = (name) => {
+		try {
+			return resolveUnchecked(name);
+		} catch (error) {
+			return {
+				ok: false,
+				error: new require_MarkdownSurfaces.GenerativeUIError("handler_failed", `"${name}" could not be resolved: ${messageOf(error)}`)
+			};
+		}
+	};
+	const validateArgs = async (name, schema, args) => {
+		try {
+			const validation = await schema["~standard"].validate(args);
+			if (!validation.issues) return {
+				ok: true,
+				value: validation.value
+			};
+			return {
+				ok: false,
+				error: new require_MarkdownSurfaces.GenerativeUIError("invalid_arguments", `Invalid arguments for "${name}": ${validation.issues.map((i) => `${(i.path ?? []).map((p) => typeof p === "object" ? p.key : p).join(".") || "args"}: ${i.message}`).join("; ")}`)
+			};
+		} catch (error) {
+			return {
+				ok: false,
+				error: new require_MarkdownSurfaces.GenerativeUIError("invalid_arguments", `Invalid arguments for "${name}": ${messageOf(error)}`)
+			};
+		}
+	};
+	const failWith = (name, origin, error) => {
+		try {
+			options.onError?.({
+				name,
+				origin,
+				error
+			});
+		} catch {}
+		return {
+			ok: false,
+			error
+		};
+	};
+	/**
+	* Why `origin` may not call a function with these permissions now, as an
+	* error, or `undefined` when it may. The agent is refused what is for the
+	* renderer; a component is refused what is for the agent, and a gesture
+	* function when the browser counts no user activation.
+	*/
+	const callerError = (name, fn, origin) => {
+		const isComponent = "componentId" in origin;
+		if (!isComponent && !_copilotkit_shared.GENERATIVE_UI_AGENT_FUNCTION_CALLS) return new require_MarkdownSurfaces.GenerativeUIError("invalid_function_call", _copilotkit_shared.GENERATIVE_UI_AGENT_FUNCTION_CALLS_OFF_REASON);
+		const problem = (0, _copilotkit_shared.callerProblem)(name, fn, isComponent ? "renderer" : "agent");
+		if (problem !== void 0) return new require_MarkdownSurfaces.GenerativeUIError("invalid_function_call", problem);
+		if (isComponent && fn.requiresUserActivation && !hasUserActivation()) return new require_MarkdownSurfaces.GenerativeUIError("invalid_function_call", `function "${name}" runs only from a user gesture; this event was not one`);
+	};
+	/**
+	* Runs a basic function of the A2UI catalog. They are value functions of
+	* the renderer: the agent cannot call them, and one that needs a user
+	* gesture runs only from an event binding.
+	*/
+	const invokeBasic = (name, args, origin) => {
+		const refused = callerError(name, _copilotkit_shared.GENERATIVE_UI_FUNCTIONS[name], origin);
+		if (refused) return failWith(name, origin, refused);
+		if (args !== void 0 && !(typeof args === "object" && args !== null && !Array.isArray(args))) return failWith(name, origin, new require_MarkdownSurfaces.GenerativeUIError("invalid_arguments", `Invalid arguments for "${name}": args must be an object`));
+		try {
+			return {
+				ok: true,
+				result: require_MarkdownSurfaces.BASIC_FUNCTIONS[name](args ?? {})
+			};
+		} catch (error) {
+			return failWith(name, origin, new require_MarkdownSurfaces.GenerativeUIError(error instanceof require_MarkdownSurfaces.ExpressionError ? "invalid_arguments" : "handler_failed", `"${name}" failed: ${messageOf(error)}`));
+		}
+	};
+	return {
+		async invoke(name, args, origin) {
+			const resolved = resolve(name);
+			if (!resolved.ok && resolved.error.code === "function_not_found" && !isDeclared(name) && Object.prototype.hasOwnProperty.call(require_MarkdownSurfaces.BASIC_FUNCTIONS, name)) return invokeBasic(name, args, origin);
+			if (!resolved.ok) return failWith(name, origin, resolved.error);
+			const refused = callerError(name, resolved.declared, origin);
+			if (refused) return failWith(name, origin, refused);
+			const validated = await validateArgs(name, resolved.declared.parameters, args ?? {});
+			if (!validated.ok) return failWith(name, origin, validated.error);
+			try {
+				return {
+					ok: true,
+					result: await resolved.ref.current(validated.value)
+				};
+			} catch (error) {
+				return failWith(name, origin, new require_MarkdownSurfaces.GenerativeUIError("handler_failed", `"${name}" failed: ${messageOf(error)}`));
+			}
+		},
+		listExposed() {
+			let names;
+			try {
+				names = [...options.getDeclared().keys()];
+			} catch {
+				return {};
+			}
+			const listed = {};
+			for (const name of names) {
+				const resolved = resolve(name);
+				if (!resolved.ok) continue;
+				if (!(0, _copilotkit_shared.functionCallers)(resolved.declared).renderer && !_copilotkit_shared.GENERATIVE_UI_AGENT_FUNCTION_CALLS) continue;
+				const { description, parameters, returnType } = resolved.declared;
+				try {
+					listed[name] = {
+						...description ? { description } : {},
+						parameters: require_MarkdownSurfaces.toJsonSchema(parameters),
+						...returnType ? { returnType } : {},
+						...permissionsOf(resolved.declared)
+					};
+				} catch {}
+			}
+			return listed;
+		},
+		register(name, ref) {
+			const mounted = handlers.get(name) ?? /* @__PURE__ */ new Set();
+			mounted.add(ref);
+			handlers.set(name, mounted);
+			return () => {
+				mounted.delete(ref);
+			};
+		},
+		handlerCount: (name) => handlers.get(name)?.size ?? 0
+	};
+}
+
+//#endregion
+//#region src/v2/generative-ui/surface-manager.ts
+function surfaceKey(threadId, surfaceId) {
+	return `${threadId}::${surfaceId}`;
+}
+let creationCounter = 0;
+const FORBIDDEN_SEGMENTS = new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+/** "/a/b/" to "/a/b". The root stays "/". */
+function normalizePath(path) {
+	return (path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path) || "/";
+}
+/** True when `path` is `ancestor` or below it. */
+function isAtOrBelow(path, ancestor) {
+	if (ancestor === "/") return true;
+	return path === ancestor || path.startsWith(`${ancestor}/`);
+}
+/**
+* Rejections as `"operation <index>: <reason>"` lines, cut to the size that
+* the envelope reader accepts.
+*/
+function summarizeRejections(rejections) {
+	return rejections.slice(0, _copilotkit_shared.GENERATIVE_UI_MAX_SUMMARY_REJECTIONS).map(({ index, reason }) => `operation ${index}: ${reason}`.slice(0, _copilotkit_shared.GENERATIVE_UI_MAX_REJECTION_LENGTH));
+}
+/**
+* Framework-agnostic store of generated surfaces. One web_core SurfaceModel per
+* (threadId, surfaceId), shared by every mount. Applies only newly committed
+* operations, validates each before applying it, and owns app state and the
+* data model paths that the user wrote, so agent updates cannot overwrite
+* them. App state never goes into a surface's data model. Selectors read it
+* with `getState()`.
+*/
+var GenerativeUISurfaceManager = class {
+	constructor(ui, options = {}) {
+		this.ui = ui;
+		this.options = options;
+		this.surfaces = /* @__PURE__ */ new Map();
+		this.bookkeeping = /* @__PURE__ */ new Map();
+		this.listeners = /* @__PURE__ */ new Set();
+		this.targets = /* @__PURE__ */ new Map();
+		this.state = {};
+		this.owned = /* @__PURE__ */ new Map();
+		this.deletedKeys = /* @__PURE__ */ new Set();
+		this.linked = /* @__PURE__ */ new Map();
+		this.version = 0;
+		this.subscribe = (listener) => {
+			this.listeners.add(listener);
+			return () => {
+				this.listeners.delete(listener);
+			};
+		};
+		this.getVersion = () => this.version;
+		this.getState = () => this.state;
+		this.webCoreCatalog = new _a2ui_web_core_v0_9.Catalog(ui.id, [...ui.components.keys()].map((name) => ({
+			name,
+			schema: zod.z.any()
+		})), []);
+	}
+	notify() {
+		this.version++;
+		for (const listener of [...this.listeners]) listener();
+	}
+	setActiveThread(threadId) {
+		if (threadId === this.activeThreadId) return;
+		this.activeThreadId = threadId;
+		this.notify();
+	}
+	getActiveThread() {
+		return this.activeThreadId;
+	}
+	ingest(threadId, agentId, content) {
+		const key = surfaceKey(threadId, content.surfaceId);
+		const operations = content.operations ?? [];
+		let surface = this.surfaces.get(key);
+		let book = this.bookkeeping.get(key);
+		let changed = false;
+		if (surface && book && !this.extendsApplied(book, operations)) {
+			this.disposeSurface(key);
+			surface = void 0;
+			book = void 0;
+		}
+		if (!surface || !book) {
+			surface = this.createSurface(key, threadId, agentId, content);
+			this.restoreOwnedValues(surface);
+			book = {
+				appliedCount: 0,
+				lastFingerprint: void 0
+			};
+			this.surfaces.set(key, surface);
+			this.bookkeeping.set(key, book);
+			changed = true;
+		}
+		const serverRejected = content.rejected ?? [];
+		if (surface.clientRejected.length > 0 && (surface.status !== "streaming" && content.status === "streaming" || serverRejected.length < surface.serverRejected.length)) {
+			surface.clientRejected = [];
+			changed = true;
+		}
+		if (operations.length > 0) {
+			const lastFingerprint = JSON.stringify(operations[operations.length - 1]);
+			const isReplay = operations.some((op) => (0, _copilotkit_shared.getOperationKind)(op) === "deleteSurface");
+			for (let index = book.appliedCount; index < operations.length; index++) {
+				this.applyOperation(surface, operations[index], {
+					index,
+					isReplay
+				});
+				changed = true;
+			}
+			book.appliedCount = operations.length;
+			surface.operations = operations;
+			book.lastFingerprint = lastFingerprint;
+		}
+		if (surface.status !== content.status || surface.target !== content.target || surface.serverRejected.length !== serverRejected.length) {
+			surface.status = content.status;
+			surface.target = content.target;
+			surface.serverRejected = serverRejected;
+			changed = true;
+		}
+		if (changed) this.notify();
+	}
+	/** The surface of a `key` (see `surfaceKey`), unless it is deleted. */
+	getSurfaceByKey(key) {
+		const surface = this.surfaces.get(key);
+		return surface && !surface.deleted ? surface : void 0;
+	}
+	getSurface(threadId, surfaceId) {
+		const surface = this.surfaces.get(surfaceKey(threadId, surfaceId));
+		return surface && !surface.deleted ? surface : void 0;
+	}
+	getSurfaceForTarget(target, threadId = this.activeThreadId) {
+		if (!threadId) return void 0;
+		let latest;
+		for (const surface of this.surfaces.values()) {
+			if (surface.threadId !== threadId || surface.target !== target || surface.deleted) continue;
+			if (!latest || surface.createdAt > latest.createdAt) latest = surface;
+		}
+		return latest;
+	}
+	/**
+	* A surface whose first createSurface was rejected, so the chat can show
+	* the error where the surface would be. `undefined` for any other surface.
+	*/
+	getFailedSurface(threadId, surfaceId) {
+		const surface = this.surfaces.get(surfaceKey(threadId, surfaceId));
+		return surface?.failed ? surface : void 0;
+	}
+	/**
+	* The surfaces of a thread, for the model. A surface with user-owned
+	* values lists them in `dataModel`, so the model can read what the user
+	* entered. A surface with dropped operations lists them in `rejected`, so
+	* the model can fix them on the next run. A deleted surface, or one that
+	* was never created, has a `status`, so the model knows that the id is
+	* not a live surface.
+	*/
+	describeSurfaces(threadId) {
+		const described = {};
+		for (const surface of this.surfaces.values()) {
+			if (surface.threadId !== threadId) continue;
+			const owned = this.owned.get(surface.key);
+			const rejections = [...surface.serverRejected, ...surface.clientRejected];
+			const status = this.deletedKeys.has(surface.key) ? "deleted" : surface.failed ? "failed" : void 0;
+			described[surface.surfaceId] = {
+				target: surface.target,
+				...owned && owned.size > 0 ? { dataModel: Object.fromEntries(owned) } : {},
+				...rejections.length > 0 && status !== "deleted" ? { rejected: summarizeRejections(rejections) } : {},
+				...status ? { status } : {}
+			};
+		}
+		return described;
+	}
+	/** Every surface that is not deleted, oldest first, for the inspector. */
+	debugSurfaces() {
+		return [...this.surfaces.values()].filter((surface) => !surface.deleted).sort((a, b) => a.createdAt - b.createdAt).map((surface) => ({
+			surfaceId: surface.surfaceId,
+			threadId: surface.threadId,
+			agentId: surface.agentId,
+			target: surface.target,
+			status: surface.status,
+			operations: surface.operations,
+			dataModel: surface.model.dataModel.get("/"),
+			userValues: Object.fromEntries(this.owned.get(surface.key) ?? []),
+			rejected: [...surface.serverRejected.map((r) => ({
+				...r,
+				source: "runtime"
+			})), ...surface.clientRejected.map((r) => ({
+				...r,
+				source: "browser"
+			}))]
+		}));
+	}
+	/**
+	* Marks a target as mounted. Returns the function that unmounts it. Calling
+	* that function more than once has no effect.
+	*
+	* @param id - The target id.
+	* @param options - The description and the allowed components of this mount.
+	*/
+	registerTarget(id, options = {}) {
+		const registration = { ...options };
+		const registrations = this.targets.get(id) ?? /* @__PURE__ */ new Set();
+		registrations.add(registration);
+		this.targets.set(id, registrations);
+		this.notify();
+		let released = false;
+		return () => {
+			if (released) return;
+			released = true;
+			registrations.delete(registration);
+			if (registrations.size === 0) this.targets.delete(id);
+			this.notify();
+		};
+	}
+	/**
+	* The mounted targets. Each has the description and the component list of
+	* its earliest mount that has one.
+	*/
+	getMountedTargets() {
+		const mounted = [];
+		for (const [id, registrations] of this.targets) {
+			const description = [...registrations].find((registration) => registration.description !== void 0)?.description;
+			const components = this.targetComponents(id);
+			mounted.push({
+				id,
+				...description === void 0 ? {} : { description },
+				...components === void 0 ? {} : { components: [...components] }
+			});
+		}
+		return mounted;
+	}
+	/**
+	* The component list of the earliest mount of `id` that has one.
+	* `undefined` when no mount of `id` limits its components.
+	*/
+	targetComponents(id) {
+		return [...this.targets.get(id) ?? /* @__PURE__ */ new Set()].find((registration) => registration.components !== void 0)?.components;
+	}
+	/** The components that `validateOperation` allows on a surface. */
+	allowedComponentsFor(surface) {
+		const components = this.targetComponents(surface.target);
+		return components === void 0 ? void 0 : {
+			target: surface.target,
+			names: new Set(components)
+		};
+	}
+	/** Sets one state key. Notifies only when the value changed. */
+	setState(key, value) {
+		if (Object.hasOwn(this.state, key) && Object.is(this.state[key], value)) return;
+		this.state = {
+			...this.state,
+			[key]: value
+		};
+		this.notify();
+	}
+	/** Removes one state key. Notifies only when the key was set. */
+	removeState(key) {
+		if (!Object.hasOwn(this.state, key)) return;
+		const { [key]: _removed, ...rest } = this.state;
+		this.state = rest;
+		this.notify();
+	}
+	/**
+	* Makes the surfaces of `surfaceIds` share their data model: a user write
+	* to one of them goes to all of them (see `setOwnedValue`). The markdown
+	* transport links the parts of a chat surface that the prose lift split.
+	* A later call for one of the surfaces replaces its group.
+	*
+	* @param threadId - The thread of the surfaces.
+	* @param surfaceIds - The surface ids of the group. One id clears a link.
+	*/
+	linkSurfaces(threadId, surfaceIds) {
+		const keys = new Set(surfaceIds.map((id) => surfaceKey(threadId, id)));
+		for (const key of keys) if (keys.size > 1) this.linked.set(key, keys);
+		else this.linked.delete(key);
+	}
+	/**
+	* Writes a user value into the data model of a surface, and marks `path`
+	* as user-owned. Then agent writes to that path, or below it, are ignored.
+	* An agent write above it keeps the user value. Ownership ends when the
+	* surface is deleted. Does nothing for an unknown or deleted surface. The
+	* surfaces linked to it (see `linkSurfaces`) get the same write.
+	*
+	* @param key - The `key` of the surface.
+	* @param path - An absolute JSON pointer, for example "/form/email".
+	* @param value - The new value. It is copied.
+	* @throws Error when a path segment is "__proto__", "constructor" or
+	*   "prototype", or when the path does not fit the data (for example, a
+	*   segment above it holds a string).
+	*/
+	setOwnedValue(key, path, value) {
+		const normalized = normalizePath(path);
+		const forbidden = normalized.split("/").find((segment) => FORBIDDEN_SEGMENTS.has(segment));
+		if (forbidden !== void 0) throw new Error(`[generativeUI] path segment "${forbidden}" is not allowed in "${path}".`);
+		for (const target of this.linked.get(key) ?? [key]) this.writeOwnedValue(target, normalized, value);
+	}
+	writeOwnedValue(key, path, value) {
+		const surface = this.surfaces.get(key);
+		if (!surface || surface.deleted) return;
+		surface.model.dataModel.set(path, structuredClone(value));
+		const owned = this.owned.get(key) ?? /* @__PURE__ */ new Map();
+		owned.set(path, structuredClone(value));
+		this.owned.set(key, owned);
+	}
+	/**
+	* Writes the user-owned values into the new, empty data model of a rebuilt
+	* surface. The agent operations are applied after it.
+	*/
+	restoreOwnedValues(surface) {
+		const owned = this.owned.get(surface.key) ?? /* @__PURE__ */ new Map();
+		for (const [path, value] of owned) surface.model.dataModel.set(path, structuredClone(value));
+	}
+	/**
+	* The value that an agent write puts at `path`, with the user-owned values
+	* below `path` written back into it. `undefined` when `path` is user-owned
+	* or below a user-owned path, so the agent cannot write it. Throws when a
+	* user value does not fit the new value.
+	*/
+	mergeOwnedValues(key, path, value) {
+		const merged = { value: structuredClone(value) };
+		const owned = this.owned.get(key);
+		if (!owned) return merged;
+		const ownedPaths = [...owned.keys()];
+		if (ownedPaths.some((ownedPath) => isAtOrBelow(path, ownedPath))) return void 0;
+		const below = ownedPaths.filter((ownedPath) => isAtOrBelow(ownedPath, path));
+		if (below.length === 0) return merged;
+		const scratch = new _a2ui_web_core_v0_9.DataModel({ value: merged.value });
+		const prefix = path === "/" ? "" : path;
+		for (const ownedPath of below) {
+			const relative = ownedPath.slice(prefix.length);
+			scratch.set(`/value${relative}`, structuredClone(owned.get(ownedPath)));
+		}
+		return { value: scratch.get("/value") };
+	}
+	extendsApplied(book, operations) {
+		if (operations.length < book.appliedCount) return false;
+		if (book.appliedCount === 0) return true;
+		return JSON.stringify(operations[book.appliedCount - 1]) === book.lastFingerprint;
+	}
+	createSurface(key, threadId, agentId, content) {
+		return {
+			key,
+			threadId,
+			surfaceId: content.surfaceId,
+			agentId,
+			model: new _a2ui_web_core_v0_9.SurfaceModel(content.surfaceId, this.webCoreCatalog),
+			createdAt: ++creationCounter,
+			target: content.target,
+			status: content.status,
+			deleted: false,
+			failed: false,
+			serverRejected: content.rejected ?? [],
+			clientRejected: [],
+			operations: []
+		};
+	}
+	disposeSurface(key) {
+		this.surfaces.get(key)?.model.dispose();
+		this.surfaces.delete(key);
+		this.bookkeeping.delete(key);
+	}
+	/**
+	* Marks a surface deleted and frees its components and data. The record
+	* stays, so the model is still told about the id and the bookkeeping does
+	* not rebuild the surface for content that was already applied.
+	*/
+	closeSurface(surface) {
+		surface.deleted = true;
+		surface.model.dispose();
+		surface.model = new _a2ui_web_core_v0_9.SurfaceModel(surface.surfaceId, this.webCoreCatalog);
+		this.owned.delete(surface.key);
+		this.linked.delete(surface.key);
+	}
+	/** The surfaces of a thread that a part of `surfaceId` reads, for tests. */
+	getLinkedSurfaceIds(threadId, surfaceId) {
+		const keys = this.linked.get(surfaceKey(threadId, surfaceId));
+		if (!keys) return [surfaceId];
+		const prefix = `${threadId}::`;
+		return [...keys].map((key) => key.slice(prefix.length));
+	}
+	/**
+	* Drops the node keys that the app sets: bound props and matched events.
+	* The model does not see them, so a model value for one is ignored, not
+	* rejected. This runs before validation, because validation rejects keys
+	* that are not in the manifest. It never changes the given operation.
+	*/
+	dropAppSetKeys(op) {
+		const kind = (0, _copilotkit_shared.getOperationKind)(op);
+		if (kind !== "updateComponents" && kind !== "createSurface") return op;
+		const record = op;
+		const payload = record[kind];
+		const nodes = payload?.components;
+		if (!Array.isArray(nodes)) return op;
+		return {
+			...record,
+			[kind]: {
+				...payload,
+				components: nodes.map((node) => this.dropAppSetNodeKeys(node))
+			}
+		};
+	}
+	dropAppSetNodeKeys(node) {
+		if (typeof node !== "object" || node === null || !("component" in node)) return node;
+		const { component } = node;
+		if (typeof component !== "string") return node;
+		const definition = this.ui.components.get(component);
+		if (!definition) return node;
+		return Object.fromEntries(Object.entries(node).filter(([key]) => !Object.hasOwn(definition.selectors, key) && !Object.hasOwn(definition.eventFunctions, key)));
+	}
+	/**
+	* The surfaces that `validateOperation` gets for one operation of the
+	* content of `surface`.
+	*
+	* - `knownSurfaces`: the surface, when it exists before the operation. It
+	*   does not exist before its first createSurface, or after a delete.
+	* - `createdSurfaces`: the surface, when a createSurface at this position
+	*   uses its id again. That is the case after the first operation, and for
+	*   a surface that was deleted before, unless the content replays that
+	*   delete.
+	*/
+	surfacesFor(surface, kind, position) {
+		const isFirstCreate = kind === "createSurface" && position.index === 0;
+		const exists = !surface.deleted && !isFirstCreate;
+		const isRecreate = this.deletedKeys.has(surface.key) && !position.isReplay;
+		const isUsedAgain = position.index > 0 || isRecreate;
+		return {
+			knownSurfaces: new Set(exists ? [surface.surfaceId] : []),
+			createdSurfaces: new Set(isUsedAgain ? [surface.surfaceId] : [])
+		};
+	}
+	applyOperation(surface, received, position) {
+		const { index } = position;
+		const kind = (0, _copilotkit_shared.getOperationKind)(received);
+		if (kind === "callRendererFunction") return;
+		const reject = (reason) => {
+			if (kind === "createSurface" && index === 0) {
+				this.closeSurface(surface);
+				surface.failed = true;
+			}
+			surface.clientRejected.push({
+				index,
+				reason
+			});
+			this.options.onOperationRejected?.({
+				surfaceId: surface.surfaceId,
+				index,
+				reason
+			});
+		};
+		const targetId = (0, _copilotkit_shared.getOperationSurfaceId)(received);
+		if (targetId !== void 0 && targetId !== surface.surfaceId) return reject(`operation is for surface "${targetId}", not "${surface.surfaceId}"`);
+		const op = this.dropAppSetKeys(received);
+		const validation = (0, _copilotkit_shared.validateOperation)(op, {
+			manifest: {
+				catalogId: this.ui.id,
+				catalogIds: require_MarkdownSurfaces.catalogIdsOf(this.ui),
+				components: this.ui.manifestComponents
+			},
+			...this.surfacesFor(surface, kind, position),
+			allowedComponents: this.allowedComponentsFor(surface)
+		});
+		if (!validation.ok) return reject(validation.reason);
+		const typed = op;
+		if ("createSurface" in typed) {
+			const { dataModel, components = [] } = typed.createSurface;
+			const problem = this.nodesProblem(components);
+			if (problem) return reject(problem);
+			if (dataModel) {
+				const failure = this.writeAgentData(surface, "/", dataModel);
+				if (failure) return reject(failure);
+			}
+			for (const node of components) this.upsertNode(surface.model, node);
+			return;
+		}
+		if ("updateComponents" in typed) {
+			const nodes = typed.updateComponents.components;
+			const problem = this.nodesProblem(nodes);
+			if (problem) return reject(problem);
+			for (const node of nodes) this.upsertNode(surface.model, node);
+			return;
+		}
+		if ("updateDataModel" in typed) {
+			const { path = "/", value } = typed.updateDataModel;
+			const written = value === null ? void 0 : value;
+			const failure = this.writeAgentData(surface, normalizePath(path), written);
+			if (failure) return reject(failure);
+			return;
+		}
+		if ("deleteSurface" in typed) {
+			this.closeSurface(surface);
+			this.deletedKeys.add(surface.key);
+		}
+	}
+	/** The first node with props of the wrong type, as a reason. */
+	nodesProblem(nodes) {
+		for (const node of nodes) {
+			const problem = this.checkNodeProps(node);
+			if (problem) return `component "${node.id}": ${problem}`;
+		}
+	}
+	/**
+	* Writes an agent value at `path` and keeps the user-owned values. A write
+	* to a user-owned path is ignored, not rejected. Gives the reason when the
+	* value does not fit the data, else `undefined`.
+	*/
+	writeAgentData(surface, path, value) {
+		try {
+			const merged = this.mergeOwnedValues(surface.key, path, value);
+			if (merged) surface.model.dataModel.set(path, merged.value);
+			return;
+		} catch (error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+	}
+	checkNodeProps(node) {
+		const definition = this.ui.components.get(node.component);
+		if (!definition) return `unknown component "${node.component}"`;
+		const { id: _id, component: _component, ...rest } = node;
+		const dataProps = Object.fromEntries(Object.entries(rest).filter(([key]) => !definition.events?.[key] && !definition.slots?.[key] && !_copilotkit_shared.A2UI_COMPONENT_ENVELOPE_KEYS.has(key)));
+		if (!definition.props) return void 0;
+		const unknownNow = new Set(Object.keys(definition.selectors));
+		const literals = {};
+		for (const [key, value] of Object.entries(dataProps)) if (require_MarkdownSurfaces.containsDynamicValue(value)) unknownNow.add(key);
+		else literals[key] = value;
+		let result = require_MarkdownSurfaces.validateSchemaSync(definition.props, literals);
+		if (!result.success) {
+			const unset = require_MarkdownSurfaces.withoutRejectedNulls(literals, result.issues);
+			if (unset) result = require_MarkdownSurfaces.validateSchemaSync(definition.props, unset);
+		}
+		if (result.success) return void 0;
+		const issues = result.issues.filter((issue) => {
+			const key = require_MarkdownSurfaces.issueKey(issue);
+			return key === void 0 ? require_MarkdownSurfaces.isAsyncIssue(issue) : !unknownNow.has(key);
+		});
+		return issues.length > 0 ? require_MarkdownSurfaces.formatIssues(issues) : void 0;
+	}
+	upsertNode(model, node) {
+		const { id, component, ...rest } = node;
+		const properties = structuredClone(rest);
+		const existing = model.componentsModel.get(id);
+		if (existing && existing.type === component) {
+			existing.properties = properties;
+			return;
+		}
+		if (existing) model.componentsModel.removeComponent(id);
+		model.componentsModel.addComponent(new _a2ui_web_core_v0_9.ComponentModel(id, component, properties));
+	}
+};
+
+//#endregion
+//#region src/v2/generative-ui/use-generative-ui-root.ts
+const isDevelopment = () => process.env.NODE_ENV !== "production";
+/** At most this many function follow-up runs for each user turn. */
+const MAX_FUNCTION_FOLLOW_UPS = 5;
+function ingestMessages(manager, agent, messages) {
+	if (!agent.threadId) return;
+	for (const message of messages) if (message.role === "activity" && message.activityType === _copilotkit_shared.GENERATIVE_UI_ACTIVITY_TYPE) manager.ingest(agent.threadId, agent.agentId, message.content);
+}
+/** What the envelope of a run says, from the provider config. */
+function envelopeOptionsFor(config) {
+	if (config.transport === "markdown") return {
+		transport: "markdown",
+		includeCatalog: config.includeCatalog !== false,
+		contextSent: config.sendContext !== false
+	};
+	return {
+		transport: "tool",
+		includeCatalog: true,
+		contextSent: false
+	};
+}
+/**
+* The components of a surface as one `updateComponents` operation, so that
+* the label of the component that sent an event can be found.
+*/
+function surfaceComponents(surface) {
+	const components = [...surface.model.componentsModel.entries].map(([id, model]) => ({
+		...model.properties,
+		id,
+		component: model.type
+	}));
+	return [{
+		version: _copilotkit_shared.A2UI_VERSION,
+		updateComponents: {
+			surfaceId: surface.surfaceId,
+			components
+		}
+	}];
+}
+/** True when `value` names a `functionCallId`. */
+function hasFunctionCallId(value) {
+	return typeof value === "object" && value !== null && "functionCallId" in value && typeof value.functionCallId === "string" && value.functionCallId !== "";
+}
+/** The `functionCallId` that a developer message answers, if any. */
+function answeredCallId(content) {
+	if (!content.includes("rendererFunctionResponse")) return void 0;
+	try {
+		const parsed = JSON.parse(content);
+		const response = typeof parsed === "object" && parsed !== null && "rendererFunctionResponse" in parsed ? parsed.rendererFunctionResponse : void 0;
+		return hasFunctionCallId(response) ? response.functionCallId : void 0;
+	} catch {
+		return;
+	}
+}
+/** The function calls that a developer message in `messages` answers. */
+function answeredCallIds(messages) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const message of messages) {
+		if (message.role !== "developer") continue;
+		const id = answeredCallId(message.content);
+		if (id !== void 0) ids.add(id);
+	}
+	return ids;
+}
+/** The id of the last user message. A user turn starts with it. */
+function lastUserMessageId(messages) {
+	for (let index = messages.length - 1; index >= 0; index--) {
+		const message = messages[index];
+		if (message?.role === "user") return message.id;
+	}
+}
+/** The function calls of the tool transport: its function-call activities. */
+function activityFunctionCalls(messages) {
+	const requests = [];
+	for (const message of messages) {
+		if (!(message.role === "activity" && message.activityType === _copilotkit_shared.GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE) || !hasFunctionCallId(message.content)) continue;
+		requests.push({
+			functionCallId: message.content.functionCallId,
+			operation: {
+				version: _copilotkit_shared.A2UI_VERSION,
+				callRendererFunction: message.content
+			}
+		});
+	}
+	return requests;
+}
+/** The function calls of the markdown transport: its fence lines. */
+function markdownFunctionCalls(calls) {
+	const requests = [];
+	for (const { operation } of calls) {
+		const payload = operation.callRendererFunction;
+		if (!hasFunctionCallId(payload)) continue;
+		requests.push({
+			functionCallId: payload.functionCallId,
+			operation
+		});
+	}
+	return requests;
 }
-
-//#endregion
-//#region src/v2/a2ui/A2UICatalogContext.tsx
+/** The text of a `rendererFunctionResponse` developer message. */
+function responseContent(response) {
+	return JSON.stringify({
+		version: _copilotkit_shared.A2UI_VERSION,
+		rendererFunctionResponse: response
+	});
+}
+function errorAnswer(functionCallId, code, message) {
+	return {
+		content: responseContent({
+			functionCallId,
+			error: {
+				code,
+				message
+			}
+		}),
+		followUp: true
+	};
+}
+const overCapAnswer = (functionCallId) => ({
+	content: responseContent({
+		functionCallId,
+		error: {
+			code: "follow_up_limit",
+			message: `The function did not run. A user turn can have at most ${MAX_FUNCTION_FOLLOW_UPS} function follow-up runs. Wait for the next user message.`
+		}
+	}),
+	followUp: false
+});
 /**
-* Renders agent context describing the available A2UI catalog and custom components.
-* Only mount this component when A2UI is enabled.
-*
-* The entries are scoped to the agents the runtime applies A2UI to
-* (`copilotkit.a2uiAgents`, #5369), so agents outside that list don't receive
-* the catalog/schema/guidelines payload on their runs.
+* Runs the functions that the agent calls with `callRendererFunction`, for
+* both transports, and answers each call.
 *
-* When `includeSchema` is true, the full component schemas (JSON Schema) are also
-* sent as context using the same description key as the A2UI middleware, so the
-* middleware can optionally overwrite it with a server-side schema.
+* - Each `functionCallId` runs once for each thread. A replay, a sync of
+*   the same messages again, or a call that already has an answer message
+*   does not run it again.
+* - The answer is a hidden developer message with a `rendererFunctionResponse`.
+*   The answers go to the agent only when it is not running. Then one
+*   follow-up run starts for all of them.
+* - A user turn has at most {@link MAX_FUNCTION_FOLLOW_UPS} follow-up runs.
+*   A call after that does not run. It gets a `follow_up_limit` error and
+*   starts no follow-up run.
 */
-function A2UICatalogContext({ catalog, includeSchema }) {
-	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const capabilitiesValue = (0, react.useMemo)(() => (0, _copilotkit_a2ui_renderer.buildCatalogContextValue)(catalog), [catalog]);
-	const schemaValue = (0, react.useMemo)(() => includeSchema !== false ? JSON.stringify((0, _copilotkit_a2ui_renderer.extractCatalogComponentSchemas)(catalog)) : null, [catalog, includeSchema]);
-	const a2uiAgentsKey = copilotkit?.a2uiAgents?.join(",");
-	(0, react.useLayoutEffect)(() => {
-		if (!copilotkit) return;
-		const agentIds = copilotkit.a2uiAgents;
-		const scope = agentIds ? { agentIds } : {};
-		const ids = [];
-		ids.push(copilotkit.addContext({
-			description: "A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.",
-			value: capabilitiesValue,
-			...scope
-		}));
-		if (schemaValue) {
-			ids.push(copilotkit.addContext({
-				description: _copilotkit_a2ui_renderer.A2UI_SCHEMA_CONTEXT_DESCRIPTION,
-				value: schemaValue,
-				...scope
-			}));
-			ids.push(copilotkit.addContext({
-				description: "A2UI generation guidelines — protocol rules, tool arguments, path rules, data model format, and form/two-way-binding instructions.",
-				value: _copilotkit_shared.A2UI_DEFAULT_GENERATION_GUIDELINES,
-				...scope
-			}));
-			ids.push(copilotkit.addContext({
-				description: "A2UI design guidelines — visual design rules, component hierarchy tips, and action handler patterns.",
-				value: _copilotkit_shared.A2UI_DEFAULT_DESIGN_GUIDELINES,
-				...scope
-			}));
+function createFunctionCallRunner(options) {
+	const { copilotkit, dispatcher, manifest } = options;
+	const threads = /* @__PURE__ */ new Map();
+	const threadState = (threadId) => {
+		let state = threads.get(threadId);
+		if (!state) {
+			state = {
+				done: /* @__PURE__ */ new Set(),
+				pending: [],
+				turn: void 0,
+				followUps: 0,
+				flushing: false
+			};
+			threads.set(threadId, state);
 		}
-		return () => {
-			for (const id of ids) copilotkit.removeContext(id);
+		return state;
+	};
+	const answer = async (request) => {
+		const { functionCallId } = request;
+		const validation = (0, _copilotkit_shared.validateOperation)(request.operation, {
+			manifest,
+			knownSurfaces: /* @__PURE__ */ new Set()
+		});
+		if (!validation.ok) return errorAnswer(functionCallId, "invalid_arguments", validation.reason);
+		const operation = request.operation;
+		if (!("callRendererFunction" in operation)) return errorAnswer(functionCallId, "invalid_arguments", "the operation is not a callRendererFunction");
+		const { callFunction } = operation.callRendererFunction;
+		const name = callFunction["@call"];
+		const result = await dispatcher.invoke(name, callFunction.args ?? {}, { functionCallId });
+		if (!result.ok) return errorAnswer(functionCallId, result.error.code, result.error.message);
+		try {
+			return {
+				content: responseContent({
+					functionCallId,
+					value: result.result ?? null
+				}),
+				followUp: true
+			};
+		} catch (cause) {
+			return errorAnswer(functionCallId, "handler_failed", `The result of "${name}" is not JSON: ${cause instanceof Error ? cause.message : String(cause)}`);
+		}
+	};
+	/**
+	* Adds the pending answers of a thread to the agent, then starts one
+	* follow-up run. It waits while the agent runs: the next read of the
+	* thread, at the end of the run, flushes again.
+	*/
+	const flush = async (agent, threadId, state) => {
+		if (state.flushing) return;
+		state.flushing = true;
+		try {
+			while (state.pending.length > 0) {
+				const batch = [...state.pending];
+				const answers = await Promise.all(batch);
+				await copilotkit.waitForPendingFrameworkUpdates();
+				if (agent.isRunning || agent.threadId !== threadId) return;
+				if (state.pending.length > batch.length) continue;
+				state.pending = [];
+				for (const { content } of answers) agent.addMessage({
+					id: (0, _copilotkit_shared.randomUUID)(),
+					role: "developer",
+					content
+				});
+				if (!answers.some((item) => item.followUp)) continue;
+				state.followUps++;
+				await copilotkit.runAgent({ agent });
+			}
+		} catch (error) {
+			if (isDevelopment()) console.warn("[generativeUI] function follow-up run failed:", error);
+		} finally {
+			state.flushing = false;
+		}
+	};
+	return { run(agent, requests, messages, running) {
+		const { threadId } = agent;
+		if (!threadId) return;
+		const state = threadState(threadId);
+		const turn = lastUserMessageId(messages);
+		if (turn !== state.turn) {
+			state.turn = turn;
+			state.followUps = 0;
+		}
+		const isNew = (request) => !state.done.has(request.functionCallId);
+		const fresh = requests.filter(isNew);
+		const answered = fresh.length > 0 ? answeredCallIds(messages) : /* @__PURE__ */ new Set();
+		for (const request of fresh) {
+			const { functionCallId } = request;
+			if (state.done.has(functionCallId)) continue;
+			state.done.add(functionCallId);
+			if (answered.has(functionCallId)) continue;
+			const isOverCap = state.followUps >= MAX_FUNCTION_FOLLOW_UPS;
+			state.pending.push(isOverCap ? Promise.resolve(overCapAnswer(functionCallId)) : answer(request));
+		}
+		if (!running) flush(agent, threadId, state);
+	} };
+}
+/** Provider-side wiring: manager, dispatcher, agent subscriptions, envelope. */
+function useGenerativeUIRoot(copilotkit, config) {
+	const configRef = (0, react.useRef)(config);
+	configRef.current = config;
+	const ui = config?.ui;
+	const transport = config?.transport ?? "tool";
+	const theme = require_MarkdownSurfaces.useShallowStableRef(config?.theme);
+	const core = (0, react.useMemo)(() => {
+		if (!ui) return null;
+		const reportError = (info) => {
+			try {
+				configRef.current?.errorBoundary?.onError?.(info);
+			} catch (hostError) {
+				if (isDevelopment()) console.error("[generativeUI] errorBoundary.onError threw:", hostError);
+			}
+			if (isDevelopment()) console.warn(`[generativeUI] ${info.kind} error in ${info.surfaceId}${info.componentId ? `/${info.componentId}` : ""}: ${info.error?.message}`);
+		};
+		const manager = new GenerativeUISurfaceManager(ui, { onOperationRejected: ({ surfaceId, index, reason }) => reportError({
+			kind: "operation",
+			surfaceId,
+			error: /* @__PURE__ */ new Error(`operation ${index} rejected: ${reason}`)
+		}) });
+		const dispatcher = createGenerativeUIDispatcher({
+			getDeclared: () => ui.functions,
+			onError: ({ name, origin, error }) => {
+				if ("functionCallId" in origin) {
+					if (isDevelopment()) console.warn(`[generativeUI] function call ${origin.functionCallId} to "${name}" failed: ${error.message}`);
+					return;
+				}
+				reportError({
+					kind: "function",
+					...origin,
+					error
+				});
+			}
+		});
+		const functionCalls = createFunctionCallRunner({
+			copilotkit,
+			dispatcher,
+			manifest: {
+				catalogId: ui.id,
+				catalogIds: require_MarkdownSurfaces.catalogIdsOf(ui),
+				components: ui.manifestComponents
+			}
+		});
+		const forwardingAgents = /* @__PURE__ */ new Set();
+		/**
+		* The action of a user event, as an envelope entry scoped to the agent
+		* the user acted on, for the run that the event starts: the structured
+		* form of the user message. It is set before the run starts and dropped
+		* when the run is over, so a suggestion request or a follow-up run
+		* (both read the properties with no run start) does not carry the same
+		* action again, and another agent never gets a click meant for this one.
+		* The entry comes after the shared envelope, so it wins for its agent;
+		* `refreshActions` keeps it last when the shared envelope is set again.
+		*/
+		const actions = /* @__PURE__ */ new Map();
+		const dropAction = (agent) => {
+			const entry = actions.get(agent);
+			if (!entry) return;
+			entry.subscription.unsubscribe();
+			copilotkit.removeScopedProperties(entry.id);
+			actions.delete(agent);
+		};
+		const setAction = (agent, action) => {
+			const previous = actions.get(agent);
+			previous?.subscription.unsubscribe();
+			if (previous) copilotkit.removeScopedProperties(previous.id);
+			actions.delete(agent);
+			const latest = configRef.current;
+			if (!latest) return;
+			const envelope = buildGenerativeUIEnvelope({
+				ui,
+				manager,
+				dispatcher
+			}, agent.threadId, {
+				...envelopeOptionsFor(latest),
+				action
+			});
+			const id = copilotkit.addScopedProperties({
+				properties: { [_copilotkit_shared.COPILOTKIT_FORWARDED_PROPS_KEY]: { ui: envelope } },
+				agentIds: agent.agentId === void 0 ? latest.agentIds : [agent.agentId]
+			});
+			const subscription = agent.subscribe({
+				onRunFinalized: () => dropAction(agent),
+				onRunFailed: () => dropAction(agent)
+			});
+			actions.set(agent, {
+				id,
+				action,
+				subscription
+			});
+		};
+		const refreshActions = () => {
+			for (const [agent, { action }] of [...actions]) setAction(agent, action);
+		};
+		const dropAllActions = () => {
+			for (const agent of [...actions.keys()]) dropAction(agent);
+		};
+		const forwardEvent = async (event, agentId) => {
+			const fail = (message) => {
+				const error = new require_MarkdownSurfaces.GenerativeUIError("event_forward_failed", message);
+				reportError({
+					kind: "event",
+					surfaceId: event.surfaceId,
+					componentId: event.componentId,
+					error
+				});
+				return {
+					ok: false,
+					error
+				};
+			};
+			const agent = copilotkit.getAgent(agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID);
+			if (!agent) return fail(`No agent "${agentId}" to receive "${event.name}"`);
+			if (agent.isRunning || forwardingAgents.has(agent)) return {
+				ok: false,
+				error: new require_MarkdownSurfaces.GenerativeUIError("agent_busy", `"${event.name}" was not sent: the agent is running`)
+			};
+			forwardingAgents.add(agent);
+			try {
+				const surface = agent.threadId ? manager.getSurface(agent.threadId, event.surfaceId) : void 0;
+				const resolveLabel = surface ? createComponentLabelResolver(surfaceComponents(surface)) : void 0;
+				agent.addMessage({
+					id: (0, _copilotkit_shared.randomUUID)(),
+					role: "user",
+					content: buildActionMessageText(event, resolveLabel)
+				});
+				setAction(agent, (0, _copilotkit_shared.toA2UIActionMessage)(event));
+				await copilotkit.runAgent({ agent });
+				return {
+					ok: true,
+					result: void 0
+				};
+			} catch (cause) {
+				return fail(`Forwarding "${event.name}" failed: ${cause instanceof Error ? cause.message : String(cause)}`);
+			} finally {
+				forwardingAgents.delete(agent);
+				dropAction(agent);
+			}
+		};
+		return {
+			manager,
+			dispatcher,
+			ui,
+			forwardEvent,
+			reportError,
+			functionCalls,
+			refreshActions,
+			dropAllActions
+		};
+	}, [ui, copilotkit]);
+	const runtime = (0, react.useMemo)(() => {
+		if (!core) return null;
+		const { manager, dispatcher, forwardEvent, reportError } = core;
+		return {
+			manager,
+			dispatcher,
+			ui: core.ui,
+			forwardEvent,
+			reportError,
+			transport,
+			theme,
+			get config() {
+				return configRef.current ?? { ui: core.ui };
+			},
+			get errorFallback() {
+				return configRef.current?.errorBoundary?.fallback;
+			}
 		};
 	}, [
-		copilotkit,
-		capabilitiesValue,
-		schemaValue,
-		a2uiAgentsKey
+		core,
+		transport,
+		theme
 	]);
-	return null;
+	(0, react.useEffect)(() => {
+		if (!core) return;
+		const watched = /* @__PURE__ */ new WeakSet();
+		const agentSubscriptions = [];
+		let envelopeId;
+		const debug = createGenerativeUIDebugSource(core, () => {
+			const latest = configRef.current ?? { ui: core.ui };
+			return {
+				options: envelopeOptionsFor(latest),
+				agentIds: latest.agentIds
+			};
+		});
+		copilotkit.ɵsetGenerativeUIDebugSource(debug.source);
+		const removeEnvelope = () => {
+			if (envelopeId === void 0) return;
+			copilotkit.removeScopedProperties(envelopeId);
+			envelopeId = void 0;
+		};
+		/**
+		* Sets the shared envelope of the run. The action entries of the agents
+		* with a user event under way (see `forwardEvent`) are set again after
+		* it, so they stay the last entries and win for their agents.
+		*/
+		const setEnvelope = (agent, latest) => {
+			removeEnvelope();
+			const run = describeGenerativeUIRun(core, agent.threadId, envelopeOptionsFor(latest));
+			envelopeId = copilotkit.addScopedProperties({
+				properties: { [_copilotkit_shared.COPILOTKIT_FORWARDED_PROPS_KEY]: { ui: run.envelope } },
+				agentIds: latest.agentIds
+			});
+			core.refreshActions();
+			if (!latest.agentIds || latest.agentIds.includes(agent.agentId ?? "")) debug.recordRun({
+				...run,
+				agentId: agent.agentId,
+				threadId: agent.threadId,
+				startedAt: Date.now()
+			});
+		};
+		/**
+		* The tool transport reads the surface activity messages. The markdown
+		* transport reads the ```a2ui fences of the assistant messages, and
+		* builds the surfaces of the thread from them again on each change.
+		* Both give their function calls to the one runner.
+		*/
+		const readMessages = (agent, messages, running) => {
+			const requests = activityFunctionCalls(messages);
+			const { threadId } = agent;
+			if (configRef.current?.transport !== "markdown") ingestMessages(core.manager, agent, messages);
+			else if (threadId) {
+				core.manager.setActiveThread(threadId);
+				const calls = require_MarkdownSurfaces.getMarkdownSurfaceSource(core).sync(threadId, agent.agentId, messages, { running });
+				requests.push(...markdownFunctionCalls(calls));
+			}
+			core.functionCalls.run(agent, requests, messages, running);
+		};
+		const subscription = copilotkit.subscribe({ onAgentRunStarted: ({ agent }) => {
+			core.manager.setActiveThread(agent.threadId);
+			const latest = configRef.current;
+			if (latest) setEnvelope(agent, latest);
+			if (!watched.has(agent)) {
+				watched.add(agent);
+				agentSubscriptions.push(agent.subscribe({
+					onMessagesChanged: ({ messages }) => readMessages(agent, messages, agent.isRunning),
+					onRunFinalized: () => readMessages(agent, agent.messages, false),
+					onRunFailed: () => readMessages(agent, agent.messages, false)
+				}));
+			}
+			readMessages(agent, agent.messages, true);
+		} });
+		return () => {
+			subscription.unsubscribe();
+			for (const s of agentSubscriptions) s.unsubscribe();
+			core.dropAllActions();
+			removeEnvelope();
+			if (copilotkit.ɵgenerativeUIDebugSource === debug.source) copilotkit.ɵsetGenerativeUIDebugSource(void 0);
+		};
+	}, [core, copilotkit]);
+	useGenerativeUIMarkdownContext(copilotkit, core, {
+		enabled: config?.transport === "markdown" && config.sendContext !== false,
+		agentIds: config?.agentIds
+	});
+	return runtime;
 }
 
 //#endregion
@@ -3483,7 +4907,7 @@ function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 	return value;
 }
 /** Provide a shared core instance and synchronize runtime, tool, and UI configuration. */
-const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, messageFilter, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, agentId, showIntelligenceIndicator = true, useSingleEndpoint, onError, a2ui, mcpApps, defaultThrottleMs, debug, learning }) => {
+const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, messageFilter, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, agentId, showIntelligenceIndicator = true, useSingleEndpoint, onError, a2ui, generativeUI, mcpApps, defaultThrottleMs, debug, learning }) => {
 	const learningConfig = (0, react.useMemo)(() => toLearningConfig(learning), [learning]);
 	const [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
 	const [inspectorVisible, setInspectorVisible] = (0, react.useState)(false);
@@ -3505,6 +4929,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	const openGenUIActive = runtimeOpenGenUIEnabled || !!openGenerativeUI;
 	const a2uiCatalogProvided = !!a2ui?.catalog;
 	const a2uiActive = runtimeA2UIEnabled || a2uiCatalogProvided;
+	const generativeUIActive = !!generativeUI?.ui;
 	const [runtimeLicenseStatus, setRuntimeLicenseStatus] = (0, react.useState)(void 0);
 	const [runtimeEntitlements, setRuntimeEntitlements] = (0, react.useState)(void 0);
 	const [runtimeEntitlementRetryPending, setRuntimeEntitlementRetryPending] = (0, react.useState)(false);
@@ -3558,10 +4983,12 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 			loadingComponent: a2ui?.loadingComponent,
 			recovery: a2ui?.recovery
 		}));
+		if (generativeUIActive) renderers.push(require_MarkdownSurfaces.createGenerativeUIActivityRenderer(), require_MarkdownSurfaces.createGenerativeUIFunctionCallActivityRenderer());
 		return renderers;
 	}, [
 		a2uiActive,
 		openGenUIActive,
+		generativeUIActive,
 		a2ui,
 		filteredCatalog,
 		mcpAppsAllowSameOrigin
@@ -3728,6 +5155,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		if (defaultThrottleMs !== void 0) copilotkitRef.current.setDefaultThrottleMs(defaultThrottleMs);
 	}
 	const copilotkit = copilotkitRef.current;
+	const generativeUIRuntime = useGenerativeUIRoot(copilotkit, generativeUI);
 	(0, react.useEffect)(() => {
 		if (!rawCatalog) return;
 		if (!(rawCatalog instanceof _copilotkit_a2ui_renderer.Catalog)) return;
@@ -3966,6 +5394,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 				value: licenseContextValue,
 				children: [
 					a2uiActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIBuiltInToolCallRenderer, {}),
+					generativeUIActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.GenerativeUIToolCallRenderer, {}),
 					a2uiActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UICatalogContext, {
 						catalog: filteredCatalog,
 						includeSchema: a2ui?.includeSchema
@@ -3974,7 +5403,10 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 						value: inspectorContextValue,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_copilotkit_react_core_v2_context.CopilotKitAgentIdContext.Provider, {
 							value: agentId,
-							children
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.GenerativeUIRuntimeContext.Provider, {
+								value: generativeUIRuntime,
+								children
+							})
 						}), shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
 							core: copilotkit,
 							openRequest: inspectorOpenRequest,
@@ -3995,7 +5427,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 //#region src/v2/hooks/use-render-custom-messages.tsx
 function useRenderCustomMessages() {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const config = useCopilotChatConfiguration();
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	if (!config) return null;
 	const { agentId, threadId } = config;
 	const customMessageRenderers = copilotkit.renderCustomMessages.filter((renderer) => renderer.agentId === void 0 || renderer.agentId === agentId).sort((a, b) => {
@@ -4040,7 +5472,7 @@ function useRenderCustomMessages() {
 //#region src/v2/hooks/use-render-activity-message.tsx
 function useRenderActivityMessage() {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
+	const agentId = require_MarkdownSurfaces.useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 	const renderers = copilotkit.renderActivityMessages;
 	const findRenderer = (0, react.useCallback)((activityType) => {
 		if (!renderers.length) return null;
@@ -4398,7 +5830,7 @@ function useRenderTool(config, deps) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	const depsVersion = useDepsVersion(deps);
 	(0, react.useEffect)(() => {
-		const renderer = config.name === "*" && !config.parameters ? defineToolCallRenderer({
+		const renderer = config.name === "*" && !config.parameters ? require_MarkdownSurfaces.defineToolCallRenderer({
 			name: "*",
 			render: (props) => config.render({
 				...props,
@@ -4406,7 +5838,7 @@ function useRenderTool(config, deps) {
 			}),
 			...config.agentId ? { agentId: config.agentId } : {},
 			group: config.group
-		}) : defineToolCallRenderer({
+		}) : require_MarkdownSurfaces.defineToolCallRenderer({
 			name: config.name,
 			args: config.parameters,
 			render: (props) => {
@@ -4572,14 +6004,14 @@ function ToolCallRow({ name, parameters, result, status, appearance, className,
 	const line = appearance === "line";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-copilotkit": true,
-		className: (0, tailwind_merge.twMerge)(!line && "cpk:border-t cpk:border-border", className),
+		className: (0, tailwind_merge.twMerge)(appearance === "card" && "cpk:border-t cpk:border-border", className),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
 			"aria-expanded": open,
 			"aria-controls": detailsId,
 			onClick: () => setOpen((value) => !value),
-			className: (0, tailwind_merge.twMerge)("cpk:group/row cpk:m-0 cpk:flex cpk:min-w-0 cpk:cursor-pointer cpk:items-center cpk:gap-2 cpk:border-none cpk:bg-transparent cpk:text-left cpk:text-[13px] cpk:text-inherit cpk:transition-colors cpk:hover:bg-accent/60 cpk:focus-visible:outline-2 cpk:focus-visible:-outline-offset-2 cpk:focus-visible:outline-ring", line ? "cpk:-mx-1.5 cpk:w-[calc(100%+0.75rem)] cpk:rounded-md cpk:px-1.5 cpk:py-1" : "cpk:w-full cpk:px-3.5 cpk:py-2"),
+			className: (0, tailwind_merge.twMerge)("cpk:group/row cpk:m-0 cpk:flex cpk:min-w-0 cpk:cursor-pointer cpk:items-center cpk:gap-2 cpk:border-none cpk:bg-transparent cpk:text-left cpk:text-[13px] cpk:text-inherit cpk:transition-colors cpk:hover:bg-accent/60 cpk:focus-visible:outline-2 cpk:focus-visible:-outline-offset-2 cpk:focus-visible:outline-ring", line ? "cpk:-mx-1.5 cpk:w-[calc(100%+0.75rem)] cpk:rounded-md cpk:px-1.5 cpk:py-1" : appearance === "stack" ? "cpk:w-full cpk:px-3.5 cpk:py-2.5" : "cpk:w-full cpk:px-3.5 cpk:py-2"),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIcon, { status }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -4619,7 +6051,8 @@ function ToolCallRow({ name, parameters, result, status, appearance, className,
 *
 * Each call is drawn by its registered renderer. CopilotKit's built-in card
 * (`useDefaultRenderTool`) draws a compact row inside the card and line
-* appearances; a custom wildcard renderer draws whatever it draws.
+* appearances and an open stack; a custom wildcard renderer draws whatever it
+* draws.
 */
 function CopilotChatToolCallGroup({ calls, renderCall, appearance = "card", isActive = false, className, ...props }) {
 	const [open, setOpen] = (0, react.useState)(false);
@@ -4698,11 +6131,6 @@ function CopilotChatToolCallGroup({ calls, renderCall, appearance = "card", isAc
 		});
 	}
 	if (appearance === "stack") {
-		if (calls.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			...groupProps,
-			className: (0, tailwind_merge.twMerge)("cpk:py-1", className),
-			children: renderCall(latest)
-		});
 		const behind = open ? 0 : Math.min(calls.length - 1, 2);
 		const layer = "cpk:rounded-xl cpk:border cpk:border-border cpk:bg-card cpk:text-card-foreground";
 		const latestStatus = entryStatus(latest, isActive);
@@ -4716,68 +6144,88 @@ function CopilotChatToolCallGroup({ calls, renderCall, appearance = "card", isAc
 			},
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cpk:relative cpk:isolate",
-				children: [Array.from({ length: behind }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					"aria-hidden": "true",
-					className: (0, tailwind_merge.twMerge)(layer, "cpk:absolute cpk:inset-0"),
-					style: {
-						transform: `translateY(${(index + 1) * 6}px) scaleX(${1 - (index + 1) * .045})`,
-						zIndex: -1 - index,
-						opacity: 1 - (index + 1) * .28
-					}
-				}, index)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					"aria-expanded": open,
-					"aria-controls": open ? bodyId : void 0,
-					onClick: () => setOpen((value) => !value),
-					className: (0, tailwind_merge.twMerge)("cpk:relative cpk:m-0 cpk:flex cpk:min-w-0 cpk:cursor-pointer cpk:items-center cpk:text-left cpk:transition-colors cpk:focus-visible:outline-2 cpk:focus-visible:outline-ring", open ? "cpk:mb-1 cpk:gap-1.5 cpk:rounded-md cpk:border-none cpk:bg-transparent cpk:p-0 cpk:py-0.5 cpk:text-xs cpk:text-muted-foreground cpk:hover:text-foreground" : (0, tailwind_merge.twMerge)(layer, "cpk:w-full cpk:gap-2 cpk:px-3.5 cpk:py-2.5 cpk:text-[13px] cpk:shadow-[0_1px_2px_rgb(0_0_0/0.04)] cpk:hover:bg-accent")),
-					children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						pluralize(calls.length, "tool call"),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
-							open: true,
-							className: "cpk:-rotate-90"
-						}),
-						"Collapse"
-					] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "cpk:flex cpk:min-w-0 cpk:flex-1 cpk:items-center cpk:gap-2 cpk:animate-[cpk-stack-drop_260ms_cubic-bezier(0.16,1,0.3,1)] cpk:motion-reduce:animate-none",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIcon, { status: latestStatus }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: (0, tailwind_merge.twMerge)("cpk:shrink-0 cpk:font-mono cpk:font-medium cpk:text-foreground", latestStatus === "running" && "cpk-shimmer"),
-								children: latest.toolCall.function.name
-							}),
-							latestPreview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "cpk:min-w-0 cpk:truncate cpk:font-mono cpk:text-muted-foreground",
-								children: latestPreview
-							})
-						]
-					}, latest.toolCall.id), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "cpk:ml-2 cpk:inline-flex cpk:shrink-0 cpk:items-center cpk:gap-2 cpk:text-xs cpk:text-muted-foreground",
-						children: [
+				children: [
+					Array.from({ length: behind }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						"aria-hidden": "true",
+						className: (0, tailwind_merge.twMerge)(layer, "cpk:absolute cpk:inset-0"),
+						style: {
+							transform: `translateY(${(index + 1) * 6}px) scaleX(${1 - (index + 1) * .045})`,
+							zIndex: -1 - index,
+							opacity: 1 - (index + 1) * .28
+						}
+					}, index)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						"aria-expanded": open,
+						"aria-controls": open ? bodyId : void 0,
+						onClick: () => setOpen((value) => !value),
+						className: (0, tailwind_merge.twMerge)("cpk:relative cpk:m-0 cpk:flex cpk:min-w-0 cpk:cursor-pointer cpk:items-center cpk:text-left cpk:transition-colors cpk:focus-visible:outline-2 cpk:focus-visible:outline-ring", open ? "cpk:mb-1.5 cpk:w-full cpk:gap-1.5 cpk:rounded-md cpk:border-none cpk:bg-transparent cpk:p-0 cpk:py-0.5 cpk:text-xs cpk:text-muted-foreground cpk:hover:text-foreground" : (0, tailwind_merge.twMerge)(layer, "cpk:w-full cpk:gap-2 cpk:px-3.5 cpk:py-2.5 cpk:text-[13px] cpk:shadow-[0_1px_2px_rgb(0_0_0/0.04)] cpk:hover:bg-accent")),
+						children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							pluralize(calls.length, "tool call"),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "cpk:tabular-nums",
-								children: pluralize(calls.length, "call")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
-								open: false,
-								className: "cpk:rotate-90"
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "cpk:ml-auto cpk:inline-flex cpk:items-center cpk:gap-1",
+								children: ["Collapse", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
+									open: true,
+									className: "cpk:-rotate-90"
+								})]
 							})
-						]
-					})] })
-				})]
+						] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "cpk:flex cpk:min-w-0 cpk:flex-1 cpk:items-center cpk:gap-2 cpk:animate-[cpk-stack-drop_260ms_cubic-bezier(0.16,1,0.3,1)] cpk:motion-reduce:animate-none",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIcon, { status: latestStatus }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: (0, tailwind_merge.twMerge)("cpk:shrink-0 cpk:font-mono cpk:font-medium cpk:text-foreground", latestStatus === "running" && "cpk-shimmer"),
+									children: latest.toolCall.function.name
+								}),
+								latestPreview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "cpk:min-w-0 cpk:truncate cpk:font-mono cpk:text-muted-foreground",
+									children: latestPreview
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "cpk:sr-only",
+									children: statusLabels[latestStatus]
+								})
+							]
+						}, latest.toolCall.id), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "cpk:ml-2 cpk:inline-flex cpk:shrink-0 cpk:items-center cpk:gap-2 cpk:text-xs cpk:text-muted-foreground",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "cpk:tabular-nums",
+									children: pluralize(calls.length, "call")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
+									open: false,
+									className: "cpk:rotate-90"
+								})
+							]
+						})] })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"aria-live": "polite",
+						className: "cpk:sr-only",
+						children: open ? "" : `${latest.toolCall.function.name}: ${statusLabels[latestStatus]}`
+					})
+				]
 			}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				id: bodyId,
-				className: "cpk:[&>*]:animate-[cpk-stack-fan_300ms_cubic-bezier(0.16,1,0.3,1)_both] cpk:motion-reduce:[&>*]:animate-none",
-				children: calls.map((call) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: renderCall(call) }, call.toolCall.id))
+				className: "cpk:grid cpk:gap-1.5",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCallGroupContext.Provider, {
+					value: {
+						appearance: "stack",
+						failedIds,
+						active: isActive
+					},
+					children: calls.map((call, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, tailwind_merge.twMerge)(layer, "cpk:overflow-hidden cpk:shadow-[0_1px_2px_rgb(0_0_0/0.04)] cpk:animate-[cpk-stack-fan_240ms_cubic-bezier(0.16,1,0.3,1)_both] cpk:motion-reduce:animate-none"),
+						style: { animationDelay: `${index * 30}ms` },
+						children: renderCall(call)
+					}, call.toolCall.id))
+				})
 			})]
 		});
 	}
-	if (calls.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...groupProps,
-		className: (0, tailwind_merge.twMerge)("cpk:py-1", className),
-		children: renderCall(latest)
-	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		...groupProps,
 		className: (0, tailwind_merge.twMerge)("cpk:my-3 cpk:overflow-hidden cpk:rounded-xl cpk:border cpk:border-border cpk:bg-card cpk:text-card-foreground", className),
@@ -4800,7 +6248,7 @@ function CopilotChatToolCallGroup({ calls, renderCall, appearance = "card", isAc
 					className: "cpk:ml-auto cpk:flex cpk:shrink-0 cpk:items-center cpk:gap-2 cpk:pl-2 cpk:text-xs cpk:text-muted-foreground",
 					children: [status === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "cpk:tabular-nums",
-						children: status === "running" ? `${done} done` : statusLabels[status]
+						children: status !== "running" ? statusLabels[status] : done > 0 && `${done} done`
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, { open })]
 				})
 			]
@@ -5125,7 +6573,7 @@ function useAgent({ agentId, threadId, runtimeAgentId, updates, throttleMs } = {
 	if (threadId != null && runtimeAgentId == null) throw new Error(`useAgent: \`threadId\` requires \`runtimeAgentId\`. A threadId is written onto a single agent, but an agent resolved by agentId alone is shared, so scoping a thread to it would clobber other useAgent callers. Pass a distinct local \`agentId\` and the runtime agent to route to, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "${agentId ?? "default"}", threadId }).`);
 	if (runtimeAgentId != null && threadId == null) throw new Error(`useAgent: \`runtimeAgentId\` requires \`threadId\`. A proxied agent exists to scope a thread to a private instance; without a threadId it behaves like the shared agent while adding a registration and a local agentId to keep unique. Either pass the thread, e.g. useAgent({ agentId: "${agentId ?? "chat-1"}", runtimeAgentId: "${runtimeAgentId}", threadId }), or bind to the agent directly with useAgent({ agentId: "${runtimeAgentId}" }).`);
 	if (runtimeAgentId != null && agentId == null) throw new Error(`useAgent: \`runtimeAgentId\` requires an explicit \`agentId\`. The proxied agent is registered under \`agentId\`, and the usual fallbacks (chat configuration, then "${_copilotkit_shared.DEFAULT_AGENT_ID}") name agents that already exist — registering over one throws or shadows it. Pick a local id for this hook, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "${runtimeAgentId}", threadId }).`);
-	const chatConfig = useCopilotChatConfiguration();
+	const chatConfig = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const providerAgentId = (0, _copilotkit_react_core_v2_context.useDefaultAgentId)();
 	const resolvedAgentId = agentId ?? chatConfig?.agentId ?? providerAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
@@ -5355,7 +6803,7 @@ function useAgentContext(context) {
 //#region src/v2/hooks/use-suggestions.tsx
 function useSuggestions({ agentId } = {}) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const config = useCopilotChatConfiguration();
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const providerAgentId = (0, _copilotkit_react_core_v2_context.useDefaultAgentId)();
 	const resolvedAgentId = (0, react.useMemo)(() => agentId ?? config?.agentId ?? providerAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID, [
 		agentId,
@@ -5413,7 +6861,7 @@ function useSuggestions({ agentId } = {}) {
 //#region src/v2/hooks/use-configure-suggestions.tsx
 function useConfigureSuggestions(config, deps) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const chatConfig = useCopilotChatConfiguration();
+	const chatConfig = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const extraDeps = deps ?? [];
 	const resolvedConsumerAgentId = (0, react.useMemo)(() => chatConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID, [chatConfig?.agentId]);
 	const rawConsumerAgentId = (0, react.useMemo)(() => config ? config.consumerAgentId : void 0, [config]);
@@ -6252,7 +7700,7 @@ function useLearnFromUserAction() {
 * ```
 */
 function useLearnFromUserActionInCurrentThread() {
-	const config = useCopilotChatConfiguration();
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const learnFromUserAction = useLearnFromUserAction();
 	return (0, react.useCallback)(async (input) => {
 		const threadId = config?.threadId;
@@ -6622,7 +8070,7 @@ function useLearningContainers({ threadId, learningContainers }) {
 * Intelligence runtimes.
 */
 function useLearningContainersInCurrentThread({ learningContainers }) {
-	const threadId = useCopilotChatConfiguration()?.threadId;
+	const threadId = require_MarkdownSurfaces.useCopilotChatConfiguration()?.threadId;
 	if (!threadId) throw new Error("useLearningContainersInCurrentThread must be used within a thread context (no active threadId). Wrap the component in <CopilotChat>, <CopilotSidebar>, or <CopilotChatConfigurationProvider>, or use `useLearningContainers()` and pass `threadId` explicitly.");
 	useLearningContainers({
 		threadId,
@@ -6974,7 +8422,7 @@ function InspectorKiteIcon({ className, ...props }) {
 	});
 }
 function CopilotChatInspectorButton({ title, className, onClick, onPointerDown, onPointerEnter, onPointerLeave, onKeyDown, disabled, ...props }) {
-	const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const { isInspectorEnabled } = useCopilotKitInspector();
 	const hidden = useInspectorShortcutsHidden();
 	const [open, setOpen] = (0, react.useState)(false);
@@ -7445,7 +8893,7 @@ function WorkText({ messageId, children }) {
 * assistant message subscribe to chat configuration changes.
 */
 function BoundInspectorButton({ inspectorButton, messageId, openInspector, ...props }) {
-	const chatConfiguration = useCopilotChatConfiguration();
+	const chatConfiguration = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	return renderSlot(inspectorButton, CopilotChatAssistantMessage.InspectorButton, {
 		...props,
 		onClick: () => openInspector({
@@ -7490,7 +8938,7 @@ function nextFocusable(element, skip) {
 * control after the thumb, and Enter or Escape inside it returns to the thumb.
 */
 function FeedbackCommentPopover({ feedbackComment, comment, savedComment, rating, anchor, messageId }) {
-	const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const contentRef = (0, react.useRef)(null);
 	const focusInside = () => contentRef.current?.contains(document.activeElement) ?? false;
 	const { focusRequest, takeFocusRequest, inputRef } = comment;
@@ -7560,7 +9008,7 @@ function FeedbackCommentPopover({ feedbackComment, comment, savedComment, rating
 	});
 }
 function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, inspectorButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, feedbackComment: feedbackCommentSlot, toolCallsView, children, className, ...props }) {
-	useKatexStyles();
+	require_MarkdownSurfaces.useKatexStyles();
 	const { isInspectorEnabled, openInspector } = useCopilotKitInspector();
 	const shortcutsHidden = useInspectorShortcutsHidden();
 	const showInspectorShortcut = isInspectorEnabled && !shortcutsHidden;
@@ -7635,7 +9083,10 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 			}
 		};
 	};
-	const boundMarkdownRenderer = renderSlot(markdownRenderer, CopilotChatAssistantMessage.MarkdownRenderer, { content: message.content || "" });
+	const boundMarkdownRenderer = renderSlot(markdownRenderer, CopilotChatAssistantMessage.MarkdownRenderer, {
+		content: message.content || "",
+		messageId: message.id
+	});
 	const boundCopyButton = renderSlot(copyButton, CopilotChatAssistantMessage.CopyButton, { onClick: async () => {
 		if (message.content) return await (0, _copilotkit_shared.copyToClipboard)(message.content);
 		return false;
@@ -7745,11 +9196,19 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 	});
 }
 (function(_CopilotChatAssistantMessage) {
-	_CopilotChatAssistantMessage.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.Streamdown, {
-		className,
-		...props,
-		children: content ?? ""
-	});
+	_CopilotChatAssistantMessage.MarkdownRenderer = ({ content, className, messageId, ...props }) => {
+		if (require_MarkdownSurfaces.useGenerativeUIRuntime()?.transport === "markdown" && messageId !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.MarkdownSurfaces, {
+			content: content ?? "",
+			messageId,
+			className,
+			...props
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.Streamdown, {
+			className,
+			...props,
+			children: content ?? ""
+		});
+	};
 	_CopilotChatAssistantMessage.Toolbar = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": "copilot-assistant-toolbar",
 		className: (0, tailwind_merge.twMerge)("cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:-ml-[5px] cpk:-mt-[0px]", className),
@@ -7779,7 +9238,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 		});
 	};
 	_CopilotChatAssistantMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		const [copied, setCopied] = (0, react.useState)(false);
 		const timerRef = (0, react.useRef)(null);
 		(0, react.useEffect)(() => {
@@ -7810,7 +9269,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 	};
 	_CopilotChatAssistantMessage.InspectorButton = CopilotChatInspectorButton;
 	_CopilotChatAssistantMessage.ThumbsUpButton = ({ title, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-thumbs-up-button",
 			title: title || labels.assistantMessageToolbarThumbsUpLabel,
@@ -7822,7 +9281,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 		});
 	};
 	_CopilotChatAssistantMessage.ThumbsDownButton = ({ title, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-thumbs-down-button",
 			title: title || labels.assistantMessageToolbarThumbsDownLabel,
@@ -7834,7 +9293,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 		});
 	};
 	_CopilotChatAssistantMessage.FeedbackComment = ({ value, savedComment, inputRef, onChange, onSubmit, onEditingChange, onLeave, className }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		const changed = value.trim() !== savedComment;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 			"data-testid": "copilot-feedback-comment",
@@ -7869,7 +9328,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 		});
 	};
 	_CopilotChatAssistantMessage.ReadAloudButton = ({ title, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-read-aloud-button",
 			title: title || labels.assistantMessageToolbarReadAloudLabel,
@@ -7878,7 +9337,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 		});
 	};
 	_CopilotChatAssistantMessage.RegenerateButton = ({ title, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-regenerate-button",
 			title: title || labels.assistantMessageToolbarRegenerateLabel,
@@ -7900,7 +9359,13 @@ var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
 //#endregion
 //#region src/v2/components/chat/Lightbox.tsx
+/**
+* A full-screen preview portalled to `document.body`. It closes on Escape, a
+* click on the backdrop, or its close button, which is named by
+* `labels.attachmentPreviewCloseButtonLabel`.
+*/
 function Lightbox({ onClose, children }) {
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	(0, react.useEffect)(() => {
 		const handleKey = (e) => {
 			if (e.key === "Escape") onClose();
@@ -7915,7 +9380,7 @@ function Lightbox({ onClose, children }) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			onClick: onClose,
 			className: "cpk:absolute cpk:top-4 cpk:right-4 cpk:text-white cpk:bg-white/10 cpk:hover:bg-white/20 cpk:rounded-full cpk:w-10 cpk:h-10 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:border-none cpk:z-10",
-			"aria-label": "Close preview",
+			"aria-label": labels.attachmentPreviewCloseButtonLabel,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "cpk:w-5 cpk:h-5" })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			onClick: (e) => e.stopPropagation(),
@@ -8169,7 +9634,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 		})] });
 	};
 	_CopilotChatUserMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		const [copied, setCopied] = (0, react.useState)(false);
 		const handleClick = async (event) => {
 			let success = false;
@@ -8189,7 +9654,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 		});
 	};
 	_CopilotChatUserMessage.EditButton = ({ className, title, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-edit-button",
 			title: title || labels.userMessageToolbarEditMessageLabel,
@@ -8199,7 +9664,7 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 		});
 	};
 	_CopilotChatUserMessage.BranchNavigation = ({ className, currentBranch = 0, numberOfBranches = 1, onSwitchToBranch, message, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		if (!numberOfBranches || numberOfBranches <= 1 || !onSwitchToBranch) return null;
 		const canGoPrev = currentBranch > 0;
 		const canGoNext = currentBranch < numberOfBranches - 1;
@@ -8268,7 +9733,14 @@ function formatDuration$1(seconds) {
 	if (secs === 0) return `${mins} minute${mins > 1 ? "s" : ""}`;
 	return `${mins}m ${secs}s`;
 }
+/**
+* A reasoning message as a collapsible block. While the model reasons it is
+* open and the header shows `labels.reasoningMessageThinkingLabel`; when
+* streaming ends it collapses and the header reads "Thought for …". The
+* `header` slot also receives `elapsedSeconds`.
+*/
 function CopilotChatReasoningMessage({ message, messages, isRunning, isLatest: isLatestProp, header, contentView, toggle, children, className, ...props }) {
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const isLatest = isLatestProp ?? messages?.[messages.length - 1]?.id === message.id;
 	const isStreaming = !!(isRunning && isLatest);
 	const hasContent = !!(message.content && message.content.length > 0);
@@ -8298,12 +9770,13 @@ function CopilotChatReasoningMessage({ message, messages, isRunning, isLatest: i
 		userToggledRef.current = true;
 		setIsOpen((prev) => !prev);
 	} : void 0;
-	const label = isStreaming ? "Thinking…" : `Thought for ${formatDuration$1(elapsed)}`;
+	const label = isStreaming ? labels.reasoningMessageThinkingLabel : `Thought for ${formatDuration$1(elapsed)}`;
 	const boundHeader = renderSlot(header, CopilotChatReasoningMessage.Header, {
 		isOpen,
 		label,
 		hasContent,
 		isStreaming,
+		elapsedSeconds: elapsed,
 		onClick: handleToggle
 	});
 	const boundContent = renderSlot(contentView, CopilotChatReasoningMessage.Content, {
@@ -8335,7 +9808,7 @@ function CopilotChatReasoningMessage({ message, messages, isRunning, isLatest: i
 	});
 }
 (function(_CopilotChatReasoningMessage) {
-	_CopilotChatReasoningMessage.Header = ({ isOpen, label = "Thoughts", hasContent, isStreaming, className, children: headerChildren, ...headerProps }) => {
+	_CopilotChatReasoningMessage.Header = ({ isOpen, label = "Thoughts", hasContent, isStreaming, elapsedSeconds: _elapsedSeconds, className, children: headerChildren, ...headerProps }) => {
 		const isExpandable = !!hasContent;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
@@ -8820,7 +10293,7 @@ const isToolCallLikeMessage = (m) => {
 function IntelligenceIndicator(props) {
 	const { message, agentId, label = "CopilotKit Intelligence", intelligenceIndicator } = props;
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const config = useCopilotChatConfiguration();
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const { agent } = useAgent({
 		agentId,
 		updates: [UseAgentUpdate.OnRunStatusChanged, UseAgentUpdate.OnMessagesChanged]
@@ -9076,7 +10549,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	const renderCustomMessage = useRenderCustomMessages();
 	const { renderActivityMessage } = useRenderActivityMessage();
 	const { copilotkit, showIntelligenceIndicator = true } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const config = useCopilotChatConfiguration();
+	const config = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 	(0, react.useEffect)(() => {
 		if (!config?.agentId) return;
@@ -9611,7 +11084,12 @@ CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
 
 //#endregion
 //#region src/v2/components/chat/CopilotChatAttachmentQueue.tsx
+/**
+* The attachments queued in the composer, each with a preview and a remove
+* button named by `labels.attachmentRemoveButtonLabel`.
+*/
 const CopilotChatAttachmentQueue = ({ attachments, onRemoveAttachment, className }) => {
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	if (attachments.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": "copilot-attachment-queue",
@@ -9626,7 +11104,7 @@ const CopilotChatAttachmentQueue = ({ attachments, onRemoveAttachment, className
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						onClick: () => onRemoveAttachment(attachment.id),
 						className: cn("cpk:absolute cpk:bg-black/60 cpk:text-white cpk:border-none cpk:rounded-full cpk:w-5 cpk:h-5 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:text-[10px] cpk:z-20", isMedia ? "cpk:top-1 cpk:right-1" : "cpk:top-1.5 cpk:right-1.5"),
-						"aria-label": "Remove attachment",
+						"aria-label": labels.attachmentRemoveButtonLabel,
 						children: "✕"
 					})
 				]
@@ -9682,7 +11160,13 @@ function AudioPreview({ attachment }) {
 		})]
 	});
 }
+/**
+* A video thumbnail with a play button, named by
+* `labels.attachmentPlayVideoButtonLabel`, that opens the full player in a
+* lightbox.
+*/
 function VideoPreview({ attachment }) {
+	const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const src = (0, _copilotkit_shared.getSourceUrl)(attachment.source);
 	const { thumbnailRef, vtName, open, openLightbox, closeLightbox } = useLightbox();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -9703,7 +11187,7 @@ function VideoPreview({ attachment }) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			onClick: openLightbox,
 			className: "cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:z-10 cpk:cursor-pointer cpk:bg-black/20 cpk:border-none cpk:p-0",
-			"aria-label": "Play video",
+			"aria-label": labels.attachmentPlayVideoButtonLabel,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "cpk:w-8 cpk:h-8 cpk:rounded-full cpk:bg-black/60 cpk:flex cpk:items-center cpk:justify-center",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "cpk:w-4 cpk:h-4 cpk:text-white cpk:ml-0.5" })
@@ -9983,7 +11467,7 @@ function DropOverlay() {
 	});
 }
 function CopilotChatView({ messageView, input, scrollView, suggestionView, welcomeScreen, messages = [], autoScroll = true, isRunning = false, suggestions, suggestionLoadingIndexes, onSelectSuggestion, onSubmitMessage, onStop, inputMode, inputValue, onInputChange, onStartTranscribe, onCancelTranscribe, onFinishTranscribe, onFinishTranscribeWithAudio, attachments, onRemoveAttachment, onAddFile, dragOver, onDragOver, onDragLeave, onDrop, isConnecting = false, hasExplicitThreadId = false, disclaimer, intelligenceIndicator, children, className, ...props }) {
-	const configuredThreadId = useCopilotChatConfiguration()?.threadId;
+	const configuredThreadId = require_MarkdownSurfaces.useCopilotChatConfiguration()?.threadId;
 	const [fallbackThreadId, setFallbackThreadId] = (0, react.useState)(messages[0]?.id);
 	const previousMessageIds = (0, react.useRef)(/* @__PURE__ */ new Set());
 	(0, react.useEffect)(() => {
@@ -10419,7 +11903,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		});
 	};
 	_CopilotChatView.ScrollToBottomButton = ({ className, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 			"data-testid": "copilot-scroll-to-bottom",
 			variant: "outline",
@@ -10435,7 +11919,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		...props
 	});
 	_CopilotChatView.WelcomeMessage = ({ className, ...props }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 			className: cn("cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center", className),
 			...props,
@@ -10685,8 +12169,8 @@ function useInspectorThreadOverride(args) {
 
 //#endregion
 //#region src/v2/components/chat/CopilotChat.tsx
-function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isModalDefaultOpen, attachments: attachmentsConfig, onError, throttleMs, ...props }) {
-	const existingConfig = useCopilotChatConfiguration();
+function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isModalDefaultOpen, attachments: attachmentsConfig, onError, throttleMs, generativeUISurface, ...props }) {
+	const existingConfig = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const inspector = useCopilotKitInspector();
 	const inspectorContextValue = (0, react.useMemo)(() => ({
 		...inspector,
@@ -10790,6 +12274,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 	const pendingRunActivityReconnectRef = (0, react.useRef)(false);
 	const runActivityReconnectGenerationRef = (0, react.useRef)(0);
 	const activeLocalRunIdsRef = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const observedLocalRunIdsRef = (0, react.useRef)(/* @__PURE__ */ new Set());
 	const recentlyLocalRunIdsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 	const activeWakeRunIdsRef = (0, react.useRef)(/* @__PURE__ */ new Set());
 	const recentlyWakeRunIdsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
@@ -10821,7 +12306,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 	}, []);
 	const isLocalActiveRunActivity = (0, react.useCallback)((notification) => {
 		if (notification.agentId && notification.agentId !== resolvedAgentId) return false;
-		if (!notification.runId || !activeLocalRunIdsRef.current.has(notification.runId) && !recentlyLocalRunIdsRef.current.has(notification.runId)) return false;
+		if (!notification.runId || !activeLocalRunIdsRef.current.has(notification.runId) && !observedLocalRunIdsRef.current.has(notification.runId) && !recentlyLocalRunIdsRef.current.has(notification.runId)) return false;
 		const eventType = notification.eventType.toUpperCase();
 		return eventType === "RUN_STARTED" || eventType === "RUN_FINISHED" || eventType === "RUN_ERROR";
 	}, [resolvedAgentId]);
@@ -11020,6 +12505,16 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 			pendingWakeRunIdRef.current = notification.runId;
 			startRunActivityReconnectRef.current?.(generation);
 		});
+		const observedLocalRunIds = observedLocalRunIdsRef.current;
+		const localRunSubscription = agent.subscribe({
+			onRunInitialized: ({ input }) => {
+				observedLocalRunIds.add(input.runId);
+			},
+			onRunFinalized: ({ input }) => {
+				observedLocalRunIds.delete(input.runId);
+				rememberRecentlyLocalRunId(input.runId);
+			}
+		});
 		return () => {
 			detached = true;
 			pendingRunActivityReconnectRef.current = false;
@@ -11032,6 +12527,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 			if (wakeReconnectActive) agent.detachActiveRun().catch(() => {});
 			activeWakeRunIdsRef.current.clear();
 			subscription.unsubscribe();
+			localRunSubscription.unsubscribe();
 			if (ownsStandaloneStore) {
 				threadStore.setContext(null);
 				threadStore.stop();
@@ -11050,6 +12546,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 		copilotkit.threadEndpoints?.realtimeMetadata,
 		standaloneRunActivityStore,
 		isLocalActiveRunActivity,
+		rememberRecentlyLocalRunId,
 		rememberRecentlyWakeRunId
 	]);
 	const waitForActiveRunToSettle = (0, react.useCallback)(async () => {
@@ -11264,8 +12761,8 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 			return () => clearTimeout(timer);
 		}
 	}, [transcriptionError]);
-	const stableMessageView = useShallowStableRef(typeof providedMessageView === "string" ? { className: providedMessageView } : providedMessageView);
-	const stableSuggestionView = useShallowStableRef(providedSuggestionView);
+	const stableMessageView = require_MarkdownSurfaces.useShallowStableRef(typeof providedMessageView === "string" ? { className: providedMessageView } : providedMessageView);
+	const stableSuggestionView = require_MarkdownSurfaces.useShallowStableRef(providedSuggestionView);
 	const handleAddFile = (0, react.useCallback)(() => {
 		setTimeout(() => {
 			fileInputRef.current?.click();
@@ -11326,7 +12823,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 		isConnecting,
 		hasExplicitThreadId
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfigurationProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.CopilotChatConfigurationProvider, {
 		agentId: resolvedAgentId,
 		threadId: resolvedThreadId,
 		hasExplicitThreadId,
@@ -11364,7 +12861,10 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 					value: lastUserMessageState,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspectorContextProvider, {
 						value: inspectorContextValue,
-						children: RenderedChatView
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.GenerativeUIChatSlotContext.Provider, {
+							value: generativeUISurface,
+							children: RenderedChatView
+						})
 					})
 				})
 			]
@@ -11395,8 +12895,8 @@ const ICON_WRAPPER_BASE = "cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:
 const BUTTON_BASE_CLASSES = cn("copilotKitButton", "cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center", "cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground", "cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out", "cpk:hover:scale-[1.04] cpk:hover:shadow-md", "cpk:cursor-pointer", "cpk:active:scale-[0.96]", "cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background", "cpk:disabled:pointer-events-none cpk:disabled:opacity-60");
 const CopilotChatToggleButton = react.default.forwardRef(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {
 	const { onClick, type, disabled, ...restProps } = buttonProps;
-	const configuration = useCopilotChatConfiguration();
-	const labels = configuration?.labels ?? CopilotChatDefaultLabels;
+	const configuration = require_MarkdownSurfaces.useCopilotChatConfiguration();
+	const labels = configuration?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const [fallbackOpen, setFallbackOpen] = (0, react.useState)(false);
 	const isOpen = configuration?.isModalOpen ?? fallbackOpen;
 	const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
@@ -11512,8 +13012,8 @@ function useIsMobileViewport() {
 	return isMobile;
 }
 function CopilotModalHeader({ title, titleContent, closeButton, drawerLauncher, children, className, ...rest }) {
-	const configuration = useCopilotChatConfiguration();
-	const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
+	const configuration = require_MarkdownSurfaces.useCopilotChatConfiguration();
+	const fallbackTitle = configuration?.labels.modalHeaderTitle ?? require_MarkdownSurfaces.CopilotChatDefaultLabels.modalHeaderTitle;
 	const resolvedTitle = title ?? fallbackTitle;
 	const isMobile = useIsMobileViewport();
 	const drawerRegistered = (configuration?.drawerRegistered ?? false) && isMobile;
@@ -11568,28 +13068,34 @@ CopilotModalHeader.displayName = "CopilotModalHeader";
 		...props,
 		children
 	});
-	_CopilotModalHeader.CloseButton = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		"data-testid": "copilot-close-button",
-		className: cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
-		"aria-label": "Close",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
-			className: "cpk:h-4 cpk:w-4",
-			"aria-hidden": "true"
-		})
-	});
-	_CopilotModalHeader.DrawerLauncher = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		"data-testid": "copilot-threads-drawer-launcher",
-		className: cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
-		"aria-label": "Open threads",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftOpen, {
-			className: "cpk:h-4 cpk:w-4",
-			"aria-hidden": "true"
-		})
-	});
+	_CopilotModalHeader.CloseButton = ({ className, ...props }) => {
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"data-testid": "copilot-close-button",
+			className: cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
+			"aria-label": labels.modalHeaderCloseButtonLabel,
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+				className: "cpk:h-4 cpk:w-4",
+				"aria-hidden": "true"
+			})
+		});
+	};
+	_CopilotModalHeader.DrawerLauncher = ({ className, ...props }) => {
+		const labels = require_MarkdownSurfaces.useCopilotChatConfiguration()?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"data-testid": "copilot-threads-drawer-launcher",
+			className: cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
+			"aria-label": labels.modalHeaderThreadsButtonLabel,
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftOpen, {
+				className: "cpk:h-4 cpk:w-4",
+				"aria-hidden": "true"
+			})
+		});
+	};
 })(CopilotModalHeader || (CopilotModalHeader = {}));
 CopilotModalHeader.Title.displayName = "CopilotModalHeader.Title";
 CopilotModalHeader.CloseButton.displayName = "CopilotModalHeader.CloseButton";
@@ -11599,6 +13105,10 @@ CopilotModalHeader.DrawerLauncher.displayName = "CopilotModalHeader.DrawerLaunch
 //#region src/v2/components/chat/CopilotSidebarView.tsx
 const DEFAULT_SIDEBAR_WIDTH = 480;
 const SIDEBAR_TRANSITION_MS = 260;
+/**
+* The chat in a side panel: a `complementary` region named by
+* `labels.sidebarLabel`, with a header, the chat view and a toggle button.
+*/
 function CopilotSidebarView({ header, toggleButton, width, defaultOpen = true, position = "right", ...props }) {
 	const { open, onOpenChange } = useModalOpenControl();
 	const hasOpenControl = open !== void 0 || onOpenChange !== void 0;
@@ -11609,9 +13119,9 @@ function CopilotSidebarView({ header, toggleButton, width, defaultOpen = true, p
 		position,
 		...props
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfigurationProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.CopilotChatConfigurationProvider, {
 		isModalDefaultOpen: open ?? defaultOpen,
-		children: hasOpenControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlledModalOpenScope, {
+		children: hasOpenControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.ControlledModalOpenScope, {
 			open,
 			onOpenChange,
 			children: internal
@@ -11619,7 +13129,8 @@ function CopilotSidebarView({ header, toggleButton, width, defaultOpen = true, p
 	});
 }
 function CopilotSidebarViewInternal({ header, toggleButton, width, position = "right", ...props }) {
-	const isSidebarOpen = useCopilotChatConfiguration()?.isModalOpen ?? false;
+	const configuration = require_MarkdownSurfaces.useCopilotChatConfiguration();
+	const isSidebarOpen = configuration?.isModalOpen ?? false;
 	const sidebarRef = (0, react.useRef)(null);
 	const [sidebarWidth, setSidebarWidth] = (0, react.useState)(width ?? DEFAULT_SIDEBAR_WIDTH);
 	const widthToCss = (w) => {
@@ -11684,7 +13195,7 @@ function CopilotSidebarViewInternal({ header, toggleButton, width, position = "r
 			paddingBottom: "env(safe-area-inset-bottom)"
 		},
 		"aria-hidden": !isSidebarOpen,
-		"aria-label": "Copilot chat sidebar",
+		"aria-label": configuration?.labels.sidebarLabel ?? require_MarkdownSurfaces.CopilotChatDefaultLabels.sidebarLabel,
 		role: "complementary",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "cpk:flex cpk:h-full cpk:w-full cpk:flex-col cpk:overflow-hidden",
@@ -11752,9 +13263,9 @@ function CopilotPopupView({ header, toggleButton, width, height, clickOutsideToC
 		className,
 		...restProps
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfigurationProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.CopilotChatConfigurationProvider, {
 		isModalDefaultOpen: open ?? defaultOpen,
-		children: hasOpenControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlledModalOpenScope, {
+		children: hasOpenControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.ControlledModalOpenScope, {
 			open,
 			onOpenChange,
 			children: internal
@@ -11762,10 +13273,10 @@ function CopilotPopupView({ header, toggleButton, width, height, clickOutsideToC
 	});
 }
 function CopilotPopupViewInternal({ header, toggleButton, width, height, clickOutsideToClose, className, ...restProps }) {
-	const configuration = useCopilotChatConfiguration();
+	const configuration = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const isPopupOpen = configuration?.isModalOpen ?? false;
 	const setModalOpen = configuration?.setModalOpen;
-	const labels = configuration?.labels ?? CopilotChatDefaultLabels;
+	const labels = configuration?.labels ?? require_MarkdownSurfaces.CopilotChatDefaultLabels;
 	const containerRef = (0, react.useRef)(null);
 	const [isRendered, setIsRendered] = (0, react.useState)(isPopupOpen);
 	const [isAnimatingOut, setIsAnimatingOut] = (0, react.useState)(false);
@@ -12068,7 +13579,7 @@ function findChatInput(origin) {
 * ```
 */
 function CopilotThreadsDrawer({ agentId, onThreadSelect, onNewThread, onLicensed, licenseUrl, renderRow, label, recentLabel, collapsible, onCollapseChange, limit, "data-testid": dataTestId = "copilot-threads-drawer" }) {
-	const configuration = useCopilotChatConfiguration();
+	const configuration = require_MarkdownSurfaces.useCopilotChatConfiguration();
 	const { status, checkFeature } = (0, _copilotkit_react_core_v2_context.useLicenseContext)();
 	const licensePresent = status === "valid" || status === "expiring";
 	const featureLicensed = checkFeature("threads");
@@ -12327,7 +13838,7 @@ CopilotThreadsDrawer.displayName = "CopilotThreadsDrawer";
 * Catch-all (`"*"`) tool-call renderer that shows CopilotKit's default
 * tool-call card for any tool without a dedicated renderer.
 */
-const WildcardToolCallRender = defineToolCallRenderer({
+const WildcardToolCallRender = require_MarkdownSurfaces.defineToolCallRenderer({
 	name: "*",
 	group: true,
 	render: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultToolCallRenderer, { ...adaptRendererProps(props) })
@@ -13944,7 +15455,7 @@ const usePredictStateSubscription = (agent) => {
 };
 function CopilotListenersAgentSubscription() {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const configAgentId = useCopilotChatConfiguration()?.agentId;
+	const configAgentId = require_MarkdownSurfaces.useCopilotChatConfiguration()?.agentId;
 	const { agent } = useAgent({ agentId: (0, react.useMemo)(() => {
 		const requested = configAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 		const registered = copilotkit.agents ?? {};
@@ -14456,7 +15967,7 @@ function CopilotKitInternal(cpkProps) {
 		setInternalErrorHandler,
 		removeInternalErrorHandler
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfigurationProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.CopilotChatConfigurationProvider, {
 		agentId: props.agent ?? "default",
 		threadId,
 		hasExplicitThreadId: isThreadIdExplicit,
@@ -14567,12 +16078,6 @@ Object.defineProperty(exports, 'CopilotChatAudioRecorder', {
     return CopilotChatAudioRecorder;
   }
 });
-Object.defineProperty(exports, 'CopilotChatConfigurationProvider', {
-  enumerable: true,
-  get: function () {
-    return CopilotChatConfigurationProvider;
-  }
-});
 Object.defineProperty(exports, 'CopilotChatInput_default', {
   enumerable: true,
   get: function () {
@@ -14813,12 +16318,6 @@ Object.defineProperty(exports, 'WildcardToolCallRender', {
     return WildcardToolCallRender;
   }
 });
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
-});
 Object.defineProperty(exports, 'createA2UIMessageRenderer', {
   enumerable: true,
   get: function () {
@@ -14831,12 +16330,6 @@ Object.defineProperty(exports, 'defaultCopilotContextCategories', {
     return defaultCopilotContextCategories;
   }
 });
-Object.defineProperty(exports, 'defineToolCallRenderer', {
-  enumerable: true,
-  get: function () {
-    return defineToolCallRenderer;
-  }
-});
 Object.defineProperty(exports, 'getIntelligenceTurnAnchors', {
   enumerable: true,
   get: function () {
@@ -14909,12 +16402,6 @@ Object.defineProperty(exports, 'useConfigureSuggestions', {
     return useConfigureSuggestions;
   }
 });
-Object.defineProperty(exports, 'useCopilotChatConfiguration', {
-  enumerable: true,
-  get: function () {
-    return useCopilotChatConfiguration;
-  }
-});
 Object.defineProperty(exports, 'useCopilotContext', {
   enumerable: true,
   get: function () {
@@ -15041,4 +16528,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-DKICi3nC.cjs.map
+//# sourceMappingURL=copilotkit-CVvbU9lV.cjs.map