@copilotkit/react-core 2.0.0-rc.7 → 2.0.0-rc.9

package/dist/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('react/jsx-runtime'), require('@copilotkit/markdown-renderer/react'), require('@copilotkit/markdown-renderer'), require('lucide-react'), require('@copilotkit/shared'), require('@radix-ui/react-slot'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('@ag-ui/core'), require('zod'), require('@copilotkit/mcp-apps-renderer/activity'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('@a2ui/web_core/v0_9'), require('@copilotkit/core/styles'), require('@radix-ui/react-popover'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@copilotkit/core', '@ag-ui/client', 'react', 'react/jsx-runtime', '@copilotkit/markdown-renderer/react', '@copilotkit/markdown-renderer', 'lucide-react', '@copilotkit/shared', '@radix-ui/react-slot', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', '@ag-ui/core', 'zod', '@copilotkit/mcp-apps-renderer/activity', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', '@a2ui/web_core/v0_9', '@copilotkit/core/styles', '@radix-ui/react-popover', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.CopilotKitCore,global.AgUIClient,global.React,global.ReactJsxRuntime,global.CopilotKitMarkdownRendererReact,global.CopilotKitMarkdownRenderer,global.lucideReact,global.CopilotKitShared,global.RadixReactSlot,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.AgUICore,global.Zod,global.CopilotKitMcpAppsRendererActivity,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global._a2ui_web_core_v0_9,global._copilotkit_core_styles,global._radix_ui_react_popover,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
-})(this, function(exports, _copilotkit_core, _ag_ui_client, react, react_jsx_runtime, _copilotkit_markdown_renderer_react, _copilotkit_markdown_renderer, lucide_react, _copilotkit_shared, _radix_ui_react_slot, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, _ag_ui_core, zod, _copilotkit_mcp_apps_renderer_activity, _copilotkit_a2ui_renderer, zod_to_json_schema, _a2ui_web_core_v0_9, _copilotkit_core_styles, _radix_ui_react_popover, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('@copilotkit/markdown-renderer/react'), require('@copilotkit/markdown-renderer'), require('react/jsx-runtime'), require('@copilotkit/shared'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('@ag-ui/core'), require('@copilotkit/mcp-apps-renderer/activity'), require('zod'), require('@copilotkit/a2ui-renderer'), require('@a2ui/web_core/v0_9'), require('@copilotkit/core/styles'), require('@radix-ui/react-popover'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@copilotkit/core', '@ag-ui/client', 'react', '@copilotkit/markdown-renderer/react', '@copilotkit/markdown-renderer', 'react/jsx-runtime', '@copilotkit/shared', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', '@ag-ui/core', '@copilotkit/mcp-apps-renderer/activity', 'zod', '@copilotkit/a2ui-renderer', '@a2ui/web_core/v0_9', '@copilotkit/core/styles', '@radix-ui/react-popover', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.CopilotKitCore,global.AgUIClient,global.React,global.CopilotKitMarkdownRendererReact,global.CopilotKitMarkdownRenderer,global.ReactJsxRuntime,global.CopilotKitShared,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.AgUICore,global.CopilotKitMcpAppsRendererActivity,global.Zod,global.CopilotKitA2UIRenderer,global._a2ui_web_core_v0_9,global._copilotkit_core_styles,global._radix_ui_react_popover,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
+})(this, function(exports, _copilotkit_core, _ag_ui_client, react, _copilotkit_markdown_renderer_react, _copilotkit_markdown_renderer, react_jsx_runtime, _copilotkit_shared, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, _ag_ui_core, _copilotkit_mcp_apps_renderer_activity, zod, _copilotkit_a2ui_renderer, _a2ui_web_core_v0_9, _copilotkit_core_styles, _radix_ui_react_popover, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -36,113 +36,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 react = __toESM(react);
 _radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
 _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
+zod = __toESM(zod);
 _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
-//#region src/components/chat/BasicMarkdownRenderer.tsx
-	const SAFE_HREF = /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i;
-	const SAFE_IMG_SRC = /^(https?:|data:image\/(?!svg)|\/|\.\/|\.\.\/)/i;
-	function sanitizeHref(href) {
-		if (!href) return void 0;
-		return SAFE_HREF.test(href.trim()) ? href : void 0;
-	}
-	function sanitizeImgSrc(src) {
-		if (!src) return void 0;
-		return SAFE_IMG_SRC.test(src.trim()) ? src : void 0;
-	}
-	/**
-	* Dependency-light built-in markdown renderer (basic GFM). Walks the
-	* framework-agnostic token tree from `@copilotkit/core` into React elements.
-	* No syntax highlighting, no math, no table/image action buttons — plug in a
-	* custom renderer via `CopilotKitProvider markdownRenderer={...}` for those.
-	*/
-	function BasicMarkdownRenderer({ content, className }) {
-		const tokens = react.default.useMemo(() => (0, _copilotkit_core.parseMarkdown)(content ?? ""), [content]);
-		if (!tokens.length) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className,
-			children: tokens.map((t, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockToken, { token: t }, i))
-		});
-	}
-	function renderInline(tokens) {
-		if (!tokens) return null;
-		return tokens.map((token, i) => {
-			switch (token.type) {
-				case "text": return "tokens" in token && token.tokens ? renderInline(token.tokens) : token.text;
-				case "strong": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: renderInline(token.tokens) }, i);
-				case "em": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", { children: renderInline(token.tokens) }, i);
-				case "del": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("del", { children: renderInline(token.tokens) }, i);
-				case "codespan": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-					className: "cpk-markdown-inline-code",
-					children: token.text
-				}, i);
-				case "br": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}, i);
-				case "link": {
-					const l = token;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-						href: sanitizeHref(l.href),
-						target: "_blank",
-						rel: "noopener noreferrer",
-						children: l.tokens ? renderInline(l.tokens) : l.text
-					}, i);
-				}
-				case "image": {
-					const img = token;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-						src: sanitizeImgSrc(img.href),
-						alt: img.text,
-						className: "cpk-markdown-image"
-					}, i);
-				}
-				case "escape": return token.text;
-				default: return "text" in token ? token.text : null;
-			}
-		});
-	}
-	function BlockToken({ token }) {
-		switch (token.type) {
-			case "space": return null;
-			case "heading": {
-				const h = token;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(`h${Math.min(Math.max(h.depth, 1), 6)}`, { children: renderInline(h.tokens) });
-			}
-			case "paragraph": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: renderInline(token.tokens ?? []) });
-			case "blockquote": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("blockquote", { children: (token.tokens ?? []).map((t, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockToken, { token: t }, i)) });
-			case "code": {
-				const c = token;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-					className: "cpk-markdown-code-block",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-						"data-language": c.lang || void 0,
-						children: c.text
-					})
-				});
-			}
-			case "hr": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {});
-			case "list": {
-				const list = token;
-				const items = list.items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: (item.tokens ?? []).map((t, j) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockToken, { token: t }, j)) }, i));
-				return list.ordered ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
-					start: typeof list.start === "number" ? list.start : void 0,
-					children: items
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: items });
-			}
-			case "table": {
-				const tbl = token;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "cpk-markdown-table-container",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: tbl.header.map((cell, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: renderInline(cell.tokens) }, i)) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: tbl.rows.map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: row.map((cell, j) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: renderInline(cell.tokens) }, j)) }, i)) })] })
-				});
-			}
-			case "text": {
-				const t = token;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t.tokens ? renderInline(t.tokens) : t.text });
-			}
-			default: return "text" in token ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: token.text }) : null;
-		}
-	}
-	BasicMarkdownRenderer.displayName = "BasicMarkdownRenderer";
-
-//#endregion
 //#region src/components/chat/StreamingMarkdownDefaultRenderer.tsx
 	const defaultNodeRenderers = (0, _copilotkit_markdown_renderer_react.createStreamingMarkdownNodeRenderers)({ codeBlock: ({ node }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
 		className: "cpk-markdown-code-block",
@@ -178,11 +74,114 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	}
 	StreamingMarkdownDefaultRenderer.displayName = "StreamingMarkdownDefaultRenderer";
 
+//#endregion
+//#region src/lib/utils.ts
+/**
+	* Joins class names, skipping falsy values. Takes the same inputs as `clsx`.
+	* Classes are not merged: every rule CopilotKit ships sits in `:where()`, so a
+	* class the app adds wins without removing ours.
+	*/
+	function cn(...inputs) {
+		const out = [];
+		for (const input of inputs) {
+			if (!input) continue;
+			if (typeof input === "string" || typeof input === "number" || typeof input === "bigint") out.push(String(input));
+			else if (Array.isArray(input)) {
+				const nested = cn(...input);
+				if (nested) out.push(nested);
+			} else if (typeof input === "object") {
+				for (const key in input) if (input[key]) out.push(key);
+			}
+		}
+		return out.join(" ");
+	}
+
+//#endregion
+//#region src/components/icons/CopilotIcon.tsx
+/** Turns SVG attribute names such as `stroke-width` into React's `strokeWidth`. */
+	function toReactAttributes(attributes) {
+		return Object.fromEntries(Object.entries(attributes).map(([key, value]) => [key.replace(/-([a-z])/g, (_match, letter) => letter.toUpperCase()), value]));
+	}
+	const svgDefaults = toReactAttributes(_copilotkit_core.ɵcopilotIconSvgAttributes);
+	/** True when the props give the icon an accessible name or role. */
+	function hasAccessibleProp(props) {
+		return Object.keys(props).some((key) => key.startsWith("aria-") || key === "role" || key === "title");
+	}
+	/**
+	* Internal. Draws a Lucide icon from its node data, the way Lucide's React package
+	* does: Lucide's default SVG attributes, the `lucide lucide-<name>` classes,
+	* and `aria-hidden="true"` when no `aria-*`, `role` or `title` prop names it.
+	*/
+	const IconSvg = (0, react.forwardRef)(function IconSvg({ lucideName, nodes, size = 24, color = "currentColor", strokeWidth = 2, className, children, ...props }, ref) {
+		const isDecorative = !children && !hasAccessibleProp(props);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			ref,
+			...svgDefaults,
+			width: size,
+			height: size,
+			stroke: color,
+			strokeWidth,
+			className: cn("lucide", `lucide-${lucideName}`, className),
+			"aria-hidden": isDecorative || void 0,
+			...props,
+			children: [nodes.map((node, index) => (0, react.createElement)(node.tag, {
+				key: index,
+				...node.attributes
+			})), children]
+		});
+	});
+	/**
+	* Draws one of the chat icons as an inline `<svg>`.
+	*
+	* The `<svg>` has the classes `lucide lucide-<icon name>`, so CSS that selects
+	* them (for example `svg.lucide-arrow-up`) keeps working. The icon is hidden
+	* from screen readers unless you give it an `aria-label`, `role` or `title`.
+	*
+	* @param props.name - The chat icon, for example `"ArrowUp"` or `"X"`.
+	* @param props.size - Width and height. Defaults to `24`.
+	* @param props.strokeWidth - Line width. Defaults to `2`.
+	* @param props.color - Line color. Defaults to `currentColor`.
+	*
+	* @example
+	* ```tsx
+	* <CopilotIcon name="ArrowUp" className="cpk-chat-input-send-icon" />
+	* <CopilotIcon name="X" aria-label="Close" />
+	* ```
+	*/
+	const CopilotIcon = (0, react.forwardRef)(function CopilotIcon({ name, ...props }, ref) {
+		const icon = _copilotkit_core.ɵcopilotIcons[name];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSvg, {
+			ref,
+			lucideName: icon.name,
+			nodes: icon.nodes,
+			...props
+		});
+	});
+
 //#endregion
 //#region src/lib/react-core.ts
+/**
+	* Wait for pending React state updates before the follow-up agent run.
+	*
+	* When a frontend tool handler calls setState(), React 18 batches the update
+	* and schedules a commit via its internal scheduler (MessageChannel). The
+	* useAgentContext hook registers context via useLayoutEffect, which runs
+	* synchronously after React commits that batch.
+	*
+	* Awaiting a zero-delay timeout yields to the macrotask queue. React's
+	* MessageChannel task runs first, committing the pending state and running
+	* useLayoutEffect (which updates the context store). The follow-up runAgent
+	* call then reads fresh context.
+	*/
+	function waitForReactCommit() {
+		return new Promise((resolve) => setTimeout(resolve, 0));
+	}
 	var CopilotKitCoreReact = class extends _copilotkit_core.CopilotKitCore {
 		constructor(config) {
-			super(config);
+			super({
+				...config,
+				ɵwaitForFrameworkUpdates: waitForReactCommit
+			});
 			this._renderToolCalls = [];
 			this._hookRenderToolCalls = /* @__PURE__ */ new Map();
 			this._cachedMergedRenderToolCalls = null;
@@ -256,22 +255,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		subscribe(subscriber) {
 			return super.subscribe(subscriber);
 		}
-		/**
-		* Wait for pending React state updates before the follow-up agent run.
-		*
-		* When a frontend tool handler calls setState(), React 18 batches the update
-		* and schedules a commit via its internal scheduler (MessageChannel). The
-		* useAgentContext hook registers context via useLayoutEffect, which runs
-		* synchronously after React commits that batch.
-		*
-		* Awaiting a zero-delay timeout yields to the macrotask queue. React's
-		* MessageChannel task runs first, committing the pending state and running
-		* useLayoutEffect (which updates the context store). The follow-up runAgent
-		* call then reads fresh context.
-		*/
-		async waitForPendingFrameworkUpdates() {
-			await new Promise((resolve) => setTimeout(resolve, 0));
-		}
 	};
 
 //#endregion
@@ -350,52 +333,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/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?",
-		reasoningMessageThinkingLabel: "Thinking…",
-		chatInputSlashMenuLabel: "Slash commands",
-		chatInputSlashMenuEmptyText: "No commands found",
-		attachmentRemoveButtonLabel: "Remove attachment",
-		attachmentPlayVideoButtonLabel: "Play video",
-		attachmentPreviewCloseButtonLabel: "Close preview",
-		modalHeaderCloseButtonLabel: "Close",
-		modalHeaderThreadsButtonLabel: "Open threads",
-		sidebarLabel: "Copilot chat sidebar"
-	};
-	/**
+/**
 	* 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
@@ -419,7 +357,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const parentConfig = (0, react.useContext)(CopilotChatConfiguration);
 		const stableLabels = useShallowStableRef(labels);
 		const mergedLabels = (0, react.useMemo)(() => ({
-			...CopilotChatDefaultLabels,
+			..._copilotkit_core.CopilotChatDefaultLabels,
 			...parentConfig?.labels,
 			...stableLabels
 		}), [stableLabels, parentConfig?.labels]);
@@ -651,28 +589,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	};
 	ControlledModalOpenScope.displayName = "ControlledModalOpenScope";
 
-//#endregion
-//#region src/lib/utils.ts
-/**
-	* Joins class names, skipping falsy values. Takes the same inputs as `clsx`.
-	* Classes are not merged: every rule CopilotKit ships sits in `:where()`, so a
-	* class the app adds wins without removing ours.
-	*/
-	function cn(...inputs) {
-		const out = [];
-		for (const input of inputs) {
-			if (!input) continue;
-			if (typeof input === "string" || typeof input === "number" || typeof input === "bigint") out.push(String(input));
-			else if (Array.isArray(input)) {
-				const nested = cn(...input);
-				if (nested) out.push(nested);
-			} else if (typeof input === "object") {
-				for (const key in input) if (input[key]) out.push(key);
-			}
-		}
-		return out.join(" ");
-	}
-
 //#endregion
 //#region src/components/ui/button.tsx
 	const variantClasses = {
@@ -701,8 +617,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	function buttonVariants({ variant, size, className, class: classProp } = {}) {
 		return cn("cpk-button", variant !== null && variantClasses[variant ?? "default"], size !== null && sizeClasses[size ?? "default"], classProp, className);
 	}
-	const Button = react.forwardRef(function Button({ className, variant, size, asChild = false, ...props }, ref) {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : "button", {
+	const Button = react.forwardRef(function Button({ className, variant, size, ...props }, ref) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			ref,
 			"data-slot": "button",
 			className: buttonVariants({
@@ -807,7 +723,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			"data-inset": inset,
 			className: cn("cpk-dropdown-menu-sub-trigger", className),
 			...props,
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, { className: "cpk-dropdown-menu-sub-trigger-icon" })]
+			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "ChevronRight",
+				className: "cpk-dropdown-menu-sub-trigger-icon"
+			})]
 		});
 	}
 	function DropdownMenuSubContent({ className, ...props }) {
@@ -1108,7 +1027,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const audioRecorderRef = (0, react.useRef)(null);
 		const slashMenuRef = (0, react.useRef)(null);
 		const config = useCopilotChatConfiguration();
-		const labels = config?.labels ?? CopilotChatDefaultLabels;
+		const labels = config?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const previousModalStateRef = (0, react.useRef)(void 0);
 		const measurementCanvasRef = (0, react.useRef)(null);
 		const measurementsRef = (0, react.useRef)({
@@ -1229,6 +1148,14 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				inputRef.current?.focus();
 			});
 		}, [clearInputValue]);
+		const composerInput = {
+			mode,
+			isRunning,
+			value: resolvedValue,
+			canSubmit: !!onSubmitMessage,
+			canStop: !!onStop
+		};
+		const { isProcessing, action: buttonAction, disabled: buttonDisabled } = (0, _copilotkit_core.ɵcomposerButtonState)(composerInput);
 		const handleKeyDown = (e) => {
 			if (e.nativeEvent.isComposing || e.keyCode === 229) return;
 			if (commandQuery !== null && mode === "input") {
@@ -1267,11 +1194,15 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					return;
 				}
 			}
-			if (e.key === "Enter" && !e.shiftKey) {
-				e.preventDefault();
-				if (isProcessing && !canSend) onStop?.();
-				else send();
-			}
+			if (e.key === "Enter" && !e.shiftKey) e.preventDefault();
+			const action = (0, _copilotkit_core.ɵresolveComposerKey)({
+				key: e.key,
+				shiftKey: e.shiftKey,
+				isComposing: e.nativeEvent.isComposing,
+				keyCode: e.keyCode
+			}, composerInput);
+			if (action === "stop") onStop?.();
+			else if (action === "send") send();
 		};
 		const send = () => {
 			if (!onSubmitMessage) return;
@@ -1296,9 +1227,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			autoFocus,
 			className: isExpanded ? "cpk-chat-input-textarea-expanded" : "cpk-chat-input-textarea-compact"
 		});
-		const isProcessing = mode !== "transcribe" && isRunning;
-		const canSend = resolvedValue.trim().length > 0 && !!onSubmitMessage;
-		const canStop = !!onStop;
 		const handleSendButtonClick = () => {
 			if (isProcessing) {
 				onStop?.();
@@ -1307,12 +1235,15 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			send();
 		};
 		const BoundAudioRecorder = renderSlot(audioRecorder, CopilotChatAudioRecorder, { ref: audioRecorderRef });
-		const showsStop = isProcessing && canStop;
+		const showsStop = buttonAction === "stop";
 		const BoundSendButton = renderSlot(sendButton, CopilotChatInput.SendButton, {
 			onClick: handleSendButtonClick,
-			disabled: isProcessing ? !canStop : !canSend,
+			disabled: buttonDisabled,
 			"aria-label": showsStop ? labels.chatInputToolbarStopButtonLabel : labels.chatInputToolbarSendButtonLabel,
-			children: showsStop ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Square, { className: "cpk-chat-input-stop-icon" }) : void 0
+			children: showsStop ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "Square",
+				className: "cpk-chat-input-stop-icon"
+			}) : void 0
 		});
 		const BoundStartTranscribeButton = renderSlot(startTranscribeButton, CopilotChatInput.StartTranscribeButton, { onClick: onStartTranscribe });
 		const BoundCancelTranscribeButton = renderSlot(cancelTranscribeButton, CopilotChatInput.CancelTranscribeButton, { onClick: onCancelTranscribe });
@@ -1569,7 +1500,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 						className: "cpk-chat-input-field",
 						children: mode === "transcribe" ? BoundAudioRecorder : mode === "processing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "cpk-chat-input-processing",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, { className: "cpk-chat-input-processing-spinner" })
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+								name: "Loader2",
+								className: "cpk-chat-input-processing-spinner"
+							})
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [BoundTextArea, slashMenu] })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1629,7 +1563,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	}
 	(function(_CopilotChatInput) {
 		_CopilotChatInput.SendButton = ({ className, children, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "cpk-chat-input-send",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1640,12 +1574,15 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					className: cn("cpk-chat-input-send-button", className),
 					"aria-label": labels.chatInputToolbarSendButtonLabel,
 					...props,
-					children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "cpk-chat-input-send-icon" })
+					children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+						name: "ArrowUp",
+						className: "cpk-chat-input-send-icon"
+					})
 				})
 			});
 		};
 		const ToolbarButton = _CopilotChatInput.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.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, {
@@ -1664,27 +1601,36 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		};
 		_CopilotChatInput.StartTranscribeButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-start-transcribe-button",
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mic, { className: "cpk-chat-input-toolbar-icon" }),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "Mic",
+				className: "cpk-chat-input-toolbar-icon"
+			}),
 			labelKey: "chatInputToolbarStartTranscribeButtonLabel",
 			defaultClassName: "cpk-chat-input-start-transcribe-button",
 			...props
 		});
 		_CopilotChatInput.CancelTranscribeButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-cancel-transcribe-button",
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "cpk-chat-input-toolbar-icon" }),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "X",
+				className: "cpk-chat-input-toolbar-icon"
+			}),
 			labelKey: "chatInputToolbarCancelTranscribeButtonLabel",
 			defaultClassName: "cpk-chat-input-cancel-transcribe-button",
 			...props
 		});
 		_CopilotChatInput.FinishTranscribeButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 			"data-testid": "copilot-finish-transcribe-button",
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "cpk-chat-input-toolbar-icon" }),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "Check",
+				className: "cpk-chat-input-toolbar-icon"
+			}),
 			labelKey: "chatInputToolbarFinishTranscribeButtonLabel",
 			defaultClassName: "cpk-chat-input-finish-transcribe-button",
 			...props
 		});
 		_CopilotChatInput.AddMenuButton = ({ className, toolsMenu, onAddFile, disabled, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			const [mounted, setMounted] = (0, react.useState)(false);
 			(0, react.useEffect)(() => setMounted(true), []);
 			const menuItems = (0, react.useMemo)(() => {
@@ -1726,7 +1672,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				disabled: isDisabled,
 				"aria-label": labels.chatInputToolbarAddButtonLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "cpk-chat-input-add-menu-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Plus",
+					className: "cpk-chat-input-add-menu-icon"
+				})
 			});
 			if (!mounted) return button;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
@@ -1752,7 +1701,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		};
 		_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 = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			(0, react.useImperativeHandle)(ref, () => internalTextareaRef.current);
 			(0, react.useEffect)(() => {
 				if (autoFocus) internalTextareaRef.current?.focus({ preventScroll: true });
@@ -1773,7 +1722,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		});
 		_CopilotChatInput.AudioRecorder = CopilotChatAudioRecorder;
 		_CopilotChatInput.Disclaimer = ({ className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cn("cpk-chat-input-disclaimer", className),
 				...props,
@@ -1886,16 +1835,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	*/
 	function useToolCallRendererNames() {
 		const renderers = useToolCallRenderers();
-		return (0, react.useMemo)(() => {
-			const named = renderers.filter((rc) => rc.name !== "*");
-			const wildcards = renderers.filter((rc) => rc.name === "*");
-			return {
-				named: new Set(named.map((rc) => rc.name)),
-				groupedNames: new Set(named.filter((rc) => rc.group).map((rc) => rc.name)),
-				wildcard: wildcards.length > 0,
-				wildcardGroups: wildcards.some((rc) => rc.group)
-			};
-		}, [renderers]);
+		return (0, react.useMemo)(() => (0, _copilotkit_core.ɵgetToolCallRendererNames)(renderers), [renderers]);
 	}
 	/**
 	* Hook that returns a function to render tool calls based on the render functions
@@ -1910,18 +1850,17 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const warnedToolNames = (0, react.useRef)(/* @__PURE__ */ new Set());
 		const renderToolCalls = useToolCallRenderers();
 		const renderToolCall = (0, react.useCallback)(({ toolCall, toolMessage }) => {
-			const exactMatches = renderToolCalls.filter((rc) => rc.name === toolCall.function.name);
-			const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
+			const renderConfig = (0, _copilotkit_core.ɵresolveToolCallRenderer)(renderToolCalls, toolCall.function.name, agentId);
 			if (!renderConfig) {
 				if (IS_DEVELOPMENT$1) unrenderedToolNames.current.add(toolCall.function.name);
 				return null;
 			}
-			const RenderComponent = renderConfig.render;
+			const isExecuting = executingToolCallIds.has(toolCall.id);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCallRenderer, {
 				toolCall,
 				toolMessage,
-				RenderComponent,
-				isExecuting: executingToolCallIds.has(toolCall.id)
+				RenderComponent: renderConfig.render,
+				isExecuting
 			}, toolCall.id);
 		}, [
 			renderToolCalls,
@@ -1943,7 +1882,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region package.json
-	var version$1 = "2.0.0-rc.7";
+	var version$1 = "2.0.0-rc.9";
 
 //#endregion
 //#region src/components/CopilotKitInspector.tsx
@@ -2014,6 +1953,15 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/components/license-warning-banner.tsx
+	const labels = _copilotkit_core.CopilotChatDefaultLabels;
+	/**
+	* The "expires soon" banner text. Without a day count it says "soon", never
+	* "in undefined days".
+	*/
+	function expiringMessage(graceRemaining) {
+		if (graceRemaining === void 0) return labels.licenseExpiringText;
+		return (0, _copilotkit_core.ɵformatLabel)(graceRemaining === 1 ? labels.licenseExpiringInDaysOne : labels.licenseExpiringInDaysOther, { days: graceRemaining });
+	}
 	const LICENSE_BANNER_OFFSET_PX = 52;
 	const LICENSE_BANNER_OFFSET_VAR = "--copilotkit-license-banner-offset";
 	const BANNER_STYLES = {
@@ -2104,36 +2052,36 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		switch (type) {
 			case "no_license": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerShell, {
 				severity: "info",
-				message: "Powered by CopilotKit",
-				actionLabel: "Get a license",
+				message: labels.licensePoweredByText,
+				actionLabel: labels.licenseGetLicenseLabel,
 				actionUrl: "https://copilotkit.ai/pricing",
 				onDismiss
 			});
 			case "feature_unlicensed": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerShell, {
 				severity: "warning",
-				message: `⚠ The "${featureName}" feature requires a CopilotKit license.`,
-				actionLabel: "Get a license",
+				message: (0, _copilotkit_core.ɵformatLabel)(labels.licenseFeatureUnlicensedText, { feature: featureName ?? "" }),
+				actionLabel: labels.licenseGetLicenseLabel,
 				actionUrl: "https://copilotkit.ai/pricing",
 				onDismiss
 			});
 			case "expiring": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerShell, {
 				severity: "warning",
-				message: `Your CopilotKit license expires in ${graceRemaining} day${graceRemaining !== 1 ? "s" : ""}. Please renew.`,
-				actionLabel: "Renew",
+				message: expiringMessage(graceRemaining),
+				actionLabel: labels.licenseRenewLabel,
 				actionUrl: "https://dashboard.operations.copilotkit.ai",
 				onDismiss
 			});
 			case "expired": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerShell, {
 				severity: "critical",
-				message: `Your CopilotKit license expired${expiryDate ? ` on ${expiryDate}` : ""}. Please renew at copilotkit.ai/pricing`,
-				actionLabel: "Renew now",
+				message: expiryDate ? (0, _copilotkit_core.ɵformatLabel)(labels.licenseExpiredOnDateText, { date: expiryDate }) : labels.licenseExpiredText,
+				actionLabel: labels.licenseRenewNowLabel,
 				actionUrl: "https://copilotkit.ai/pricing",
 				onDismiss
 			});
 			case "invalid": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerShell, {
 				severity: "critical",
-				message: "Invalid CopilotKit license token. Please check your configuration.",
-				actionLabel: "Get a license",
+				message: labels.licenseInvalidText,
+				actionLabel: labels.licenseGetLicenseLabel,
 				actionUrl: "https://copilotkit.ai/pricing",
 				onDismiss
 			});
@@ -2152,9 +2100,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
 			},
 			children: [
-				"⚠ The \"",
-				featureName,
-				"\" feature requires a CopilotKit license.",
+				(0, _copilotkit_core.ɵformatLabel)(labels.licenseFeatureUnlicensedText, { feature: featureName }),
 				" ",
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 					href: "https://copilotkit.ai/pricing",
@@ -2326,324 +2272,63 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		return (0, react.useContext)(SandboxFunctionsContext);
 	}
 
-//#endregion
-//#region src/lib/processPartialHtml.ts
-/**
-	* Extracts all complete `<style>` blocks from the raw HTML.
-	* Returns the concatenated style tags, suitable for injection into `<head>`.
-	*/
-	function extractCompleteStyles(html) {
-		const matches = html.match(/<style\b[^>]*>[\s\S]*?<\/style>/gi);
-		return matches ? matches.join("") : "";
-	}
-	/**
-	* Processes raw accumulated HTML for safe preview via innerHTML injection.
-	* Pure function, no DOM dependencies.
-	*
-	* Pipeline (order matters):
-	* 1. Strip incomplete tag at end
-	* 2. Strip complete <style>, <script>, and <head> blocks
-	* 3. Strip incomplete <style>/<script>/<head> blocks
-	* 4. Strip incomplete HTML entities
-	* 5. Extract body content (or use full string if no <body>)
-	*/
-	function processPartialHtml(html) {
-		let result = html;
-		result = result.replace(/<[^>]*$/, "");
-		result = result.replace(/<(style|script|head)\b[^>]*>[\s\S]*?<\/\1>/gi, "");
-		result = result.replace(/<(style|script|head)\b[^>]*>[\s\S]*$/gi, "");
-		result = result.replace(/&[a-zA-Z0-9#]*$/, "");
-		const bodyMatch = result.match(/<body[^>]*>([\s\S]*)/i);
-		if (bodyMatch) {
-			result = bodyMatch[1];
-			result = result.replace(/<\/body>[\s\S]*/i, "");
-		}
-		return result;
-	}
-
 //#endregion
 //#region src/components/OpenGenerativeUIRenderer.tsx
-	const OpenGenerativeUIActivityType = "open-generative-ui";
-	const OpenGenerativeUIContentSchema = zod.z.object({
-		initialHeight: zod.z.number().optional(),
-		generating: zod.z.boolean().optional(),
-		css: zod.z.string().optional(),
-		cssComplete: zod.z.boolean().optional(),
-		html: zod.z.array(zod.z.string()).optional(),
-		htmlComplete: zod.z.boolean().optional(),
-		jsFunctions: zod.z.string().optional(),
-		jsFunctionsComplete: zod.z.boolean().optional(),
-		jsExpressions: zod.z.array(zod.z.string()).optional(),
-		jsExpressionsComplete: zod.z.boolean().optional()
+	const OpenGenerativeUIActivityType = _copilotkit_core.OPEN_GENERATIVE_UI_ACTIVITY_TYPE;
+	const OpenGenerativeUIContentSchema = zod.object({
+		initialHeight: zod.number().optional(),
+		generating: zod.boolean().optional(),
+		css: zod.string().optional(),
+		cssComplete: zod.boolean().optional(),
+		html: zod.array(zod.string()).optional(),
+		htmlComplete: zod.boolean().optional(),
+		jsFunctions: zod.string().optional(),
+		jsFunctionsComplete: zod.boolean().optional(),
+		jsExpressions: zod.array(zod.string()).optional(),
+		jsExpressionsComplete: zod.boolean().optional()
 	});
 	/**
 	* Schema for the generateSandboxedUi tool call arguments.
 	* Used by the frontend tool renderer to display placeholder messages.
 	*/
-	const GenerateSandboxedUiArgsSchema = zod.z.object({
-		initialHeight: zod.z.number().optional(),
-		placeholderMessages: zod.z.array(zod.z.string()).optional(),
-		css: zod.z.string().optional(),
-		html: zod.z.string().optional(),
-		jsFunctions: zod.z.string().optional(),
-		jsExpressions: zod.z.array(zod.z.string()).optional()
+	const GenerateSandboxedUiArgsSchema = zod.object({
+		initialHeight: zod.number().optional(),
+		placeholderMessages: zod.array(zod.string()).optional(),
+		css: zod.string().optional(),
+		html: zod.string().optional(),
+		jsFunctions: zod.string().optional(),
+		jsExpressions: zod.array(zod.string()).optional()
 	});
-	const THROTTLE_MS = 1e3;
-	/**
-	* Returns true when the inner component should re-render immediately
-	* (no throttle delay).
-	*/
-	function shouldFlushImmediately(prev, next) {
-		if (next.cssComplete && (!prev || !prev.cssComplete)) return true;
-		if (next.htmlComplete) return true;
-		if (next.generating === false) return true;
-		if (next.jsFunctions && (!prev || !prev.jsFunctions)) return true;
-		if ((next.jsExpressions?.length ?? 0) > (prev?.jsExpressions?.length ?? 0)) return true;
-		if (next.html?.length && (!prev || !prev.html?.length)) return true;
-		return false;
-	}
 	/**
-	* Outer wrapper — absorbs every parent re-render but only forwards
-	* throttled content snapshots to the memoized inner component.
+	* Renders an Open Generative UI activity. The core controller throttles the
+	* content and runs the websandbox iframes inside the container div.
 	*/
 	const OpenGenerativeUIActivityRenderer = function OpenGenerativeUIActivityRenderer({ content }) {
-		const latestContentRef = (0, react.useRef)(content);
-		latestContentRef.current = content;
-		const [throttledContent, setThrottledContent] = (0, react.useState)(content);
-		const throttledContentRef = (0, react.useRef)(throttledContent);
-		const timerRef = (0, react.useRef)(null);
-		if (throttledContentRef.current !== content) {
-			if (shouldFlushImmediately(throttledContentRef.current, content)) {
-				if (timerRef.current !== null) {
-					clearTimeout(timerRef.current);
-					timerRef.current = null;
-				}
-				throttledContentRef.current = content;
-				setThrottledContent(content);
-			}
-		}
-		const flush = (0, react.useCallback)(() => {
-			timerRef.current = null;
-			const latest = latestContentRef.current;
-			throttledContentRef.current = latest;
-			setThrottledContent(latest);
-		}, []);
-		(0, react.useEffect)(() => {
-			if (throttledContentRef.current === content) return;
-			if (timerRef.current === null) timerRef.current = setTimeout(flush, THROTTLE_MS);
-		}, [content, flush]);
-		(0, react.useEffect)(() => {
-			return () => {
-				if (timerRef.current !== null) clearTimeout(timerRef.current);
-			};
-		}, []);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenGenerativeUIActivityRendererInner, { content: throttledContent });
-	};
-	function ensureHead(html) {
-		if (/<head[\s>]/i.test(html)) return html;
-		return `<head></head>${html}`;
-	}
-	function injectCssIntoHtml(html, css) {
-		const headCloseIdx = html.indexOf("</head>");
-		if (headCloseIdx !== -1) return html.slice(0, headCloseIdx) + `<style>${css}</style>` + html.slice(headCloseIdx);
-		return `<head><style>${css}</style></head>${html}`;
-	}
-	const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGenerativeUIActivityRendererInner({ content }) {
-		const initialHeight = content.initialHeight ?? 200;
-		const [autoHeight, setAutoHeight] = (0, react.useState)(null);
+		const [controller] = (0, react.useState)(() => {
+			const created = new _copilotkit_core.ɵOpenGenerativeUIController();
+			created.setContent(content);
+			return created;
+		});
 		const sandboxFunctions = useSandboxFunctions();
-		const localApi = (0, react.useMemo)(() => {
-			const api = {};
-			for (const fn of sandboxFunctions) api[fn.name] = fn.handler;
-			return api;
-		}, [sandboxFunctions]);
-		const fullHtml = content.htmlComplete && content.html?.length ? content.html.join("") : void 0;
-		const css = content.cssComplete ? content.css : void 0;
-		const cssReady = !!content.cssComplete;
-		const partialHtml = !content.htmlComplete && content.html?.length ? content.html.join("") : void 0;
-		const previewBody = partialHtml ? processPartialHtml(partialHtml) : void 0;
-		const previewStyles = partialHtml ? extractCompleteStyles(partialHtml) : "";
-		const hasPreview = cssReady && !!previewBody?.trim();
-		const hasVisibleSandbox = !!fullHtml || hasPreview;
 		const containerRef = (0, react.useRef)(null);
-		const sandboxRef = (0, react.useRef)(null);
-		const previewSandboxRef = (0, react.useRef)(null);
-		const previewReadyRef = (0, react.useRef)(false);
-		const sandboxReadyRef = (0, react.useRef)(false);
-		const executedIndexRef = (0, react.useRef)(0);
-		const pendingQueueRef = (0, react.useRef)([]);
-		const jsFunctionsInjectedRef = (0, react.useRef)(false);
-		(0, react.useEffect)(() => {
-			const container = containerRef.current;
-			if (!container || fullHtml || !hasPreview || previewSandboxRef.current) return;
-			let cancelled = false;
-			import("@jetbrains/websandbox").then((mod) => {
-				if (cancelled) return;
-				const sandbox = (mod.default?.default ?? mod.default).create({}, {
-					frameContainer: container,
-					frameContent: "<head></head><body></body>",
-					allowAdditionalAttributes: ""
-				});
-				previewSandboxRef.current = sandbox;
-				sandbox.iframe.style.width = "100%";
-				sandbox.iframe.style.height = "100%";
-				sandbox.iframe.style.border = "none";
-				sandbox.iframe.style.backgroundColor = "transparent";
-				sandbox.promise.then(() => {
-					if (cancelled) return;
-					previewReadyRef.current = true;
-					sandbox.run(`
-            var s = document.createElement('style');
-            s.textContent = 'html, body { overflow: hidden !important; }';
-            document.head.appendChild(s);
-          `);
-					const headParts = [];
-					if (css) headParts.push(`<style>${css}</style>`);
-					if (previewStyles) headParts.push(previewStyles);
-					if (headParts.length) sandbox.run(`document.head.innerHTML = ${JSON.stringify(headParts.join(""))}`);
-					if (previewBody) sandbox.run(`document.body.innerHTML = ${JSON.stringify(previewBody)}`);
-				});
-			}).catch((err) => {
-				console.error("[OpenGenerativeUI] Failed to load sandbox module:", err);
-			});
-			return () => {
-				cancelled = true;
-			};
-		}, [hasPreview, fullHtml]);
-		(0, react.useEffect)(() => {
-			if (!previewSandboxRef.current || !previewReadyRef.current) return;
-			const headParts = [];
-			if (css) headParts.push(`<style>${css}</style>`);
-			if (previewStyles) headParts.push(previewStyles);
-			if (headParts.length) previewSandboxRef.current.run(`document.head.innerHTML = ${JSON.stringify(headParts.join(""))}`);
-			if (!previewBody) return;
-			previewSandboxRef.current.run(`document.body.innerHTML = ${JSON.stringify(previewBody)}`);
-		}, [
-			previewBody,
-			previewStyles,
-			css
-		]);
-		(0, react.useEffect)(() => {
-			const container = containerRef.current;
-			if (!container || !fullHtml) return;
-			if (previewSandboxRef.current) {
-				previewSandboxRef.current.destroy();
-				previewSandboxRef.current = null;
-				previewReadyRef.current = false;
-			}
-			let cancelled = false;
-			executedIndexRef.current = 0;
-			jsFunctionsInjectedRef.current = false;
-			sandboxReadyRef.current = false;
-			pendingQueueRef.current = [];
-			const htmlContent = css ? injectCssIntoHtml(fullHtml, css) : fullHtml;
-			import("@jetbrains/websandbox").then((mod) => {
-				if (cancelled) return;
-				const sandbox = (mod.default?.default ?? mod.default).create(localApi, {
-					frameContainer: container,
-					frameContent: ensureHead(htmlContent),
-					allowAdditionalAttributes: ""
-				});
-				sandboxRef.current = sandbox;
-				sandbox.iframe.style.width = "100%";
-				sandbox.iframe.style.height = "100%";
-				sandbox.iframe.style.border = "none";
-				sandbox.iframe.style.backgroundColor = "transparent";
-				sandbox.promise.then(() => {
-					if (cancelled) return;
-					sandboxReadyRef.current = true;
-					sandbox.run(`
-            var s = document.createElement('style');
-            s.textContent = 'html, body { overflow: hidden !important; }';
-            document.head.appendChild(s);
-          `);
-					const queue = pendingQueueRef.current;
-					pendingQueueRef.current = [];
-					for (const code of queue) sandbox.run(code);
-				});
-			}).catch((err) => {
-				console.error("[OpenGenerativeUI] Failed to load sandbox module:", err);
-			});
-			return () => {
-				cancelled = true;
-				if (previewSandboxRef.current) {
-					previewSandboxRef.current.destroy();
-					previewSandboxRef.current = null;
-					previewReadyRef.current = false;
-				}
-				if (sandboxRef.current) {
-					sandboxRef.current.destroy();
-					sandboxRef.current = null;
-				}
-				sandboxReadyRef.current = false;
-				setAutoHeight(null);
-			};
-		}, [
-			fullHtml,
-			css,
-			localApi
-		]);
+		const state = (0, react.useSyncExternalStore)(controller.subscribe, controller.getState, controller.getState);
 		(0, react.useEffect)(() => {
-			if (!content.jsFunctions || jsFunctionsInjectedRef.current) return;
-			jsFunctionsInjectedRef.current = true;
-			const sandbox = sandboxRef.current;
-			if (sandboxReadyRef.current && sandbox) sandbox.run(content.jsFunctions);
-			else pendingQueueRef.current.push(content.jsFunctions);
-		}, [content.jsFunctions]);
+			controller.setSandboxFunctions(sandboxFunctions);
+		}, [controller, sandboxFunctions]);
 		(0, react.useEffect)(() => {
-			const expressions = content.jsExpressions;
-			if (!expressions || expressions.length === 0) return;
-			const startIndex = executedIndexRef.current;
-			if (startIndex >= expressions.length) return;
-			const newExprs = expressions.slice(startIndex);
-			executedIndexRef.current = expressions.length;
-			const sandbox = sandboxRef.current;
-			if (sandboxReadyRef.current && sandbox) (async () => {
-				for (const expr of newExprs) await sandbox.run(expr);
-			})();
-			else pendingQueueRef.current.push(...newExprs);
-		}, [content.jsExpressions?.length]);
-		const generationDone = content.generating === false;
+			controller.setContent(content);
+		}, [controller, content]);
 		(0, react.useEffect)(() => {
-			const sandbox = sandboxRef.current;
-			if (!generationDone || !sandbox) return;
-			let handled = false;
-			const onMessage = (e) => {
-				if (handled) return;
-				if (e.source === sandbox.iframe.contentWindow && e.data?.type === "__ck_resize") {
-					handled = true;
-					setAutoHeight(e.data.height);
-					window.removeEventListener("message", onMessage);
-				}
-			};
-			window.addEventListener("message", onMessage);
-			const measureOnce = `
-        (function() {
-          var s = document.createElement('style');
-          s.textContent = 'body { height: auto !important; min-height: 0 !important; }';
-          document.head.appendChild(s);
-          var h = document.body.scrollHeight;
-          var cs = getComputedStyle(document.body);
-          h += parseFloat(cs.marginTop) || 0;
-          h += parseFloat(cs.marginBottom) || 0;
-          s.remove();
-          parent.postMessage({ type: "__ck_resize", height: Math.ceil(h) }, "*");
-        })();
-      `;
-			if (sandboxReadyRef.current) sandbox.run(measureOnce);
-			else pendingQueueRef.current.push(measureOnce);
-			return () => {
-				window.removeEventListener("message", onMessage);
-			};
-		}, [generationDone]);
-		const height = autoHeight ?? initialHeight;
-		const isGenerating = content.generating !== false;
+			controller.setHost(containerRef.current);
+			return () => controller.destroy();
+		}, [controller]);
+		const hasVisibleSandbox = state.phase !== "placeholder";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: containerRef,
 			style: {
 				position: "relative",
 				width: "100%",
-				height: `${height}px`,
+				height: `${state.height}px`,
 				borderRadius: "8px",
 				backgroundColor: hasVisibleSandbox ? "transparent" : "#f5f5f5",
 				border: hasVisibleSandbox ? "none" : "1px solid #e0e0e0",
@@ -2652,7 +2337,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				justifyContent: hasVisibleSandbox ? void 0 : "center",
 				overflow: "hidden"
 			},
-			children: isGenerating && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			children: state.generating && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -2684,7 +2369,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `@keyframes ck-spin { to { transform: rotate(360deg) } }` })]
 			})
 		});
-	}, (prev, next) => prev.content === next.content);
+	};
 	/**
 	* Frontend tool renderer for generateSandboxedUi.
 	* Displays placeholder messages while the UI is being generated.
@@ -2721,22 +2406,22 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#region src/a2ui/A2UIRecoveryStates.tsx
 /**
 	* The pre-paint lifecycle fields the middleware stamps onto the `a2ui-surface`
-	* activity content (alongside `a2ui_operations` on paint). `.passthrough()` keeps
+	* activity content (alongside `a2ui_operations` on paint). `.loose()` keeps
 	* `a2ui_operations` and any future fields intact.
 	*/
 	const A2UILifecycleFields = {
-		status: zod.z.enum([
+		status: zod.enum([
 			"building",
 			"retrying",
 			"failed"
 		]).optional(),
-		attempt: zod.z.number().optional(),
-		maxAttempts: zod.z.number().optional(),
-		progressTokens: zod.z.number().optional(),
-		error: zod.z.string().optional(),
-		errors: zod.z.array(zod.z.any()).optional(),
-		attempts: zod.z.array(zod.z.any()).optional(),
-		debugExposure: zod.z.enum([
+		attempt: zod.number().optional(),
+		maxAttempts: zod.number().optional(),
+		progressTokens: zod.number().optional(),
+		error: zod.string().optional(),
+		errors: zod.array(zod.any()).optional(),
+		attempts: zod.array(zod.any()).optional(),
+		debugExposure: zod.enum([
 			"hidden",
 			"collapsed",
 			"verbose"
@@ -3127,12 +2812,12 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* stable messageId (OSS-162): pre-paint `status` ("building" | "retrying" |
 	* "failed") with recovery detail, then `a2ui_operations` on paint. The states
 	* swap in place, so the painted surface replaces the skeleton with no extra
-	* coordination. `.passthrough()` preserves operations + any future fields.
+	* coordination. `.loose()` preserves operations + any future fields.
 	*/
-	const A2UISurfaceContentSchema = zod.z.object({
-		a2ui_operations: zod.z.array(zod.z.any()).optional(),
+	const A2UISurfaceContentSchema = zod.object({
+		a2ui_operations: zod.array(zod.any()).optional(),
 		...A2UILifecycleFields
-	}).passthrough();
+	}).loose();
 	const IS_DEVELOPMENT = process.env.NODE_ENV !== "production";
 	/**
 	* How long to wait for a surface to report its first paint before giving up on
@@ -3481,7 +3166,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#endregion
 //#region src/types/defineToolCallRenderer.ts
 	function defineToolCallRenderer(def) {
-		const argsSchema = def.name === "*" && !def.args ? zod.z.any() : def.args;
+		const argsSchema = def.name === "*" && !def.args ? _copilotkit_shared.ɵanySchema : def.args;
 		return {
 			name: def.name,
 			args: argsSchema,
@@ -3516,7 +3201,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			const renderer = defineToolCallRenderer({
 				name: RENDER_A2UI_TOOL_NAME,
-				args: zod.z.any(),
+				args: zod.any(),
 				render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			});
 			const existing = copilotkit._renderToolCalls ?? [];
@@ -3687,12 +3372,11 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#endregion
 //#region src/generative-ui/json-schema.ts
 /**
-	* JSON Schema for a Standard Schema (zod v3 via zod-to-json-schema),
-	* inlined, no `$schema`. A prop marked by `child()` or `childList()`
+	* JSON Schema for a Standard Schema, without `$schema`. A prop marked by `child()` or `childList()`
 	* becomes an A2UI `$ref` to `ComponentId` or `ChildList`.
 	*/
 	function toJsonSchema(schema) {
-		const { $schema: _omit, ...rest } = (0, _copilotkit_shared.schemaToJsonSchema)(schema, { zodToJsonSchema: (s) => (0, zod_to_json_schema.zodToJsonSchema)(s, { $refStrategy: "none" }) });
+		const { $schema: _omit, ...rest } = (0, _copilotkit_shared.schemaToJsonSchema)(schema);
 		return (0, _copilotkit_shared.applyChildRefMarks)(rest);
 	}
 
@@ -5965,7 +5649,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			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()
+				schema: zod.any()
 			})), []);
 		}
 		notify() {
@@ -7954,21 +7638,21 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			})]
 		});
 	}
-	const ContentSchema = zod.z.object({
-		surfaceId: zod.z.string(),
-		target: zod.z.string(),
-		catalogId: zod.z.string(),
-		operations: zod.z.array(zod.z.any()),
-		status: zod.z.enum([
+	const ContentSchema = zod.object({
+		surfaceId: zod.string(),
+		target: zod.string(),
+		catalogId: zod.string(),
+		operations: zod.array(zod.any()),
+		status: zod.enum([
 			"streaming",
 			"ready",
 			"error"
 		]),
-		rejected: zod.z.array(zod.z.object({
-			index: zod.z.number(),
-			reason: zod.z.string()
+		rejected: zod.array(zod.object({
+			index: zod.number(),
+			reason: zod.string()
 		})).default([])
-	}).passthrough();
+	}).loose();
 	function GenerativeUIChatActivity({ content, agent }) {
 		const runtime = useGenerativeUIRuntime();
 		const threadId = useCopilotChatConfiguration()?.threadId ?? agent?.threadId;
@@ -8010,7 +7694,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	function createGenerativeUIFunctionCallActivityRenderer() {
 		return {
 			activityType: _copilotkit_shared.GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE,
-			content: zod.z.unknown(),
+			content: zod.unknown(),
 			render: () => null
 		};
 	}
@@ -8020,7 +7704,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			const renderer = defineToolCallRenderer({
 				name: _copilotkit_shared.GENERATIVE_UI_RENDER_TOOL,
-				args: zod.z.any(),
+				args: zod.any(),
 				render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			});
 			const existing = copilotkit._renderToolCalls ?? [];
@@ -8068,10 +7752,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/providers/CopilotKitProvider.tsx
-	const zodToJsonSchemaAdapter = (schema, options) => {
-		const refStrategy = options?.$refStrategy;
-		return (0, zod_to_json_schema.zodToJsonSchema)(schema, refStrategy === "root" || refStrategy === "relative" || refStrategy === "none" || refStrategy === "seen" ? { $refStrategy: refStrategy } : {});
-	};
 	const HEADER_NAME = "X-CopilotCloud-Public-Api-Key";
 	const COPILOT_CLOUD_CHAT_URL = "https://api.cloud.copilotkit.ai/copilotkit/v1";
 	const EMPTY_HEADERS = Object.freeze({});
@@ -8080,16 +7760,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	/** Registration name of a catch-all tool: handles any otherwise-unhandled call. */
 	const WILDCARD_TOOL_NAME$1 = "*";
 	const HUMAN_IN_THE_LOOP_ABORTED_MESSAGE = "Human-in-the-loop interaction aborted";
-	const DEFAULT_DESIGN_SKILL = `When generating UI with generateSandboxedUi, follow these design principles inspired by shadcn/ui:
-
-- Use a minimal, flat aesthetic. Avoid drop shadows and gradients — rely on subtle borders (1px solid, light gray like #e5e7eb) to define surfaces.
-- Neutral base palette: white backgrounds, zinc/slate gray text (#09090b for headings, #71717a for secondary text). One accent color for interactive elements.
-- Use system font stacks (system-ui, -apple-system, sans-serif) at readable sizes (14px body, 600 weight for headings). Tight line-heights.
-- Small, consistent border-radius (6–8px). Cards and containers use border, not shadow, for separation.
-- Buttons: solid fill for primary (dark bg, white text), outline for secondary (border + transparent bg). Subtle hover state (slight opacity or background shift).
-- Use CSS Grid or Flexbox for layout. Ensure the UI looks good at any width.
-- Minimal transitions (150ms) for hover/focus states only. No decorative animations.
-- Keep the UI focused and dense — avoid excessive padding. Use compact spacing (8–12px gaps, 10–14px padding in controls).`;
 	/** The MCP Apps renderer with `mcpApps.allowSameOriginFallback` applied. */
 	const SameOriginMCPAppsActivityRenderer = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MCPAppsActivityRenderer, {
 		...props,
@@ -8300,7 +7970,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const builtInFrontendTools = (0, react.useMemo)(() => {
 			if (!openGenUIActive) return [];
 			return [{
-				name: "generateSandboxedUi",
+				name: _copilotkit_core.GENERATE_SANDBOXED_UI_TOOL_NAME,
 				description: _copilotkit_shared.GENERATE_SANDBOXED_UI_DESCRIPTION,
 				parameters: GenerateSandboxedUiArgsSchema,
 				handler: async () => "UI generated",
@@ -8324,7 +7994,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			const combined = [...renderToolCallsList];
 			[...frontendToolsList, ...builtInFrontendTools].forEach((tool) => {
 				if (tool.render) {
-					const args = tool.parameters || (tool.name === "*" ? zod.z.any() : void 0);
+					const args = tool.parameters || (tool.name === "*" ? _copilotkit_shared.ɵanySchema : void 0);
 					if (args) combined.push({
 						name: tool.name,
 						args,
@@ -8525,7 +8195,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			copilotkit.setDefaultThrottleMs(defaultThrottleMs);
 		}, [copilotkit, defaultThrottleMs]);
-		const designSkill = openGenerativeUI?.designSkill ?? DEFAULT_DESIGN_SKILL;
+		const designSkill = openGenerativeUI?.designSkill ?? _copilotkit_core.DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL;
 		(0, react.useLayoutEffect)(() => {
 			if (!copilotkit || !openGenUIActive) return;
 			const id = copilotkit.addContext({
@@ -8545,7 +8215,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			return JSON.stringify(sandboxFunctionsList.map((fn) => ({
 				name: fn.name,
 				description: fn.description,
-				parameters: (0, _copilotkit_shared.schemaToJsonSchema)(fn.parameters, { zodToJsonSchema: zodToJsonSchemaAdapter })
+				parameters: (0, _copilotkit_shared.schemaToJsonSchema)(fn.parameters)
 			})));
 		}, [sandboxFunctionsList]);
 		(0, react.useLayoutEffect)(() => {
@@ -8571,26 +8241,17 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			executingToolCallIds,
 			showIntelligenceIndicator
 		]);
-		const retryableRuntimeEntitlementFailure = runtimeEntitlements?.status !== "ready" && runtimeEntitlements?.error.retryable === true;
-		const hasNonReadyRuntimeEntitlement = runtimeEntitlements !== void 0 && runtimeEntitlements.status !== "ready";
-		const hasLegacyRuntimeEntitlementFallback = runtimeLicenseStatus === "valid" || runtimeLicenseStatus === "expiring";
-		const runtimeEntitlementRetryInProgress = retryableRuntimeEntitlementFailure && runtimeEntitlementRetryPending && !hasLegacyRuntimeEntitlementFallback;
-		const terminalRuntimeEntitlementFailure = hasNonReadyRuntimeEntitlement && !retryableRuntimeEntitlementFailure && !hasLegacyRuntimeEntitlementFallback;
-		const licenseContextValue = (0, react.useMemo)(() => {
-			const runtimeLicenseContext = (0, _copilotkit_shared.createLicenseContextValue)(runtimeEntitlementRetryInProgress ? void 0 : runtimeLicenseStatus, runtimeEntitlements);
-			if (!terminalRuntimeEntitlementFailure) return runtimeLicenseContext;
-			return {
-				...runtimeLicenseContext,
-				checkFeature: () => false,
-				getLimit: () => null
-			};
-		}, [
-			terminalRuntimeEntitlementFailure,
-			runtimeEntitlementRetryInProgress,
+		const licenseState = (0, react.useMemo)(() => (0, _copilotkit_core.ɵresolveLicenseState)({
+			status: runtimeLicenseStatus,
+			entitlements: runtimeEntitlements,
+			retryPending: runtimeEntitlementRetryPending,
+			publicKey: resolvedPublicKey
+		}), [
+			runtimeLicenseStatus,
 			runtimeEntitlements,
-			runtimeLicenseStatus
+			runtimeEntitlementRetryPending,
+			resolvedPublicKey
 		]);
-		const runtimeLicenseWarningStatus = runtimeEntitlementRetryInProgress ? void 0 : licenseContextValue.status ?? void 0;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotStyleOptionsProvider, {
 			value: (0, react.useMemo)(() => ({
 				nonce,
@@ -8601,7 +8262,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitContext.Provider, {
 					value: contextValue,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LicenseContext.Provider, {
-						value: licenseContextValue,
+						value: licenseState.context,
 						children: [
 							a2uiActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIBuiltInToolCallRenderer, {}),
 							generativeUIActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GenerativeUIToolCallRenderer, {}),
@@ -8626,10 +8287,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 									}) : null]
 								})
 							}),
-							runtimeLicenseWarningStatus === "none" && !resolvedPublicKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "no_license" }),
-							runtimeLicenseWarningStatus === "expired" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expired" }),
-							runtimeLicenseWarningStatus === "invalid" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "invalid" }),
-							runtimeLicenseWarningStatus === "expiring" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expiring" })
+							licenseState.bannerType && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: licenseState.bannerType })
 						]
 					})
 				})
@@ -8644,11 +8302,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const config = 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) => {
-			const aHasAgent = a.agentId !== void 0;
-			if (aHasAgent === (b.agentId !== void 0)) return 0;
-			return aHasAgent ? -1 : 1;
-		});
+		const customMessageRenderers = (0, _copilotkit_core.ɵresolveCustomMessageRenderers)(copilotkit.renderCustomMessages, agentId);
 		if (!customMessageRenderers.length) return null;
 		return function(params) {
 			const { message, position } = params;
@@ -8684,6 +8338,18 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/hooks/use-render-activity-message.tsx
+/**
+	* Explain why an activity message that has a renderer drew nothing: its
+	* content validates asynchronously, or it fails the renderer's schema.
+	*/
+	function warnAboutRejectedContent(renderer, message) {
+		const result = renderer.content["~standard"].validate(message.content);
+		if (result instanceof Promise) {
+			console.warn(`Async content validation is not supported for activity message '${message.activityType}'`);
+			return;
+		}
+		if (result.issues) console.warn(`Failed to parse content for activity message '${message.activityType}':`, result.issues);
+	}
 	function useRenderActivityMessage() {
 		const { copilotkit } = useCopilotKit();
 		const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
@@ -8694,29 +8360,29 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			return matches.find((candidate) => candidate.agentId === agentId) ?? matches.find((candidate) => candidate.agentId === void 0) ?? renderers.find((candidate) => candidate.activityType === "*") ?? null;
 		}, [agentId, renderers]);
 		const renderActivityMessage = (0, react.useCallback)((message) => {
-			const renderer = findRenderer(message.activityType);
-			if (!renderer) return null;
-			const parseResult = renderer.content["~standard"].validate(message.content);
-			if (parseResult instanceof Promise) {
-				console.warn(`Async content validation is not supported for activity message '${message.activityType}'`);
-				return null;
-			}
-			if (parseResult.issues) {
-				console.warn(`Failed to parse content for activity message '${message.activityType}':`, parseResult.issues);
+			const match = (0, _copilotkit_core.ɵresolveActivityRenderer)(renderers, {
+				activityType: message.activityType,
+				agentId,
+				content: message.content
+			});
+			if (!match) {
+				const renderer = findRenderer(message.activityType);
+				if (renderer) warnAboutRejectedContent(renderer, message);
 				return null;
 			}
-			const Component = renderer.render;
+			const Component = match.renderer.render;
 			const agent = copilotkit.getAgent(agentId);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 				activityType: message.activityType,
-				content: parseResult.value,
+				content: match.content,
 				message,
 				agent
 			}, message.id);
 		}, [
 			agentId,
 			copilotkit,
-			findRenderer
+			findRenderer,
+			renderers
 		]);
 		return (0, react.useMemo)(() => ({
 			renderActivityMessage,
@@ -8801,6 +8467,30 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/hooks/use-frontend-tool.tsx
+/**
+	* Register a frontend tool while the component is mounted. The agent can
+	* call it, and its `render` component draws the call in the chat.
+	*
+	* A tool with the same name and agentId as a tool that is already registered
+	* (for example one from the provider's `tools`) overrides it while this
+	* component is mounted. When the component unmounts, the overridden tool is
+	* active again. The renderer stays registered after unmount, so past tool
+	* calls still render in the chat history.
+	*
+	* @param tool - The tool to register.
+	* @param deps - Extra values that re-register the tool when they change. Use
+	*   it when the handler closes over a value that is not part of the tool.
+	*
+	* @example
+	* ```tsx
+	* useFrontendTool({
+	*   name: "showWeather",
+	*   description: "Show the weather for a city",
+	*   parameters: z.object({ city: z.string() }),
+	*   handler: async ({ city }) => `Sunny in ${city}`,
+	* });
+	* ```
+	*/
 	function useFrontendTool(tool, deps) {
 		const { copilotkit } = useCopilotKit();
 		const depsVersion = useDepsVersion(deps);
@@ -8809,11 +8499,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			if (copilotkit.getTool({
 				toolName: name,
 				agentId: tool.agentId
-			})) {
-				console.warn(`Tool '${name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`);
-				copilotkit.removeTool(name, tool.agentId);
-			}
-			copilotkit.addTool(tool);
+			})) console.warn(`Tool '${name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`);
+			const unregister = copilotkit.addTool(tool);
 			if (tool.render) copilotkit.addHookRenderToolCall({
 				name,
 				args: tool.parameters,
@@ -8821,7 +8508,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				render: tool.render
 			});
 			return () => {
-				copilotkit.removeTool(name, tool.agentId);
+				unregister();
 			};
 		}, [
 			tool.name,
@@ -8846,8 +8533,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	*
 	* Tools are keyed by `name` plus `agentId`, the same as `useFrontendTool`. A
 	* tool that disappears from the array is unregistered on the next render, and
-	* every tool is unregistered on unmount. Renderers stay registered after
-	* unmount so past tool calls still render in the chat history.
+	* every tool is unregistered on unmount. A listed tool hides a tool with the
+	* same name and agentId (for example one from the provider's `tools`) until it
+	* is unregistered, and then the hidden tool is active again. Renderers stay
+	* registered after unmount so past tool calls still render in the chat history.
 	*
 	* @param tools - The tools to register. May be empty and may change length.
 	* @param deps - Extra dependencies that force re-registration, compared by
@@ -8897,15 +8586,13 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				deduped.set(key, tool);
 			}
 			const registered = [...deduped.values()];
+			const unregisters = [];
 			for (const tool of registered) {
 				if (copilotkit.getTool({
 					toolName: tool.name,
 					agentId: tool.agentId
-				})) {
-					console.warn(`Tool '${tool.name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`);
-					copilotkit.removeTool(tool.name, tool.agentId);
-				}
-				copilotkit.addTool(tool);
+				})) console.warn(`Tool '${tool.name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`);
+				unregisters.push(copilotkit.addTool(tool));
 				if (tool.render) copilotkit.addHookRenderToolCall({
 					name: tool.name,
 					args: tool.parameters,
@@ -8914,7 +8601,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				});
 			}
 			return () => {
-				for (const tool of registered) copilotkit.removeTool(tool.name, tool.agentId);
+				for (const unregister of unregisters) unregister();
 			};
 		}, [
 			JSON.stringify(toolList.map((tool) => [
@@ -9089,34 +8776,24 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* @internal
 	*/
 	const ToolCallGroupContext = (0, react.createContext)(null);
-	/**
-	* A call without a result is running only while the group is active: once
-	* the run has moved on or ended, its result is never coming.
-	*/
-	const entryStatus = ({ toolMessage }, active) => toolMessage ? toolMessage.error ? "failed" : "done" : active ? "running" : "stopped";
-	/** @internal */
-	const statusLabels = {
-		running: "Running",
-		done: "Done",
-		failed: "Failed",
-		stopped: "Stopped"
+	/** The label key for each call status. */
+	const STATUS_LABEL_KEYS = {
+		running: "toolCallStatusRunningLabel",
+		done: "toolCallStatusDoneLabel",
+		failed: "toolCallStatusFailedLabel",
+		stopped: "toolCallStatusStoppedLabel"
 	};
-	/** The first non-empty string argument: usually a command, path or query. */
-	function argumentPreview(parameters) {
-		if (!parameters || typeof parameters !== "object") return void 0;
-		return Object.values(parameters).find((v) => typeof v === "string" && v.trim().length > 0)?.replace(/\s+/g, " ");
-	}
-	const entryPreview = (entry) => argumentPreview((0, _copilotkit_shared.partialJSONParse)(entry.toolCall.function.arguments));
-	/** "run_command ×2, read_file" */
-	function toolNames(calls) {
-		const counts = /* @__PURE__ */ new Map();
-		for (const { toolCall } of calls) {
-			const name = toolCall.function.name;
-			counts.set(name, (counts.get(name) ?? 0) + 1);
-		}
-		return [...counts].map(([name, count]) => count > 1 ? `${name} ×${count}` : name).join(", ");
+	/** The icon for each call status. */
+	const STATUS_ICONS = {
+		running: "Loader2",
+		done: "Check",
+		failed: "X",
+		stopped: "Circle"
+	};
+	/** The chat labels from the nearest chat configuration, or the defaults. */
+	function useLabels$1() {
+		return useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 	}
-	const pluralize = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
 	/**
 	* Height transition between closed and its content's height. Closed content
 	* stays mounted (so its state survives) but is inert.
@@ -9139,55 +8816,35 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		});
 	}
 	function StatusIcon({ status, className }) {
-		const Icon = {
-			running: lucide_react.Loader2,
-			done: lucide_react.Check,
-			failed: lucide_react.X,
-			stopped: lucide_react.Circle
-		}[status];
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+			name: STATUS_ICONS[status],
 			"aria-hidden": "true",
 			className: cn("cpk-tool-call-status-icon", status === "running" && "cpk-tool-call-status-icon-running", status === "failed" && "cpk-tool-call-status-icon-failed", className)
 		});
 	}
 	function Chevron({ open, className }) {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+			name: "ChevronRight",
 			"aria-hidden": "true",
 			className: cn("cpk-tool-call-chevron", open && "cpk-tool-call-chevron-open", className)
 		});
 	}
 	function FailedCount({ calls }) {
-		const failed = calls.filter((call) => call.toolMessage?.error).length;
+		const labels = useLabels$1();
+		const failed = (0, _copilotkit_core.ɵcountFailedToolCalls)(calls);
 		if (!failed) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "cpk-tool-call-failed-count",
-			children: [failed, " failed"]
+			children: (0, _copilotkit_core.ɵformatLabel)(labels.toolCallFailedCountLabel, { count: failed })
 		});
 	}
-	/**
-	* Guarded JSON.stringify for the payload blocks. A circular reference would
-	* otherwise crash the entire React tree on render.
-	*/
-	function stringifyPayload(value) {
-		if (typeof value === "string") return value;
-		try {
-			return JSON.stringify(value, null, 2);
-		} catch (err) {
-			console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload; falling back to String():", err);
-			try {
-				return String(value);
-			} catch {
-				return "[unserializable]";
-			}
-		}
-	}
 	function Payload({ label, value }) {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "cpk-tool-call-payload-label",
 			children: label
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
 			className: "cpk-tool-call-payload-code",
-			children: stringifyPayload(value)
+			children: (0, _copilotkit_core.ɵstringifyToolCallPayload)(value)
 		})] });
 	}
 	/**
@@ -9195,13 +8852,14 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* @internal
 	*/
 	function ToolCallPayloads({ parameters, result, className }) {
+		const labels = useLabels$1();
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: cn("cpk-tool-call-payloads", className),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Payload, {
-				label: "Arguments",
+				label: labels.toolCallArgumentsLabel,
 				value: parameters ?? {}
 			}), result !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Payload, {
-				label: "Result",
+				label: labels.toolCallResultLabel,
 				value: result
 			})]
 		});
@@ -9212,9 +8870,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* @internal
 	*/
 	function ToolCallRow({ name, parameters, result, status, appearance, className, ...props }) {
+		const labels = useLabels$1();
 		const [open, setOpen] = (0, react.useState)(false);
 		const detailsId = (0, react.useId)();
-		const preview = argumentPreview(parameters);
+		const preview = (0, _copilotkit_core.ɵgetArgumentPreview)(parameters);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-copilotkit": true,
 			className: cn("cpk-tool-call-row", `cpk-tool-call-row-${appearance}`, className),
@@ -9239,7 +8898,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"data-testid": "copilot-tool-render-status",
 						className: "cpk-tool-call-row-status",
-						children: statusLabels[status]
+						children: labels[STATUS_LABEL_KEYS[status]]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
 						open,
@@ -9268,14 +8927,15 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* draws.
 	*/
 	function CopilotChatToolCallGroup({ calls, renderCall, appearance = "card", isActive = false, className, ...props }) {
+		const labels = useLabels$1();
 		const [open, setOpen] = (0, react.useState)(false);
 		const bodyId = (0, react.useId)();
 		const latest = calls[calls.length - 1];
 		if (!latest) return null;
 		const current = isActive ? calls.find((call) => !call.toolMessage) ?? latest : void 0;
-		const preview = current ? entryPreview(current) : void 0;
+		const preview = current ? (0, _copilotkit_core.ɵgetToolCallPreview)(current) : void 0;
 		const done = calls.filter((call) => call.toolMessage).length;
-		const statuses = calls.map((call) => entryStatus(call, isActive));
+		const statuses = calls.map((call) => (0, _copilotkit_core.ɵgetToolCallRowStatus)(call, isActive));
 		const failedIds = new Set(calls.filter((_, index) => statuses[index] === "failed").map((call) => call.toolCall.id));
 		const status = current ? "running" : failedIds.size > 0 ? "failed" : statuses.includes("stopped") ? "stopped" : "done";
 		const rows = (rowAppearance) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCallGroupContext.Provider, {
@@ -9293,9 +8953,9 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			"data-state": status,
 			...props
 		};
-		const runningLabel = current && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		const runningLabel = current && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "cpk-tool-call-group-running cpk-shimmer",
-			children: ["Running ", current.toolCall.function.name]
+			children: (0, _copilotkit_core.ɵformatLabel)(labels.toolCallRunningLabel, { name: current.toolCall.function.name })
 		}), preview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "cpk-tool-call-group-preview",
 			children: preview
@@ -9323,13 +8983,16 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					onClick: () => setOpen((value) => !value),
 					className: "cpk-tool-call-group-line-toggle",
 					children: [runningLabel || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "cpk-tool-call-group-line-summary",
-							children: ["Used ", pluralize(calls.length, "tool")]
+							children: (0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+								one: labels.toolCallUsedToolsOne,
+								other: labels.toolCallUsedToolsOther
+							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "cpk-tool-call-group-line-names",
-							children: toolNames(calls)
+							children: (0, _copilotkit_core.ɵformatToolNames)(calls)
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls })
 					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, { open })]
@@ -9346,8 +9009,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		if (appearance === "stack") {
 			const behind = open ? 0 : Math.min(calls.length - 1, 2);
 			const layer = "cpk-tool-call-group-stack-layer";
-			const latestStatus = entryStatus(latest, isActive);
-			const latestPreview = entryPreview(latest);
+			const latestStatus = (0, _copilotkit_core.ɵgetToolCallRowStatus)(latest, isActive);
+			const latestPreview = (0, _copilotkit_core.ɵgetToolCallPreview)(latest);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				...groupProps,
 				className: cn("cpk-tool-call-group cpk-tool-call-group-stack", className),
@@ -9374,11 +9037,14 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 							onClick: () => setOpen((value) => !value),
 							className: cn("cpk-tool-call-group-stack-toggle", open ? "cpk-tool-call-group-stack-toggle-open" : [layer, "cpk-tool-call-group-stack-toggle-closed"]),
 							children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								pluralize(calls.length, "tool call"),
+								(0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+									one: labels.toolCallToolCallCountOne,
+									other: labels.toolCallToolCallCountOther
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "cpk-tool-call-group-stack-collapse",
-									children: ["Collapse", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
+									children: [labels.toolCallCollapseLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
 										open: true,
 										className: "cpk-tool-call-group-stack-collapse-icon"
 									})]
@@ -9397,7 +9063,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "cpk-tool-call-group-stack-status",
-										children: statusLabels[latestStatus]
+										children: labels[STATUS_LABEL_KEYS[latestStatus]]
 									})
 								]
 							}, latest.toolCall.id), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -9406,7 +9072,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "cpk-tool-call-group-stack-count",
-										children: pluralize(calls.length, "call")
+										children: (0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+											one: labels.toolCallCallCountOne,
+											other: labels.toolCallCallCountOther
+										})
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
 										open: false,
@@ -9418,7 +9087,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							"aria-live": "polite",
 							className: "cpk-tool-call-group-stack-live",
-							children: open ? "" : `${latest.toolCall.function.name}: ${statusLabels[latestStatus]}`
+							children: open ? "" : `${latest.toolCall.function.name}: ${labels[STATUS_LABEL_KEYS[latestStatus]]}`
 						})
 					]
 				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -9450,18 +9119,21 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				className: "cpk-tool-call-group-card-toggle",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIcon, { status }),
-					runningLabel || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					runningLabel || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "cpk-tool-call-group-card-summary",
-						children: ["Used ", pluralize(calls.length, "tool")]
+						children: (0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+							one: labels.toolCallUsedToolsOne,
+							other: labels.toolCallUsedToolsOther
+						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "cpk-tool-call-group-card-names",
-						children: toolNames(calls)
+						children: (0, _copilotkit_core.ɵformatToolNames)(calls)
 					})] }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "cpk-tool-call-group-card-meta",
 						children: [status === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FailedCount, { calls }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "cpk-tool-call-group-card-status",
-							children: status !== "running" ? statusLabels[status] : done > 0 && `${done} done`
+							children: status !== "running" ? labels[STATUS_LABEL_KEYS[status]] : done > 0 && (0, _copilotkit_core.ɵformatLabel)(labels.toolCallDoneCountLabel, { count: done })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, { open })]
 					})
 				]
@@ -10228,11 +9900,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		}));
 	}
 
-//#endregion
-//#region src/types/interrupt.ts
-/** Name of the legacy custom event agents emit to signal an interrupt. */
-	const INTERRUPT_EVENT_NAME = "on_interrupt";
-
 //#endregion
 //#region src/hooks/use-interrupt.tsx
 /** Recognize thenables returned by interrupt preprocessing handlers. */
@@ -10243,7 +9910,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	function toLegacyEvent(pending) {
 		if (pending.kind === "legacy") return pending.event;
 		return {
-			name: INTERRUPT_EVENT_NAME,
+			name: _copilotkit_core.INTERRUPT_EVENT_NAME,
 			value: pending.interrupts[0]
 		};
 	}
@@ -10290,7 +9957,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			let localStandard = null;
 			const subscription = agent.subscribe({
 				onCustomEvent: ({ event }) => {
-					if (event.name === INTERRUPT_EVENT_NAME) localLegacy = {
+					if (event.name === _copilotkit_core.INTERRUPT_EVENT_NAME) localLegacy = {
 						name: event.name,
 						value: event.value
 					};
@@ -11149,297 +10816,11 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		};
 	}
 
-//#endregion
-//#region src/hooks/use-learning-containers.tsx
-/** The default learning containers value. Matches the backend default. */
-	const DEFAULT_CONTAINERS = ["project"];
-	/**
-	* Legacy compatibility hook that keeps a thread's plural learning-container
-	* annotation in sync by emitting
-	* `set_learning_containers` annotations via the CopilotKit runtime annotate
-	* endpoint (`POST ${runtimeUrl}/annotate`).
-	*
-	* **Emit rules:**
-	* - On mount with `["project"]` (the backend default) → does NOT emit.
-	*   Absence of an annotation equals the default, so the round-trip is skipped.
-	* - On mount with any other value → emits immediately.
-	* - On any subsequent content change (including a switch back to
-	*   `["project"]`) → emits (a deliberate switch is always recorded).
-	* - On unmount or threadId change → emits a reset to `["project"]`
-	*   so the backend is left in a clean state for the next consumer.
-	*   Changing `learningContainers` within the same thread does NOT reset the
-	*   thread; only the new value is emitted.
-	*
-	* Content-equality is evaluated via `JSON.stringify` so a fresh array literal
-	* with the same items does NOT trigger a redundant emit.
-	*
-	* If `runtimeUrl` is absent, all emits are silently skipped.
-	*
-	* @example
-	* ```tsx
-	* function ThreadPane({ threadId, userScope }: Props) {
-	*   useLearningContainers({
-	*     threadId,
-	*     learningContainers: [userScope],
-	*   });
-	*   // ...
-	* }
-	* ```
-	*
-	* @deprecated This hook supports only the legacy plural-container annotation.
-	* Configure `getLearningContainerId` on `CopilotKitIntelligence` for new
-	* Intelligence runtimes.
-	*/
-	function useLearningContainers({ threadId, learningContainers }) {
-		const { copilotkit } = useCopilotKit();
-		/**
-		* Tracks the last-synced container list so content-identical rerenders
-		* (fresh array, same values) do not fire a redundant emit.
-		* `null` = nothing synced yet (initial state or after a threadId reset).
-		*/
-		const lastSyncedRef = (0, react.useRef)(null);
-		/** Guards the missing-runtimeUrl warning so it fires at most once per hook instance. */
-		const warnedMissingUrlRef = (0, react.useRef)(false);
-		const runtimeUrlRef = (0, react.useRef)(copilotkit.runtimeUrl);
-		const runtimeFetchRef = (0, react.useRef)(copilotkit.ɵruntimeFetch);
-		runtimeUrlRef.current = copilotkit.runtimeUrl;
-		runtimeFetchRef.current = copilotkit.ɵruntimeFetch;
-		const key = JSON.stringify(learningContainers);
-		const defaultKey = JSON.stringify(DEFAULT_CONTAINERS);
-		(0, react.useEffect)(() => {
-			const runtimeUrl = copilotkit.runtimeUrl;
-			/**
-			* Fire-and-forget emit; errors must not surface in render.
-			* Failures are logged as warnings so they are diagnosable without
-			* propagating into the React render cycle.
-			*/
-			const emit = (containers) => {
-				if (!runtimeUrl) {
-					if (!warnedMissingUrlRef.current) {
-						warnedMissingUrlRef.current = true;
-						console.warn("useLearningContainers: runtimeUrl not configured; learning-container sync disabled");
-					}
-					return;
-				}
-				recordAnnotation({
-					fetch: copilotkit.ɵruntimeFetch,
-					runtimeUrl,
-					headers: {},
-					type: "set_learning_containers",
-					payload: { containers },
-					threadId
-				}).catch((err) => {
-					console.warn("useLearningContainers: failed to record set_learning_containers", err);
-				});
-			};
-			if (lastSyncedRef.current === null) {
-				if (key === defaultKey) {
-					lastSyncedRef.current = learningContainers;
-					return;
-				}
-				emit(learningContainers);
-				lastSyncedRef.current = learningContainers;
-			} else if (key !== JSON.stringify(lastSyncedRef.current)) {
-				emit(learningContainers);
-				lastSyncedRef.current = learningContainers;
-			}
-		}, [threadId, key]);
-		(0, react.useEffect)(() => {
-			const capturedThreadId = threadId;
-			return () => {
-				const capturedRuntimeUrl = runtimeUrlRef.current;
-				if (capturedRuntimeUrl) recordAnnotation({
-					fetch: runtimeFetchRef.current,
-					runtimeUrl: capturedRuntimeUrl,
-					headers: {},
-					type: "set_learning_containers",
-					payload: { containers: DEFAULT_CONTAINERS },
-					threadId: capturedThreadId
-				}).catch((err) => {
-					console.warn("useLearningContainers: failed to record set_learning_containers", err);
-				});
-				lastSyncedRef.current = null;
-			};
-		}, [threadId]);
-	}
-
-//#endregion
-//#region src/hooks/use-learning-containers-in-current-thread.tsx
-/**
-	* Legacy compatibility hook that keeps the **current chat thread's** plural
-	* learning-container annotation in sync. The `threadId` is sourced from the surrounding
-	* `<CopilotChatConfigurationProvider>` (the same provider `<CopilotChat>`,
-	* `<CopilotSidebar>`, and friends set up), so callers in a chat-aware
-	* subtree don't need to thread an id through manually.
-	*
-	* **Throws on render** when there is no chat-config provider in scope or
-	* when the provider does not yet have an active `threadId`. Mount the hook
-	* inside a subtree that is guaranteed to have a thread context.
-	*
-	* If you need to manage an explicit thread, use {@link useLearningContainers}
-	* directly — two hooks, two crisp contracts, no mode confusion.
-	*
-	* @throws When no `CopilotChatConfigurationProvider` is in scope or when the
-	*         active `threadId` is absent/empty.
-	*
-	* @example
-	* ```tsx
-	* function ThreadPanel({ scope }: Props) {
-	*   useLearningContainersInCurrentThread({
-	*     learningContainers: [scope],
-	*   });
-	*   // ...
-	* }
-	* ```
-	*
-	* @deprecated This hook supports only the legacy plural-container annotation.
-	* Configure `getLearningContainerId` on `CopilotKitIntelligence` for new
-	* Intelligence runtimes.
-	*/
-	function useLearningContainersInCurrentThread({ learningContainers }) {
-		const threadId = 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,
-			learningContainers
-		});
-	}
-
 //#endregion
 //#region src/components/chat/tool-call-display-context.ts
 /** @internal */
 	const ToolCallDisplayContext = (0, react.createContext)(null);
 
-//#endregion
-//#region src/components/chat/tool-call-layout.ts
-	function contentLength(content) {
-		return typeof content === "string" ? content.length : JSON.stringify(content ?? "").length;
-	}
-	const entrySignature = ({ toolCall, toolMessage }) => [
-		toolCall.id,
-		toolCall.function.name,
-		toolCall.function.arguments.length,
-		toolMessage ? `${contentLength(toolMessage.content)}${toolMessage.error ? "!" : ""}` : "-"
-	].join(":");
-	function signatureOf(segments) {
-		return segments.map((segment) => segment.kind === "call" ? `c(${entrySignature(segment.call)})` : `g${segment.trailing ? "*" : ""}(${segment.calls.map(entrySignature).join(",")})`).join("|");
-	}
-	/** Index of tool results by the call they answer. */
-	function getToolResults(messages) {
-		const results = /* @__PURE__ */ new Map();
-		for (const message of messages) if (message.role === "tool") results.set(message.toolCallId, message);
-		return results;
-	}
-	/**
-	* Lays out the tool calls of every assistant message in `rendered`.
-	*
-	* Calls drawn by a renderer that opted into grouping join the group that's
-	* open; anything else that shows between them closes it: assistant text, a
-	* user, reasoning or activity message, or a call drawn by any other renderer. A group belongs to
-	* the message where it starts, so later messages whose calls joined it render
-	* no tool calls themselves.
-	*
-	* @param rendered - The messages as the chat renders them, in order.
-	* @param all - Every message, for finding tool results (a transform may hide them).
-	* @param renderers - The registered renderers.
-	*/
-	function getToolCallLayouts(rendered, all, renderers) {
-		const results = getToolResults(all);
-		const layouts = /* @__PURE__ */ new Map();
-		let open;
-		for (const message of rendered) {
-			if (message.role === "tool") continue;
-			if (message.role !== "assistant") {
-				open = void 0;
-				continue;
-			}
-			if (typeof message.content === "string" && message.content.trim()) open = void 0;
-			const segments = [];
-			layouts.set(message.id, segments);
-			const toolCalls = /* @__PURE__ */ new Map();
-			for (const toolCall of message.toolCalls ?? []) toolCalls.set(toolCall.id, toolCall);
-			for (const toolCall of toolCalls.values()) {
-				const entry = {
-					toolCall,
-					toolMessage: results.get(toolCall.id)
-				};
-				const name = toolCall.function.name;
-				const named = renderers.named.has(name);
-				const rendered = named || renderers.wildcard;
-				const groups = named ? renderers.groupedNames.has(name) : renderers.wildcardGroups;
-				if (!rendered || !groups) {
-					if (rendered) open = void 0;
-					segments.push({
-						kind: "call",
-						id: toolCall.id,
-						call: entry,
-						rendered
-					});
-				} else if (open) open.calls.push(entry);
-				else {
-					open = {
-						kind: "group",
-						id: toolCall.id,
-						calls: [entry],
-						trailing: false
-					};
-					segments.push(open);
-				}
-			}
-		}
-		if (open) open.trailing = true;
-		const layout = /* @__PURE__ */ new Map();
-		for (const [id, segments] of layouts) layout.set(id, {
-			segments,
-			signature: signatureOf(segments)
-		});
-		return layout;
-	}
-	/**
-	* Finds the working phase of every reply in `rendered`: its messages up to the
-	* last one that calls a tool. Text in there was narration; what follows is the
-	* reply itself. Replies that called no tools are omitted, except the latest,
-	* which may be about to.
-	*/
-	function getTurnWork(rendered, layouts) {
-		const turns = /* @__PURE__ */ new Map();
-		let start = 0;
-		while (start < rendered.length) {
-			let end = start;
-			while (end < rendered.length && rendered[end].role !== "user") end++;
-			const key = start > 0 ? rendered[start - 1].id : "start";
-			const visible = rendered.slice(start, end).filter((message) => message.role !== "tool");
-			const isLatest = end === rendered.length;
-			const calls = [];
-			for (const message of visible) for (const segment of layouts.get(message.id)?.segments ?? []) if (segment.kind === "group") calls.push(...segment.calls);
-			else if (segment.rendered) calls.push(segment.call);
-			const shown = new Set(calls.map((entry) => entry.toolCall.id));
-			let lastWork = -1;
-			visible.forEach((message, index) => {
-				if (message.role === "assistant" && message.toolCalls?.some((call) => shown.has(call.id))) lastWork = index;
-			});
-			const first = visible[0];
-			if (first && (calls.length > 0 || isLatest)) {
-				let lastAssistant = -1;
-				visible.forEach((message, index) => {
-					if (message.role === "assistant") lastAssistant = index;
-				});
-				const replyText = visible[lastAssistant]?.content;
-				const endsWithWork = lastAssistant >= 0 && lastAssistant <= lastWork && typeof replyText === "string" && replyText.trim().length > 0;
-				turns.set(key, {
-					key,
-					firstMessageId: first.id,
-					workMessageIds: new Set(visible.slice(0, lastWork + 1).map((message) => message.id)),
-					replyTextMessageId: endsWithWork ? visible[lastAssistant].id : void 0,
-					calls,
-					isLatest
-				});
-			}
-			start = end + 1;
-		}
-		return turns;
-	}
-
 //#endregion
 //#region src/components/chat/CopilotChatToolCallsView.tsx
 	const appearances = {
@@ -11459,7 +10840,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const viewLayout = context?.layouts.get(message.id);
 		const layout = (0, react.useMemo)(() => {
 			if (display === "separate") return void 0;
-			return viewLayout ?? getToolCallLayouts([message], messages, rendererNames).get(message.id);
+			return viewLayout ?? (0, _copilotkit_core.ɵgetToolCallLayouts)([message], messages, rendererNames).get(message.id);
 		}, [
 			display,
 			viewLayout,
@@ -11649,7 +11030,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		});
 	}
 	function CopilotChatInspectorButton({ title, className, onClick, onPointerDown, onPointerEnter, onPointerLeave, onKeyDown, disabled, ...props }) {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const { isInspectorEnabled } = useCopilotKitInspector();
 		const hidden = useInspectorShortcutsHidden();
 		const [open, setOpen] = (0, react.useState)(false);
@@ -11718,7 +11099,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 							event.currentTarget.click();
 						}
 					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Wrench, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+						name: "Wrench",
 						"aria-hidden": "true",
 						className: "cpk-inspector-button-icon",
 						"data-testid": "copilot-inspector-icon"
@@ -11785,7 +11167,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DropdownMenuItem, {
 						onSelect: hideShortcuts,
 						className: "cpk-inspector-button-menu-item cpk-inspector-button-hide-item",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.EyeOff, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+							name: "EyeOff",
 							"aria-hidden": "true",
 							className: "cpk-inspector-button-menu-item-icon"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -12326,7 +11709,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* 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 = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const contentRef = (0, react.useRef)(null);
 		const focusInside = () => contentRef.current?.contains(document.activeElement) ?? false;
 		const { focusRequest, takeFocusRequest, inputRef } = comment;
@@ -12630,7 +12013,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			});
 		};
 		_CopilotChatAssistantMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			const [copied, setCopied] = (0, react.useState)(false);
 			const timerRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -12656,36 +12039,44 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				onClick: handleClick,
 				className,
 				...props,
-				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "cpk-assistant-message-toolbar-icon" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "cpk-assistant-message-toolbar-icon" })
+				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Check",
+					className: "cpk-assistant-message-toolbar-icon"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Copy",
+					className: "cpk-assistant-message-toolbar-icon"
+				})
 			});
 		};
 		_CopilotChatAssistantMessage.InspectorButton = CopilotChatInspectorButton;
 		_CopilotChatAssistantMessage.ThumbsUpButton = ({ title, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-thumbs-up-button",
 				title: title || labels.assistantMessageToolbarThumbsUpLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ThumbsUp, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "ThumbsUp",
 					className: "cpk-assistant-message-toolbar-icon",
 					fill: props["aria-pressed"] === true ? "currentColor" : "none"
 				})
 			});
 		};
 		_CopilotChatAssistantMessage.ThumbsDownButton = ({ title, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-thumbs-down-button",
 				title: title || labels.assistantMessageToolbarThumbsDownLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ThumbsDown, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "ThumbsDown",
 					className: "cpk-assistant-message-toolbar-icon",
 					fill: props["aria-pressed"] === true ? "currentColor" : "none"
 				})
 			});
 		};
 		_CopilotChatAssistantMessage.FeedbackComment = ({ value, savedComment, inputRef, onChange, onSubmit, onEditingChange, onLeave, className }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			const changed = value.trim() !== savedComment;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 				"data-testid": "copilot-feedback-comment",
@@ -12715,26 +12106,35 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					variant: "assistantMessageToolbarButton",
 					"aria-label": labels.assistantMessageFeedbackCommentSubmitLabel,
 					title: labels.assistantMessageFeedbackCommentSubmitLabel,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "cpk-assistant-message-feedback-comment-submit-icon" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+						name: "ArrowUp",
+						className: "cpk-assistant-message-feedback-comment-submit-icon"
+					})
 				})]
 			});
 		};
 		_CopilotChatAssistantMessage.ReadAloudButton = ({ title, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-read-aloud-button",
 				title: title || labels.assistantMessageToolbarReadAloudLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Volume2, { className: "cpk-assistant-message-read-aloud-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Volume2",
+					className: "cpk-assistant-message-read-aloud-icon"
+				})
 			});
 		};
 		_CopilotChatAssistantMessage.RegenerateButton = ({ title, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-regenerate-button",
 				title: title || labels.assistantMessageToolbarRegenerateLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: "cpk-assistant-message-toolbar-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "RefreshCw",
+					className: "cpk-assistant-message-toolbar-icon"
+				})
 			});
 		};
 	})(CopilotChatAssistantMessage || (CopilotChatAssistantMessage = {}));
@@ -12757,7 +12157,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* `labels.attachmentPreviewCloseButtonLabel`.
 	*/
 	function Lightbox({ onClose, children }) {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		(0, react.useEffect)(() => {
 			const handleKey = (e) => {
 				if (e.key === "Escape") onClose();
@@ -12773,7 +12173,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				onClick: onClose,
 				className: "cpk-attachment-lightbox-close-button",
 				"aria-label": labels.attachmentPreviewCloseButtonLabel,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "cpk-attachment-lightbox-close-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "X",
+					className: "cpk-attachment-lightbox-close-icon"
+				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				onClick: (e) => e.stopPropagation(),
 				children
@@ -12827,17 +12230,22 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/components/chat/CopilotChatAttachmentRenderer.tsx
+/** The chat labels from the nearest chat configuration, or the defaults. */
+	function useLabels() {
+		return useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
+	}
 	const ImageAttachment = (0, react.memo)(function ImageAttachment({ src, className }) {
+		const labels = useLabels();
 		const [error, setError] = (0, react.useState)(false);
 		const { thumbnailRef, vtName, open, openLightbox, closeLightbox } = useLightbox();
 		if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: cn("cpk-attachment-renderer cpk-attachment-renderer-image-error", className),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Failed to load image" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.attachmentImageLoadErrorText })
 		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 			ref: thumbnailRef,
 			src,
-			alt: "Image attachment",
+			alt: labels.attachmentImageAltText,
 			className: cn("cpk-attachment-renderer cpk-attachment-renderer-image", className),
 			onClick: openLightbox,
 			onError: () => setError(true)
@@ -12846,7 +12254,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 				style: { viewTransitionName: vtName },
 				src,
-				alt: "Image attachment",
+				alt: labels.attachmentImageAltText,
 				className: "cpk-attachment-renderer-lightbox-image"
 			})
 		})] });
@@ -12874,7 +12282,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		});
 	});
 	const DocumentAttachment = (0, react.memo)(function DocumentAttachment({ src, source, filename, className }) {
-		const label = filename || source.mimeType || "Document attachment";
+		const labels = useLabels();
+		const label = filename || source.mimeType || labels.attachmentDocumentAltText;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 			href: src,
 			download: filename ?? "",
@@ -12887,7 +12296,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				children: (0, _copilotkit_shared.getDocumentIcon)(source.mimeType ?? "")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk-attachment-renderer-document-name",
-				children: filename || source.mimeType || "Unknown type"
+				children: filename || source.mimeType || labels.attachmentUnknownTypeText
 			})]
 		});
 	});
@@ -13026,7 +12435,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			})] });
 		};
 		_CopilotChatUserMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			const [copied, setCopied] = (0, react.useState)(false);
 			const handleClick = async (event) => {
 				let success = false;
@@ -13042,21 +12451,30 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				onClick: handleClick,
 				className,
 				...props,
-				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "cpk-user-message-toolbar-icon" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "cpk-user-message-toolbar-icon" })
+				children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Check",
+					className: "cpk-user-message-toolbar-icon"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Copy",
+					className: "cpk-user-message-toolbar-icon"
+				})
 			});
 		};
 		_CopilotChatUserMessage.EditButton = ({ className, title, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-edit-button",
 				title: title || labels.userMessageToolbarEditMessageLabel,
 				className,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Edit, { className: "cpk-user-message-toolbar-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Edit",
+					className: "cpk-user-message-toolbar-icon"
+				})
 			});
 		};
 		_CopilotChatUserMessage.BranchNavigation = ({ className, currentBranch = 0, numberOfBranches = 1, onSwitchToBranch, message, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			if (!numberOfBranches || numberOfBranches <= 1 || !onSwitchToBranch) return null;
 			const canGoPrev = currentBranch > 0;
 			const canGoNext = currentBranch < numberOfBranches - 1;
@@ -13076,7 +12494,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 						disabled: !canGoPrev,
 						className: "cpk-user-message-branch-button",
 						"aria-label": labels.userMessageToolbarPreviousBranchLabel,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "cpk-user-message-branch-icon" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+							name: "ChevronLeft",
+							className: "cpk-user-message-branch-icon"
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "cpk-user-message-branch-counter",
@@ -13097,7 +12518,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 						disabled: !canGoNext,
 						className: "cpk-user-message-branch-button",
 						"aria-label": labels.userMessageToolbarNextBranchLabel,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "cpk-user-message-branch-icon" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+							name: "ChevronRight",
+							className: "cpk-user-message-branch-icon"
+						})
 					})
 				]
 			});
@@ -13115,24 +12539,35 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#endregion
 //#region src/components/chat/CopilotChatReasoningMessage.tsx
 /**
-	* Formats an elapsed duration (in seconds) to a human-readable string.
+	* The reasoning time as label text, such as "4 seconds" or "1m 5s".
+	*
+	* @param seconds - The elapsed time in seconds. It may have a fraction.
+	* @param labels - The chat labels that hold the duration texts.
 	*/
-	function formatDuration$1(seconds) {
-		if (seconds < 1) return "a few seconds";
-		if (seconds < 60) return `${Math.round(seconds)} seconds`;
-		const mins = Math.floor(seconds / 60);
-		const secs = Math.round(seconds % 60);
-		if (secs === 0) return `${mins} minute${mins > 1 ? "s" : ""}`;
-		return `${mins}m ${secs}s`;
+	function formatDuration(seconds, labels) {
+		const duration = (0, _copilotkit_core.ɵformatReasoningDuration)(seconds);
+		switch (duration.unit) {
+			case "fewSeconds": return labels.reasoningMessageDurationFewSeconds;
+			case "seconds": return (0, _copilotkit_core.ɵformatLabel)(labels.reasoningMessageDurationSeconds, { count: duration.seconds });
+			case "minutes": return (0, _copilotkit_core.ɵformatCountLabel)(duration.minutes, {
+				one: labels.reasoningMessageDurationMinutesOne,
+				other: labels.reasoningMessageDurationMinutesOther
+			});
+			case "minutesSeconds": return (0, _copilotkit_core.ɵformatLabel)(labels.reasoningMessageDurationMinutesSeconds, {
+				minutes: duration.minutes,
+				seconds: duration.seconds
+			});
+		}
 	}
 	/**
 	* 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
+	* streaming ends it collapses and the header reads
+	* `labels.reasoningMessageThoughtForLabel` ("Thought for 4 seconds"). The
 	* `header` slot also receives `elapsedSeconds`.
 	*/
 	function CopilotChatReasoningMessage({ message, messages, isRunning, isLatest: isLatestProp, header, contentView, toggle, children, className, ...props }) {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const isLatest = isLatestProp ?? messages?.[messages.length - 1]?.id === message.id;
 		const isStreaming = !!(isRunning && isLatest);
 		const hasContent = !!(message.content && message.content.length > 0);
@@ -13162,7 +12597,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			userToggledRef.current = true;
 			setIsOpen((prev) => !prev);
 		} : void 0;
-		const label = isStreaming ? labels.reasoningMessageThinkingLabel : `Thought for ${formatDuration$1(elapsed)}`;
+		const label = isStreaming ? labels.reasoningMessageThinkingLabel : (0, _copilotkit_core.ɵformatLabel)(labels.reasoningMessageThoughtForLabel, { duration: formatDuration(elapsed, labels) });
 		const boundHeader = renderSlot(header, CopilotChatReasoningMessage.Header, {
 			isOpen,
 			label,
@@ -13217,7 +12652,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "cpk-reasoning-message-indicator-dot" })
 					}),
 					headerChildren,
-					isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: cn("cpk-reasoning-message-chevron", isOpen && "cpk-reasoning-message-chevron-open") })
+					isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+						name: "ChevronRight",
+						className: cn("cpk-reasoning-message-chevron", isOpen && "cpk-reasoning-message-chevron-open")
+					})
 				]
 			});
 		};
@@ -13271,7 +12709,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			...props,
 			children: [isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk-suggestion-pill-icon",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Loader2",
 					className: "cpk-suggestion-pill-spinner",
 					"aria-hidden": "true"
 				})
@@ -13388,15 +12827,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/components/chat/CopilotChatWorkSummary.tsx
-/** "45s", "1m 5s", "2m". Used for the live timer and the final duration. */
-	function formatDuration(ms) {
-		const seconds = Math.max(0, Math.floor(ms / 1e3));
-		if (seconds < 60) return `${seconds}s`;
-		const minutes = Math.floor(seconds / 60);
-		const rest = seconds % 60;
-		return rest ? `${minutes}m ${rest}s` : `${minutes}m`;
-	}
-	/** Re-renders every second while `active`, returning the current time. */
+/** Re-renders every second while `active`, returning the current time. */
 	function useNow(active) {
 		const [now, setNow] = (0, react.useState)(() => Date.now());
 		(0, react.useEffect)(() => {
@@ -13409,14 +12840,20 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	}
 	/**
 	* The line at the top of a reply in the `"turn"` tool-call display. While the
-	* agent works it reads "Working 4s"; once the reply is done it reads "Worked
-	* for 9s · 7 tools" and toggles the work it folded away.
+	* agent works it reads "Working 4s". Once the reply is done it reads "Worked
+	* for 9s" and "7 tools", and toggles the work it folded away. The text comes
+	* from the `workSummary...` and `toolCall...` chat labels.
 	*/
 	function CopilotChatWorkSummary({ isWorking, isOpen, calls, elapsedMs, workingSince, className, ...props }) {
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const now = useNow(isWorking);
-		const failed = calls.filter((call) => call.toolMessage?.error).length;
+		const failed = (0, _copilotkit_core.ɵcountFailedToolCalls)(calls);
+		const toolCount = (0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+			one: labels.toolCallToolCountOne,
+			other: labels.toolCallToolCountOther
+		});
 		const liveMs = elapsedMs !== void 0 && workingSince !== void 0 ? elapsedMs + Math.max(0, now - workingSince) : void 0;
-		const duration = elapsedMs !== void 0 ? formatDuration(Math.max(1e3, elapsedMs)) : void 0;
+		const duration = elapsedMs !== void 0 ? (0, _copilotkit_core.ɵformatWorkDuration)(Math.max(1e3, elapsedMs)) : void 0;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
 			"data-copilotkit": true,
@@ -13427,24 +12864,28 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			...props,
 			children: [isWorking ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk-work-summary-label cpk-shimmer",
-				children: "Working"
+				children: labels.workSummaryWorkingLabel
 			}), liveMs !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk-work-summary-detail cpk-work-summary-timer",
-				children: formatDuration(liveMs)
+				children: (0, _copilotkit_core.ɵformatWorkDuration)(liveMs)
 			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-work-summary-label",
-					children: duration ? `Worked for ${duration}` : `Used ${pluralize(calls.length, "tool")}`
+					children: duration ? (0, _copilotkit_core.ɵformatLabel)(labels.workSummaryWorkedForLabel, { duration }) : (0, _copilotkit_core.ɵformatCountLabel)(calls.length, {
+						one: labels.toolCallUsedToolsOne,
+						other: labels.toolCallUsedToolsOther
+					})
 				}),
 				duration && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-work-summary-detail",
-					children: pluralize(calls.length, "tool")
+					children: toolCount
 				}),
-				failed > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				failed > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-work-summary-failed",
-					children: [failed, " failed"]
+					children: (0, _copilotkit_core.ɵformatLabel)(labels.toolCallFailedCountLabel, { count: failed })
 				})
-			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, {
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+				name: "ChevronRight",
 				"aria-hidden": "true",
 				className: cn("cpk-work-summary-chevron", isOpen && "cpk-work-summary-chevron-open")
 			})]
@@ -13859,68 +13300,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		if (JSON.stringify(prevProps.stateSnapshot) !== JSON.stringify(nextProps.stateSnapshot)) return false;
 		return true;
 	});
-	/**
-	* Deduplicates messages by ID. For assistant messages, merges occurrences:
-	* recovers non-empty content from any earlier occurrence if the latest wiped it
-	* (empty string means the streaming update cleared the field, not blank text),
-	* and similarly recovers toolCalls from earlier occurrences if the latest is
-	* undefined (an empty array [] is treated as intentional and kept as-is).
-	* For all other roles, keeps the last entry.
-	*
-	* @internal Exported for unit testing only — not part of the public API.
-	*/
-	/**
-	* Collapse tool calls that share an id, keeping first-seen order.
-	*
-	* AG-UI's TOOL_CALL_START handler appends to the parent message's `toolCalls`
-	* without checking whether that id is already present. So whenever a start
-	* event is applied twice — which the human-in-the-loop flow triggers when the
-	* run syncs after `respond()` — the message ends up carrying the same call
-	* twice. The second copy has EMPTY `arguments`, because a start event carries
-	* none; the args arrive later as TOOL_CALL_ARGS deltas addressed to the first
-	* copy.
-	*
-	* Left alone that renders the same tool call twice: once populated and once
-	* blank (an approval card with no transaction id, offering live buttons for an
-	* action already taken), and React warns "Encountered two children with the
-	* same key" because the call id is the render key.
-	*
-	* The empty copy is the redundant one, so prefer whichever entry actually
-	* carries arguments rather than blindly taking the first.
-	*/
-	function dedupeToolCalls(toolCalls) {
-		const byId = /* @__PURE__ */ new Map();
-		for (const toolCall of toolCalls) {
-			const existing = byId.get(toolCall.id);
-			if (!existing) {
-				byId.set(toolCall.id, toolCall);
-				continue;
-			}
-			if (!existing.function?.arguments && toolCall.function?.arguments) byId.set(toolCall.id, toolCall);
-		}
-		return byId.size === toolCalls.length ? toolCalls : [...byId.values()];
-	}
-	function deduplicateMessages(messages) {
-		const acc = /* @__PURE__ */ new Map();
-		for (const message of messages) {
-			const existing = acc.get(message.id);
-			if (existing && message.role === "assistant" && existing.role === "assistant") {
-				const content = message.content || existing.content;
-				const toolCalls = message.toolCalls ?? existing.toolCalls;
-				acc.set(message.id, {
-					...existing,
-					...message,
-					content,
-					toolCalls: toolCalls ? dedupeToolCalls(toolCalls) : toolCalls
-				});
-			} else if (message.role === "assistant" && message.toolCalls) acc.set(message.id, {
-				...message,
-				toolCalls: dedupeToolCalls(message.toolCalls)
-			});
-			else acc.set(message.id, message);
-		}
-		return [...acc.values()];
-	}
 	/** A row holding a single message, rendered as it would be ungrouped. */
 	function messageRow(message) {
 		return {
@@ -13969,7 +13348,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			if (!resolvedRunId) return void 0;
 			return copilotkit.getStateByRun(config.agentId, config.threadId, resolvedRunId);
 		};
-		const deduplicatedMessages = (0, react.useMemo)(() => deduplicateMessages(messages), [messages]);
+		const deduplicatedMessages = (0, react.useMemo)(() => (0, _copilotkit_core.ɵdeduplicateMessages)(messages), [messages]);
 		const transformedMessages = (0, react.useMemo)(() => transformMessages ? transformMessages(deduplicatedMessages) : deduplicatedMessages, [deduplicatedMessages, transformMessages]);
 		const rows = (0, react.useMemo)(() => groupMessages ? groupMessages(transformedMessages) : transformedMessages.map(messageRow), [transformedMessages, groupMessages]);
 		const renderedMessages = (0, react.useMemo)(() => groupMessages ? rows.flatMap((row) => row.type === "group" ? row.messages : [row.message]) : transformedMessages, [
@@ -13979,13 +13358,13 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		]);
 		const latestRenderedId = renderedMessages[renderedMessages.length - 1]?.id;
 		const rendererNames = useToolCallRendererNames();
-		const toolCallLayouts = (0, react.useMemo)(() => toolCallDisplay === "separate" ? /* @__PURE__ */ new Map() : getToolCallLayouts(renderedMessages, messages, rendererNames), [
+		const toolCallLayouts = (0, react.useMemo)(() => toolCallDisplay === "separate" ? /* @__PURE__ */ new Map() : (0, _copilotkit_core.ɵgetToolCallLayouts)(renderedMessages, messages, rendererNames), [
 			toolCallDisplay,
 			renderedMessages,
 			messages,
 			rendererNames
 		]);
-		const turnWork = (0, react.useMemo)(() => toolCallDisplay === "turn" ? getTurnWork(renderedMessages, toolCallLayouts) : void 0, [
+		const turnWork = (0, react.useMemo)(() => toolCallDisplay === "turn" ? (0, _copilotkit_core.ɵgetTurnWork)(renderedMessages, toolCallLayouts) : void 0, [
 			toolCallDisplay,
 			renderedMessages,
 			toolCallLayouts
@@ -13995,46 +13374,25 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			for (const turn of turnWork?.values() ?? []) byFirst.set(turn.firstMessageId, turn);
 			return byFirst;
 		}, [turnWork]);
-		let latestTurnKey = "start";
-		for (let i = renderedMessages.length - 1; i >= 0; i--) if (renderedMessages[i].role === "user") {
-			latestTurnKey = renderedMessages[i].id;
-			break;
-		}
-		const isWorkingOn = (turnKey) => isRunning && turnKey === latestTurnKey;
+		const latestTurnKey = (0, _copilotkit_core.ɵgetLatestTurnKey)(renderedMessages);
 		const [toggledTurns, setToggledTurns] = (0, react.useState)(() => /* @__PURE__ */ new Map());
-		const isWorkOpen = (turnKey) => toggledTurns.get(turnKey) ?? isWorkingOn(turnKey);
+		const turnState = {
+			toggledTurns,
+			isRunning,
+			latestTurnKey
+		};
 		const workTimesRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-		if (toolCallDisplay === "turn") {
-			const now = Date.now();
-			const workTimes = workTimesRef.current;
-			if (isRunning) {
-				const times = workTimes.get(latestTurnKey);
-				if (times) times.workingSince ?? (times.workingSince = now);
-				else if (renderedMessages[renderedMessages.length - 1]?.role === "user") workTimes.set(latestTurnKey, {
-					elapsedMs: 0,
-					workingSince: now
-				});
-			} else for (const times of workTimes.values()) {
-				if (times.workingSince === void 0) continue;
-				times.elapsedMs += now - times.workingSince;
-				times.workingSince = void 0;
-			}
-		}
-		const { workOpen, workTextOpen } = (0, react.useMemo)(() => {
-			const open = /* @__PURE__ */ new Map();
-			const textOpen = /* @__PURE__ */ new Map();
-			for (const turn of turnWork?.values() ?? []) {
-				const turnOpen = toggledTurns.get(turn.key) ?? (isRunning && turn.key === latestTurnKey);
-				for (const id of turn.workMessageIds) {
-					open.set(id, turnOpen);
-					if (id !== turn.replyTextMessageId) textOpen.set(id, turnOpen);
-				}
-			}
-			return {
-				workOpen: open,
-				workTextOpen: textOpen
-			};
-		}, [
+		if (toolCallDisplay === "turn") (0, _copilotkit_core.ɵrecordWorkTime)(workTimesRef.current, {
+			isRunning,
+			latestTurnKey,
+			lastMessageRole: renderedMessages[renderedMessages.length - 1]?.role,
+			now: Date.now()
+		});
+		const { workOpen, workTextOpen } = (0, react.useMemo)(() => (0, _copilotkit_core.ɵgetWorkOpenState)(turnWork?.values() ?? [], {
+			toggledTurns,
+			isRunning,
+			latestTurnKey
+		}), [
 			turnWork,
 			toggledTurns,
 			isRunning,
@@ -14054,8 +13412,8 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			workTextOpen
 		]);
 		const renderWorkSummary = (turnKey, calls) => {
-			const working = isWorkingOn(turnKey);
-			const open = isWorkOpen(turnKey);
+			const working = (0, _copilotkit_core.ɵisTurnWorking)(turnKey, turnState);
+			const open = (0, _copilotkit_core.ɵisTurnWorkOpen)(turnKey, turnState);
 			const times = workTimesRef.current.get(turnKey);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collapsible, {
 				open: working || calls.length > 0,
@@ -14482,7 +13840,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* button named by `labels.attachmentRemoveButtonLabel`.
 	*/
 	const CopilotChatAttachmentQueue = ({ attachments, onRemoveAttachment, className }) => {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		if (attachments.length === 0) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "copilot-attachment-queue",
@@ -14558,7 +13916,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* lightbox.
 	*/
 	function VideoPreview({ attachment }) {
-		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.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: [
@@ -14582,7 +13940,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				"aria-label": labels.attachmentPlayVideoButtonLabel,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "cpk-attachment-queue-video-play-badge",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "cpk-attachment-queue-video-play-icon" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+						name: "Play",
+						className: "cpk-attachment-queue-video-play-icon"
+					})
 				})
 			}),
 			open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lightbox, {
@@ -14635,6 +13996,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		return url;
 	}
 	function DocumentLightboxContent({ attachment, vtName }) {
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const mimeType = attachment.source.mimeType;
 		const blobUrl = useBlobUrl(attachment);
 		if (isPdf(mimeType)) {
@@ -14682,20 +14044,21 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 					className: "cpk-attachment-queue-document-card-details",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "cpk-attachment-queue-document-card-name",
-						children: attachment.filename || "Document"
+						children: attachment.filename || labels.attachmentDocumentLabel
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "cpk-attachment-queue-document-card-meta",
-						children: [mimeType || "Unknown type", attachment.size != null && ` · ${(0, _copilotkit_shared.formatFileSize)(attachment.size)}`]
+						children: [mimeType || labels.attachmentUnknownTypeText, attachment.size != null && ` · ${(0, _copilotkit_shared.formatFileSize)(attachment.size)}`]
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "cpk-attachment-queue-document-card-note",
-					children: "No preview available for this file type"
+					children: labels.attachmentNoPreviewText
 				})
 			]
 		});
 	}
 	function DocumentPreview({ attachment }) {
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const { thumbnailRef, vtName, open, openLightbox, closeLightbox } = useLightbox();
 		const mimeType = attachment.source.mimeType;
 		const previewable = canPreviewInBrowser(mimeType);
@@ -14710,7 +14073,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				className: "cpk-attachment-queue-document-info",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-attachment-queue-document-name",
-					children: attachment.filename || "Document"
+					children: attachment.filename || labels.attachmentDocumentLabel
 				}), attachment.size != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-attachment-queue-document-size",
 					children: (0, _copilotkit_shared.formatFileSize)(attachment.size)
@@ -14847,13 +14210,17 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#region src/components/chat/CopilotChatView.tsx
 	const SCROLL_BUTTON_OFFSET = 16;
 	function DropOverlay() {
+		const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "cpk-chat-view-drop-overlay",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cpk-chat-view-drop-overlay-content",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "cpk-chat-view-drop-overlay-icon" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "Upload",
+					className: "cpk-chat-view-drop-overlay-icon"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "cpk-chat-view-drop-overlay-label",
-					children: "Drop files here"
+					children: labels.chatDropFilesLabel
 				})]
 			})
 		});
@@ -15293,7 +14660,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			});
 		};
 		_CopilotChatView.ScrollToBottomButton = ({ className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 				"data-testid": "copilot-scroll-to-bottom",
 				variant: "outline",
@@ -15301,7 +14668,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				className: cn("cpk-chat-view-scroll-to-bottom-button", className),
 				"aria-label": labels.chatScrollToBottomLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "cpk-chat-view-scroll-to-bottom-icon" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "ChevronDown",
+					className: "cpk-chat-view-scroll-to-bottom-icon"
+				})
 			});
 		};
 		_CopilotChatView.Feather = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -15309,7 +14679,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			...props
 		});
 		_CopilotChatView.WelcomeMessage = ({ className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 				className: cn("cpk-chat-view-welcome-message", className),
 				...props,
@@ -15355,119 +14725,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	})(CopilotChatView || (CopilotChatView = {}));
 	var CopilotChatView_default = CopilotChatView;
 
-//#endregion
-//#region src/lib/transcription-client.ts
-/**
-	* Convert a Blob to a base64 string
-	*/
-	async function blobToBase64(blob) {
-		return new Promise((resolve, reject) => {
-			const reader = new FileReader();
-			reader.onloadend = () => {
-				const base64 = reader.result.split(",")[1];
-				resolve(base64 ?? "");
-			};
-			reader.onerror = () => reject(/* @__PURE__ */ new Error("Failed to read audio data"));
-			reader.readAsDataURL(blob);
-		});
-	}
-	/**
-	* Check if an error response matches our expected format
-	*/
-	function isTranscriptionErrorResponse(data) {
-		return typeof data === "object" && data !== null && "error" in data && "message" in data && typeof data.error === "string" && typeof data.message === "string";
-	}
-	/**
-	* Parse error info from a transcription error response
-	*/
-	function parseTranscriptionError(response) {
-		return {
-			code: response.error,
-			message: response.message,
-			retryable: response.retryable ?? false
-		};
-	}
-	/**
-	* Custom error type for transcription failures.
-	* Extends Error with transcription-specific info for contextual error handling.
-	*/
-	var TranscriptionError = class extends Error {
-		constructor(info) {
-			super(info.message);
-			this.name = "TranscriptionError";
-			this.info = info;
-		}
-	};
-	/**
-	* Transcribe an audio blob using the CopilotKit runtime
-	*
-	* Supports both REST mode (multipart/form-data) and single-endpoint mode (base64 JSON)
-	*
-	* @throws {TranscriptionError} When transcription fails with typed error information
-	*/
-	async function transcribeAudio(core, audioBlob, filename = "recording.webm") {
-		const runtimeUrl = core.runtimeUrl;
-		if (!runtimeUrl) throw new TranscriptionError({
-			code: _copilotkit_shared.TranscriptionErrorCode.INVALID_REQUEST,
-			message: "Runtime URL is not configured",
-			retryable: false
-		});
-		const headers = { ...await core.resolveHeaders() };
-		let response;
-		try {
-			if (core.runtimeTransport === "single") {
-				const base64Audio = await blobToBase64(audioBlob);
-				headers["Content-Type"] = "application/json";
-				response = await fetch(runtimeUrl, {
-					method: "POST",
-					headers,
-					body: JSON.stringify({
-						method: "transcribe",
-						body: {
-							audio: base64Audio,
-							mimeType: audioBlob.type || "audio/webm",
-							filename
-						}
-					})
-				});
-			} else {
-				delete headers["Content-Type"];
-				const formData = new FormData();
-				formData.append("audio", audioBlob, filename);
-				response = await fetch(`${runtimeUrl}/transcribe`, {
-					method: "POST",
-					headers,
-					body: formData
-				});
-			}
-		} catch (error) {
-			throw new TranscriptionError({
-				code: _copilotkit_shared.TranscriptionErrorCode.NETWORK_ERROR,
-				message: error instanceof Error ? error.message : "Network request failed",
-				retryable: true
-			});
-		}
-		if (!response.ok) {
-			let errorData;
-			try {
-				errorData = await response.json();
-			} catch {
-				throw new TranscriptionError({
-					code: _copilotkit_shared.TranscriptionErrorCode.PROVIDER_ERROR,
-					message: `HTTP ${response.status}: ${response.statusText}`,
-					retryable: response.status >= 500
-				});
-			}
-			if (isTranscriptionErrorResponse(errorData)) throw new TranscriptionError(parseTranscriptionError(errorData));
-			throw new TranscriptionError({
-				code: _copilotkit_shared.TranscriptionErrorCode.PROVIDER_ERROR,
-				message: typeof errorData === "object" && errorData !== null && "message" in errorData ? String(errorData.message) : "Transcription failed",
-				retryable: response.status >= 500
-			});
-		}
-		return await response.json();
-	}
-
 //#endregion
 //#region src/providers/use-inspector-thread-override.ts
 	function useInspectorThreadOverride(args) {
@@ -15949,7 +15206,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			}
 			if (!isCurrentSelection()) return false;
 			if (failedConnectionsRef.current.has(agent)) {
-				setTranscriptionError("Could not load saved conversation. Reopen the thread and try again.");
+				setTranscriptionError({ labelKey: "threadLoadErrorText" });
 				return "failed";
 			}
 			const maybeAware = agent;
@@ -15974,7 +15231,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const onSubmitInput = (0, react.useCallback)(async (value) => {
 			if (selectedAttachmentsRef.current.some((a) => a.status === "uploading")) {
 				console.error("[CopilotKit] Cannot send while attachments are uploading (pre-await guard)");
-				setTranscriptionError("Cannot send while attachments are uploading.");
+				setTranscriptionError({ labelKey: "chatAttachmentsUploadingText" });
 				return;
 			}
 			setInputValue("");
@@ -15986,7 +15243,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				}
 				if (selectedAttachmentsRef.current.some((a) => a.status === "uploading")) {
 					console.error("[CopilotKit] Cannot send while attachments are uploading (post-await re-check)");
-					setTranscriptionError("Cannot send while attachments are uploading.");
+					setTranscriptionError({ labelKey: "chatAttachmentsUploadingText" });
 					setInputValue(value);
 					return;
 				}
@@ -16104,7 +15361,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			setIsTranscribing(true);
 			try {
 				setTranscriptionError(null);
-				const result = await transcribeAudio(copilotkit, audioBlob);
+				const result = await (0, _copilotkit_core.ɵtranscribeAudio)(copilotkit, audioBlob);
 				setInputValue((prev) => {
 					const trimmedPrev = prev.trim();
 					if (trimmedPrev) return `${trimmedPrev} ${result.text}`;
@@ -16112,33 +15369,10 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				});
 			} catch (error) {
 				console.error("CopilotChat: Transcription failed", error);
-				if (error instanceof TranscriptionError) {
-					const { code, retryable, message } = error.info;
-					switch (code) {
-						case _copilotkit_shared.TranscriptionErrorCode.RATE_LIMITED:
-							setTranscriptionError("Too many requests. Please wait a moment.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.AUTH_FAILED:
-							setTranscriptionError("Authentication error. Please check your configuration.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.AUDIO_TOO_LONG:
-							setTranscriptionError("Recording is too long. Please try a shorter recording.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.AUDIO_TOO_SHORT:
-							setTranscriptionError("Recording is too short. Please try again.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.INVALID_AUDIO_FORMAT:
-							setTranscriptionError("Audio format not supported.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:
-							setTranscriptionError("Transcription service is not available.");
-							break;
-						case _copilotkit_shared.TranscriptionErrorCode.NETWORK_ERROR:
-							setTranscriptionError("Network error. Please check your connection.");
-							break;
-						default: setTranscriptionError(retryable ? "Transcription failed. Please try again." : message);
-					}
-				} else setTranscriptionError("Transcription failed. Please try again.");
+				if (error instanceof _copilotkit_core.TranscriptionError) {
+					const labelKey = (0, _copilotkit_core.ɵtranscriptionErrorMessageKey)(error.info);
+					setTranscriptionError(labelKey ? { labelKey } : { text: error.info.message });
+				} else setTranscriptionError({ labelKey: "transcriptionErrorGenericText" });
 			} finally {
 				setIsTranscribing(false);
 			}
@@ -16170,11 +15404,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const effectiveStopHandler = agent.isRunning && hasMessages ? providedStopHandler ?? stopCurrentRun : providedStopHandler;
 		const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;
 		const effectiveMode = isTranscribing ? "processing" : transcribeMode;
-		const messages = (0, react.useMemo)(() => [...agent.messages], [agent.messages.map((m) => {
-			const contentKey = typeof m.content === "string" ? m.content.length : Array.isArray(m.content) ? m.content.length : m.content && typeof m.content === "object" ? JSON.stringify(m.content) : 0;
-			const toolCallsKey = "toolCalls" in m && Array.isArray(m.toolCalls) ? m.toolCalls.map((tc) => `${tc.id}:${tc.function?.arguments?.length ?? 0}`).join(";") : "";
-			return `${m.id}:${m.role}:${contentKey}:${toolCallsKey}`;
-		}).join(",")]);
+		const messages = (0, react.useMemo)(() => [...agent.messages], [(0, _copilotkit_core.ɵmessagesFingerprint)(agent.messages)]);
 		const lastUserMessageId = (0, react.useMemo)(() => {
 			for (let i = messages.length - 1; i >= 0; i--) if (messages[i].role === "user") return messages[i].id;
 			return null;
@@ -16246,7 +15476,11 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 							fontSize: "14px",
 							zIndex: 50
 						},
-						children: transcriptionError
+						children: "labelKey" in transcriptionError ? {
+							..._copilotkit_core.CopilotChatDefaultLabels,
+							...existingConfig?.labels,
+							...labels
+						}[transcriptionError.labelKey] : transcriptionError.text
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LastUserMessageContext.Provider, {
 						value: lastUserMessageState,
@@ -16269,16 +15503,18 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#endregion
 //#region src/components/chat/CopilotChatToggleButton.tsx
 	const ICON_CLASS = "cpk-chat-toggle-button-icon";
-	const DefaultOpenIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MessageCircle, {
+	const DefaultOpenIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
 		className: className ?? ICON_CLASS,
 		strokeWidth: 1.75,
 		fill: "currentColor",
-		...props
+		...props,
+		name: "MessageCircle"
 	});
-	const DefaultCloseIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+	const DefaultCloseIcon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
 		className: className ?? ICON_CLASS,
 		strokeWidth: 1.75,
-		...props
+		...props,
+		name: "X"
 	});
 	DefaultOpenIcon.displayName = "CopilotChatToggleButton.OpenIcon";
 	DefaultCloseIcon.displayName = "CopilotChatToggleButton.CloseIcon";
@@ -16287,7 +15523,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	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 labels = configuration?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const [fallbackOpen, setFallbackOpen] = (0, react.useState)(false);
 		const isOpen = configuration?.isModalOpen ?? fallbackOpen;
 		const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
@@ -16404,7 +15640,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	}
 	function CopilotModalHeader({ title, titleContent, closeButton, drawerLauncher, children, className, ...rest }) {
 		const configuration = useCopilotChatConfiguration();
-		const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
+		const fallbackTitle = configuration?.labels.modalHeaderTitle ?? _copilotkit_core.CopilotChatDefaultLabels.modalHeaderTitle;
 		const resolvedTitle = title ?? fallbackTitle;
 		const isMobile = useIsMobileViewport();
 		const drawerRegistered = (configuration?.drawerRegistered ?? false) && isMobile;
@@ -16460,28 +15696,30 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			children
 		});
 		_CopilotModalHeader.CloseButton = ({ className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				"data-testid": "copilot-close-button",
 				className: cn("cpk-modal-header-close-button", className),
 				"aria-label": labels.modalHeaderCloseButtonLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "X",
 					className: "cpk-modal-header-close-icon",
 					"aria-hidden": "true"
 				})
 			});
 		};
 		_CopilotModalHeader.DrawerLauncher = ({ className, ...props }) => {
-			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				"data-testid": "copilot-threads-drawer-launcher",
 				className: cn("cpk-modal-header-drawer-launcher", className),
 				"aria-label": labels.modalHeaderThreadsButtonLabel,
 				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftOpen, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotIcon, {
+					name: "PanelLeftOpen",
 					className: "cpk-modal-header-drawer-launcher-icon",
 					"aria-hidden": "true"
 				})
@@ -16586,7 +15824,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				paddingBottom: "env(safe-area-inset-bottom)"
 			},
 			"aria-hidden": !isSidebarOpen,
-			"aria-label": configuration?.labels.sidebarLabel ?? CopilotChatDefaultLabels.sidebarLabel,
+			"aria-label": configuration?.labels.sidebarLabel ?? _copilotkit_core.CopilotChatDefaultLabels.sidebarLabel,
 			role: "complementary",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cpk-sidebar-view-panel",
@@ -16667,7 +15905,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const configuration = useCopilotChatConfiguration();
 		const isPopupOpen = configuration?.isModalOpen ?? false;
 		const setModalOpen = configuration?.setModalOpen;
-		const labels = configuration?.labels ?? CopilotChatDefaultLabels;
+		const labels = configuration?.labels ?? _copilotkit_core.CopilotChatDefaultLabels;
 		const containerRef = (0, react.useRef)(null);
 		const [isRendered, setIsRendered] = (0, react.useState)(isPopupOpen);
 		const [isAnimatingOut, setIsAnimatingOut] = (0, react.useState)(false);
@@ -17374,7 +16612,6 @@ Object.defineProperty(exports, 'BaseMessageSchema', {
     return _ag_ui_core_schemas.BaseMessageSchema;
   }
 });
-exports.BasicMarkdownRenderer = BasicMarkdownRenderer;
 Object.defineProperty(exports, 'CompatibilityBoundary', {
   enumerable: true,
   get: function () {
@@ -17410,6 +16647,12 @@ exports.CopilotChatAttachmentQueue = CopilotChatAttachmentQueue;
 exports.CopilotChatAttachmentRenderer = CopilotChatAttachmentRenderer;
 exports.CopilotChatAudioRecorder = CopilotChatAudioRecorder;
 exports.CopilotChatConfigurationProvider = CopilotChatConfigurationProvider;
+Object.defineProperty(exports, 'CopilotChatDefaultLabels', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.CopilotChatDefaultLabels;
+  }
+});
 exports.CopilotChatInput = CopilotChatInput_default;
 exports.CopilotChatMessageView = CopilotChatMessageView;
 exports.CopilotChatReasoningMessage = CopilotChatReasoningMessage_default;
@@ -17484,6 +16727,12 @@ Object.defineProperty(exports, 'CustomEventSchema', {
     return _ag_ui_core_schemas.CustomEventSchema;
   }
 });
+Object.defineProperty(exports, 'DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL;
+  }
+});
 Object.defineProperty(exports, 'DataSourceSchema', {
   enumerable: true,
   get: function () {
@@ -17574,6 +16823,12 @@ Object.defineProperty(exports, 'FunctionMiddleware', {
     return _ag_ui_client.FunctionMiddleware;
   }
 });
+Object.defineProperty(exports, 'GENERATE_SANDBOXED_UI_TOOL_NAME', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.GENERATE_SANDBOXED_UI_TOOL_NAME;
+  }
+});
 exports.GenerateSandboxedUiArgsSchema = GenerateSandboxedUiArgsSchema;
 Object.defineProperty(exports, 'HttpAgent', {
   enumerable: true,
@@ -17594,7 +16849,12 @@ Object.defineProperty(exports, 'INSPECTOR_THREAD_BRIDGE_PLUGIN_ID', {
   }
 });
 exports.INTELLIGENCE_TURN_HEAD = INTELLIGENCE_TURN_HEAD;
-exports.INTERRUPT_EVENT_NAME = INTERRUPT_EVENT_NAME;
+Object.defineProperty(exports, 'INTERRUPT_EVENT_NAME', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.INTERRUPT_EVENT_NAME;
+  }
+});
 Object.defineProperty(exports, 'IdentityCapabilitiesSchema', {
   enumerable: true,
   get: function () {
@@ -17755,6 +17015,12 @@ Object.defineProperty(exports, 'MultimodalOutputCapabilitiesSchema', {
     return _ag_ui_core_schemas.MultimodalOutputCapabilitiesSchema;
   }
 });
+Object.defineProperty(exports, 'OPEN_GENERATIVE_UI_ACTIVITY_TYPE', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.OPEN_GENERATIVE_UI_ACTIVITY_TYPE;
+  }
+});
 exports.OpenGenerativeUIActivityRenderer = OpenGenerativeUIActivityRenderer;
 exports.OpenGenerativeUIActivityType = OpenGenerativeUIActivityType;
 exports.OpenGenerativeUIContentSchema = OpenGenerativeUIContentSchema;
@@ -18151,6 +17417,18 @@ Object.defineProperty(exports, 'ToolsCapabilitiesSchema', {
     return _ag_ui_core_schemas.ToolsCapabilitiesSchema;
   }
 });
+Object.defineProperty(exports, 'TranscriptionError', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.TranscriptionError;
+  }
+});
+Object.defineProperty(exports, 'TranscriptionErrorCode', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.TranscriptionErrorCode;
+  }
+});
 Object.defineProperty(exports, 'TransportCapabilitiesSchema', {
   enumerable: true,
   get: function () {
@@ -18476,12 +17754,6 @@ Object.defineProperty(exports, 'onInspectorViewThreadResult', {
     return _copilotkit_core.onInspectorViewThreadResult;
   }
 });
-Object.defineProperty(exports, 'parseMarkdown', {
-  enumerable: true,
-  get: function () {
-    return _copilotkit_core.parseMarkdown;
-  }
-});
 Object.defineProperty(exports, 'parseProtoStream', {
   enumerable: true,
   get: function () {
@@ -18599,8 +17871,6 @@ exports.useHumanInTheLoop = useHumanInTheLoop;
 exports.useInterrupt = useInterrupt;
 exports.useLearnFromUserAction = useLearnFromUserAction;
 exports.useLearnFromUserActionInCurrentThread = useLearnFromUserActionInCurrentThread;
-exports.useLearningContainers = useLearningContainers;
-exports.useLearningContainersInCurrentThread = useLearningContainersInCurrentThread;
 exports.useLicenseContext = useLicenseContext;
 exports.useMarkdownRenderer = useMarkdownRenderer;
 exports.useMemories = useMemories;
@@ -18641,6 +17911,12 @@ Object.defineProperty(exports, 'ɵMAX_SOCKET_RETRIES', {
     return _copilotkit_core.ɵMAX_SOCKET_RETRIES;
   }
 });
+Object.defineProperty(exports, 'ɵOpenGenerativeUIController', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵOpenGenerativeUIController;
+  }
+});
 Object.defineProperty(exports, 'ɵRUNTIME_PROBE_TIMEOUT_MS', {
   enumerable: true,
   get: function () {
@@ -18659,6 +17935,30 @@ Object.defineProperty(exports, 'ɵclearAgentInterruptState', {
     return _copilotkit_core.ɵclearAgentInterruptState;
   }
 });
+Object.defineProperty(exports, 'ɵcomposerButtonState', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵcomposerButtonState;
+  }
+});
+Object.defineProperty(exports, 'ɵcopilotIconSvgAttributes', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵcopilotIconSvgAttributes;
+  }
+});
+Object.defineProperty(exports, 'ɵcopilotIcons', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵcopilotIcons;
+  }
+});
+Object.defineProperty(exports, 'ɵcountFailedToolCalls', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵcountFailedToolCalls;
+  }
+});
 Object.defineProperty(exports, 'ɵcreateMemoryStore', {
   enumerable: true,
   get: function () {
@@ -18677,12 +17977,108 @@ Object.defineProperty(exports, 'ɵcreateThreadStore', {
     return _copilotkit_core.ɵcreateThreadStore;
   }
 });
+Object.defineProperty(exports, 'ɵdeduplicateMessages', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵdeduplicateMessages;
+  }
+});
+Object.defineProperty(exports, 'ɵextractCompleteStyles', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵextractCompleteStyles;
+  }
+});
+Object.defineProperty(exports, 'ɵformatCountLabel', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵformatCountLabel;
+  }
+});
+Object.defineProperty(exports, 'ɵformatLabel', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵformatLabel;
+  }
+});
+Object.defineProperty(exports, 'ɵformatReasoningDuration', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵformatReasoningDuration;
+  }
+});
+Object.defineProperty(exports, 'ɵformatToolNames', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵformatToolNames;
+  }
+});
+Object.defineProperty(exports, 'ɵformatWorkDuration', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵformatWorkDuration;
+  }
+});
 Object.defineProperty(exports, 'ɵgetAgentInterruptState', {
   enumerable: true,
   get: function () {
     return _copilotkit_core.ɵgetAgentInterruptState;
   }
 });
+Object.defineProperty(exports, 'ɵgetArgumentPreview', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetArgumentPreview;
+  }
+});
+Object.defineProperty(exports, 'ɵgetLatestTurnKey', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetLatestTurnKey;
+  }
+});
+Object.defineProperty(exports, 'ɵgetToolCallLayouts', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetToolCallLayouts;
+  }
+});
+Object.defineProperty(exports, 'ɵgetToolCallPreview', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetToolCallPreview;
+  }
+});
+Object.defineProperty(exports, 'ɵgetToolCallRendererNames', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetToolCallRendererNames;
+  }
+});
+Object.defineProperty(exports, 'ɵgetToolCallRowStatus', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetToolCallRowStatus;
+  }
+});
+Object.defineProperty(exports, 'ɵgetToolResults', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetToolResults;
+  }
+});
+Object.defineProperty(exports, 'ɵgetTurnWork', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetTurnWork;
+  }
+});
+Object.defineProperty(exports, 'ɵgetWorkOpenState', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵgetWorkOpenState;
+  }
+});
 Object.defineProperty(exports, 'ɵisCopilotKitFeature', {
   enumerable: true,
   get: function () {
@@ -18701,12 +18097,30 @@ Object.defineProperty(exports, 'ɵisRetryableMemoryStatus', {
     return _copilotkit_core.ɵisRetryableMemoryStatus;
   }
 });
+Object.defineProperty(exports, 'ɵisTurnWorkOpen', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵisTurnWorkOpen;
+  }
+});
+Object.defineProperty(exports, 'ɵisTurnWorking', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵisTurnWorking;
+  }
+});
 Object.defineProperty(exports, 'ɵjoinPhoenixChannel$', {
   enumerable: true,
   get: function () {
     return _copilotkit_core.ɵjoinPhoenixChannel$;
   }
 });
+Object.defineProperty(exports, 'ɵloadWebsandbox', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵloadWebsandbox;
+  }
+});
 Object.defineProperty(exports, 'ɵmapMemoryMetadataEvent', {
   enumerable: true,
   get: function () {
@@ -18737,6 +18151,12 @@ Object.defineProperty(exports, 'ɵmemoryRestEvents', {
     return _copilotkit_core.ɵmemoryRestEvents;
   }
 });
+Object.defineProperty(exports, 'ɵmessagesFingerprint', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵmessagesFingerprint;
+  }
+});
 Object.defineProperty(exports, 'ɵobservePhoenixEvent$', {
   enumerable: true,
   get: function () {
@@ -18773,6 +18193,60 @@ Object.defineProperty(exports, 'ɵphoenixSocket$', {
     return _copilotkit_core.ɵphoenixSocket$;
   }
 });
+Object.defineProperty(exports, 'ɵpluralize', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵpluralize;
+  }
+});
+Object.defineProperty(exports, 'ɵprocessPartialHtml', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵprocessPartialHtml;
+  }
+});
+Object.defineProperty(exports, 'ɵrecordWorkTime', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵrecordWorkTime;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveActivityRenderer', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveActivityRenderer;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveComposerKey', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveComposerKey;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveCustomMessageRenderers', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveCustomMessageRenderers;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveLicenseState', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveLicenseState;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveThreadsLicense', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveThreadsLicense;
+  }
+});
+Object.defineProperty(exports, 'ɵresolveToolCallRenderer', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵresolveToolCallRenderer;
+  }
+});
 Object.defineProperty(exports, 'ɵrunMcpFollowUp', {
   enumerable: true,
   get: function () {
@@ -18857,12 +18331,30 @@ Object.defineProperty(exports, 'ɵselectThreadsIsLoading', {
     return _copilotkit_core.ɵselectThreadsIsLoading;
   }
 });
+Object.defineProperty(exports, 'ɵstringifyToolCallPayload', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵstringifyToolCallPayload;
+  }
+});
 Object.defineProperty(exports, 'ɵthreadAdapterEvents', {
   enumerable: true,
   get: function () {
     return _copilotkit_core.ɵthreadAdapterEvents;
   }
 });
+Object.defineProperty(exports, 'ɵtranscribeAudio', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵtranscribeAudio;
+  }
+});
+Object.defineProperty(exports, 'ɵtranscriptionErrorMessageKey', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵtranscriptionErrorMessageKey;
+  }
+});
 Object.defineProperty(exports, 'ɵwithHeaderDefaults', {
   enumerable: true,
   get: function () {