@copilotkit/react-core 2.0.0-rc.1 → 2.0.0-rc.10

package/dist/{MarkdownSurfaces-C2XZISKn.cjs → MarkdownSurfaces-DGDeUhbX.cjs}

@@ -28,18 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 let _copilotkit_core = require("@copilotkit/core");
 let react = require("react");
 react = __toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _copilotkit_markdown_renderer_react = require("@copilotkit/markdown-renderer/react");
 let _copilotkit_markdown_renderer = require("@copilotkit/markdown-renderer");
-let tailwind_merge = require("tailwind-merge");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _copilotkit_shared = require("@copilotkit/shared");
 let _copilotkit_react_core_context = require("@copilotkit/react-core/context");
 let zod = require("zod");
-let zod_to_json_schema = require("zod-to-json-schema");
+zod = __toESM(zod);
 
 //#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:overflow-x-auto cpk:rounded-lg cpk:bg-muted cpk:text-foreground cpk:p-3",
+	className: "cpk-markdown-code-block",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
 		"data-code-info": node.info ?? void 0,
 		children: node.text
@@ -72,6 +71,90 @@ function StreamingMarkdownDefaultRenderer({ content, isStreaming, className, nod
 }
 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/shallow-stable-ref.ts
 /**
@@ -116,51 +199,6 @@ function useShallowStableRef(value) {
 
 //#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
@@ -185,7 +223,7 @@ const CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId,
 	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]);
@@ -435,7 +473,7 @@ function renderSlotElement(slot, DefaultComponent, props) {
 		const existingClassName = props.className;
 		return react.default.createElement(DefaultComponent, {
 			...props,
-			className: (0, tailwind_merge.twMerge)(existingClassName, slot)
+			className: cn(existingClassName, slot)
 		});
 	}
 	if (isReactComponentType(slot)) return react.default.createElement(slot, props);
@@ -498,7 +536,7 @@ function useMarkdownRenderer() {
 //#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,
@@ -511,12 +549,11 @@ function defineToolCallRenderer(def) {
 //#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);
 }
 
@@ -823,13 +860,6 @@ function toManifest(definition, modelProps, modelEvents) {
 	return manifest;
 }
 
-//#endregion
-//#region src/generative-ui/is-record.ts
-/** True for a plain object: not null, not an array. Internal, not exported. */
-function isRecord(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-
 //#endregion
 //#region src/generative-ui/errors.ts
 var GenerativeUIError = class extends Error {
@@ -1035,6 +1065,13 @@ function givesValidationResult(name) {
 	return _copilotkit_shared.GENERATIVE_UI_FUNCTIONS[name]?.returnType === "validationResult";
 }
 
+//#endregion
+//#region src/generative-ui/is-record.ts
+/** True for a plain object: not null, not an array. Internal, not exported. */
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
 //#endregion
 //#region src/generative-ui/markdown/source.ts
 /**
@@ -1683,6 +1720,7 @@ const OPERATORS = [
 	"*",
 	"/",
 	"%",
+	"^",
 	"(",
 	")",
 	",",
@@ -1769,7 +1807,29 @@ const MATH = {
 	round: ([x, decimals = 0]) => {
 		const factor = 10 ** Math.trunc(decimals);
 		return Math.round(x * factor) / factor;
-	}
+	},
+	pow: ([x, y]) => x ** y,
+	sqrt: ([x]) => Math.sqrt(x),
+	exp: ([x]) => Math.exp(x),
+	ln: ([x]) => Math.log(x),
+	log10: ([x]) => Math.log10(x)
+};
+/** How many args a function takes, at least and at most; min and max take any. */
+const ARITY = {
+	abs: [1, 1],
+	floor: [1, 1],
+	ceil: [1, 1],
+	round: [1, 2],
+	pow: [2, 2],
+	sqrt: [1, 1],
+	exp: [1, 1],
+	ln: [1, 1],
+	log10: [1, 1]
+};
+/** Named constants, when no arg of the same name is passed. */
+const CONSTANTS = {
+	pi: Math.PI,
+	e: Math.E
 };
 var CalcParser = class {
 	constructor(tokens, scope, source) {
@@ -1904,7 +1964,20 @@ var CalcParser = class {
 			this.pos++;
 			return !truthOf(this.unary());
 		}
-		return this.primary();
+		return this.power();
+	}
+	/** `a ^ b`: binds tighter than `*` and unary minus, right to left. */
+	power() {
+		const base = this.primary();
+		if (!this.peekOp("^")) return base;
+		this.pos++;
+		const exponent = this.unary();
+		if (this.skipDepth > 0) return null;
+		return this.finite(this.num(base, "the left side of ^") ** this.num(exponent, "the right side of ^"), "^");
+	}
+	finite(value, what) {
+		if (!Number.isFinite(value)) this.fail(`${what} has no finite result`);
+		return value;
 	}
 	primary() {
 		const token = this.tokens[this.pos++];
@@ -1939,10 +2012,15 @@ var CalcParser = class {
 			const fn = Object.prototype.hasOwnProperty.call(MATH, name) ? MATH[name] : void 0;
 			if (!fn) this.fail(`unknown function ${name}`);
 			if (args.length === 0) this.fail(`${name} needs an argument`);
-			return fn(args);
+			const [least, most] = ARITY[name] ?? [1, Infinity];
+			if (args.length < least || args.length > most) this.fail(`${name} takes ${least === most ? least : `${least} or ${most}`} argument${most === 1 ? "" : "s"}`);
+			return this.finite(fn(args), name);
 		}
 		if (this.skipDepth > 0) return null;
-		if (!Object.prototype.hasOwnProperty.call(this.scope, name)) this.fail(`unknown name ${name}; pass it as an arg`);
+		if (!Object.prototype.hasOwnProperty.call(this.scope, name)) {
+			if (Object.prototype.hasOwnProperty.call(CONSTANTS, name)) return CONSTANTS[name];
+			this.fail(`unknown name ${name}; pass it as an arg`);
+		}
 		const value = this.scope[name];
 		if (value !== null && typeof value !== "number" && typeof value !== "string" && typeof value !== "boolean") this.fail(`${name} is not a number, text or boolean (${describe(value)})`);
 		return value;
@@ -3448,29 +3526,29 @@ const GenerativeUIChatSlotContext = (0, react.createContext)(void 0);
 function DefaultGenerativeUIChatCard({ surfaceId, isStreaming, error, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-generative-ui-chat-surface": surfaceId,
-		className: "cpk:my-2 cpk:w-full cpk:rounded-xl cpk:border cpk:border-gray-200 cpk:p-3",
+		className: "cpk-generative-ui-chat-card",
 		children: [children, error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			role: "alert",
-			className: "cpk:mt-2 cpk:text-xs cpk:text-red-600",
+			className: "cpk-generative-ui-chat-card-error",
 			children: "Part of this UI couldn't be shown."
 		})]
 	});
 }
-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;
@@ -3512,7 +3590,7 @@ function createGenerativeUIActivityRenderer() {
 function createGenerativeUIFunctionCallActivityRenderer() {
 	return {
 		activityType: _copilotkit_shared.GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE,
-		content: zod.z.unknown(),
+		content: zod.unknown(),
 		render: () => null
 	};
 }
@@ -3522,7 +3600,7 @@ function GenerativeUIToolCallRenderer() {
 	(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 ?? [];
@@ -3589,10 +3667,10 @@ function DefaultMarkdownChatSurface({ surfaceId, error, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-generative-ui-chat-surface": surfaceId,
 		"data-a2ui-markdown-surface": surfaceId,
-		className: "cpk:relative cpk:my-4 cpk:flex cpk:w-full cpk:min-w-0 cpk:max-w-full cpk:flex-col",
+		className: "cpk-markdown-chat-surface",
 		children: [children, error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			role: "alert",
-			className: "cpk:mt-2 cpk:text-xs cpk:text-red-600",
+			className: "cpk-markdown-chat-surface-error",
 			children: "Part of this UI couldn't be shown."
 		})]
 	});
@@ -3697,10 +3775,10 @@ Object.defineProperty(exports, 'CopilotChatConfigurationProvider', {
     return CopilotChatConfigurationProvider;
   }
 });
-Object.defineProperty(exports, 'CopilotChatDefaultLabels', {
+Object.defineProperty(exports, 'CopilotIcon', {
   enumerable: true,
   get: function () {
-    return CopilotChatDefaultLabels;
+    return CopilotIcon;
   }
 });
 Object.defineProperty(exports, 'DARK_THEME_CSS', {
@@ -3751,6 +3829,12 @@ Object.defineProperty(exports, 'GenerativeUIToolCallRenderer', {
     return GenerativeUIToolCallRenderer;
   }
 });
+Object.defineProperty(exports, 'IconSvg', {
+  enumerable: true,
+  get: function () {
+    return IconSvg;
+  }
+});
 Object.defineProperty(exports, 'MarkdownRendererProvider', {
   enumerable: true,
   get: function () {
@@ -3793,6 +3877,12 @@ Object.defineProperty(exports, 'catalogIdsOf', {
     return catalogIdsOf;
   }
 });
+Object.defineProperty(exports, 'cn', {
+  enumerable: true,
+  get: function () {
+    return cn;
+  }
+});
 Object.defineProperty(exports, 'componentCatalogIds', {
   enumerable: true,
   get: function () {
@@ -3961,4 +4051,4 @@ Object.defineProperty(exports, 'wrapperAria', {
     return wrapperAria;
   }
 });
-//# sourceMappingURL=MarkdownSurfaces-C2XZISKn.cjs.map
+//# sourceMappingURL=MarkdownSurfaces-DGDeUhbX.cjs.map