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

package/dist/{MarkdownSurfaces-Bd--93O1.mjs → MarkdownSurfaces-iFKorV2w.mjs}

@@ -1,12 +1,11 @@
-import { extractFenceOperations, flattenInformationalCards, getMarkdownOperationSurfaceId, prepareSurfaceOperations, segmentSurfaceProse, splitA2UIMarkdown } from "@copilotkit/core";
-import React, { Component, createContext, memo, useCallback, useContext, useEffect, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CopilotChatDefaultLabels, extractFenceOperations, flattenInformationalCards, getMarkdownOperationSurfaceId, prepareSurfaceOperations, segmentSurfaceProse, splitA2UIMarkdown, ɵcopilotIconSvgAttributes, ɵcopilotIcons } from "@copilotkit/core";
+import React, { Component, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { StreamingMarkdownRenderer, createStreamingMarkdownNodeRenderers } from "@copilotkit/markdown-renderer/react";
 import { warnUnsupportedRichSyntaxOnce } from "@copilotkit/markdown-renderer";
-import { A2UI_COMPONENT_ENVELOPE_KEYS, A2UI_INDEX_FUNCTION, A2UI_VERSION, DEFAULT_AGENT_ID, GENERATIVE_UI_ACTIVITY_TYPE, GENERATIVE_UI_CHAT_TARGET, GENERATIVE_UI_FUNCTIONS, GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE, GENERATIVE_UI_RENDER_TOOL, GENERATIVE_UI_ROOT_ID, applyChildRefMarks, childIdsAtRefs, collectChildRefs, functionCallers, getOperationKind, hasBoundChildRef, isActionBinding, isCallBinding, isPathBinding, isValidationResult, mapAtChildRef, randomUUID, schemaToJsonSchema, validateOperation } from "@copilotkit/shared";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { A2UI_COMPONENT_ENVELOPE_KEYS, A2UI_INDEX_FUNCTION, A2UI_VERSION, DEFAULT_AGENT_ID, GENERATIVE_UI_ACTIVITY_TYPE, GENERATIVE_UI_CHAT_TARGET, GENERATIVE_UI_FUNCTIONS, GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE, GENERATIVE_UI_RENDER_TOOL, GENERATIVE_UI_ROOT_ID, applyChildRefMarks, childIdsAtRefs, collectChildRefs, functionCallers, getOperationKind, hasBoundChildRef, isActionBinding, isCallBinding, isPathBinding, isValidationResult, mapAtChildRef, randomUUID, schemaToJsonSchema, validateOperation, ɵanySchema } from "@copilotkit/shared";
 import { CopilotKitContext, useCopilotKit, useDefaultAgentId } from "@copilotkit/react-core/context";
-import { z } from "zod";
-import { zodToJsonSchema } from "zod-to-json-schema";
+import * as z from "zod";
 
 //#region src/components/chat/StreamingMarkdownDefaultRenderer.tsx
 const defaultNodeRenderers = createStreamingMarkdownNodeRenderers({ codeBlock: ({ node }) => /* @__PURE__ */ jsx("pre", {
@@ -43,6 +42,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(ɵ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 = forwardRef(function IconSvg({ lucideName, nodes, size = 24, color = "currentColor", strokeWidth = 2, className, children, ...props }, ref) {
+	const isDecorative = !children && !hasAccessibleProp(props);
+	return /* @__PURE__ */ 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) => 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 = forwardRef(function CopilotIcon({ name, ...props }, ref) {
+	const icon = ɵcopilotIcons[name];
+	return /* @__PURE__ */ jsx(IconSvg, {
+		ref,
+		lucideName: icon.name,
+		nodes: icon.nodes,
+		...props
+	});
+});
+
 //#endregion
 //#region src/lib/shallow-stable-ref.ts
 /**
@@ -87,51 +170,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
@@ -388,28 +426,6 @@ const ControlledModalOpenScope = ({ children, open, onOpenChange }) => {
 };
 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/lib/slots.tsx
 /**
@@ -491,7 +507,7 @@ function useMarkdownRenderer() {
 //#endregion
 //#region src/types/defineToolCallRenderer.ts
 function defineToolCallRenderer(def) {
-	const argsSchema = def.name === "*" && !def.args ? z.any() : def.args;
+	const argsSchema = def.name === "*" && !def.args ? ɵanySchema : def.args;
 	return {
 		name: def.name,
 		args: argsSchema,
@@ -504,12 +520,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 } = schemaToJsonSchema(schema, { zodToJsonSchema: (s) => zodToJsonSchema(s, { $refStrategy: "none" }) });
+	const { $schema: _omit, ...rest } = schemaToJsonSchema(schema);
 	return applyChildRefMarks(rest);
 }
 
@@ -3463,7 +3478,7 @@ const ContentSchema = z.object({
 		index: z.number(),
 		reason: z.string()
 	})).default([])
-}).passthrough();
+}).loose();
 function GenerativeUIChatActivity({ content, agent }) {
 	const runtime = useGenerativeUIRuntime();
 	const threadId = useCopilotChatConfiguration()?.threadId ?? agent?.threadId;
@@ -3672,5 +3687,5 @@ function MarkdownSurfaces({ content, messageId, isStreaming = false, ...markdown
 }
 
 //#endregion
-export { GenerativeUIError as A, renderSlot as B, issueKey as C, getMarkdownSurfaceSource as D, containsDynamicValue as E, toJsonSchema as F, useCopilotChatConfiguration as G, ControlledModalOpenScope as H, defineToolCallRenderer as I, useShallowStableRef as K, MarkdownRendererProvider as L, catalogIdsOf as M, componentCatalogIds as N, BASIC_FUNCTIONS as O, createGenerativeUI as P, useMarkdownRenderer as R, isAsyncIssue as S, withoutRejectedNulls as T, CopilotChatConfigurationProvider as U, cn as V, CopilotChatDefaultLabels as W, GenerativeUINodeContext as _, GenerativeUIToolCallRenderer as a, useRequiredGenerativeUIRuntime as b, SurfaceView as c, namedRole as d, useGenerativeUIAccessibility as f, useManagerVersion as g, useGenerativeUIState as h, GenerativeUIChatSlotContext as i, isRecord as j, ExpressionError as k, DARK_THEME_CSS as l, useGenerativeUIFunction as m, ProviderMarkdown as n, createGenerativeUIActivityRenderer as o, wrapperAria as p, StreamingMarkdownDefaultRenderer as q, DefaultGenerativeUIChatCard as r, createGenerativeUIFunctionCallActivityRenderer as s, MarkdownSurfaces as t, controlAria as u, GenerativeUIRuntimeContext as v, validateSchemaSync as w, formatIssues as x, useGenerativeUIRuntime as y, isReactComponentType as z };
-//# sourceMappingURL=MarkdownSurfaces-Bd--93O1.mjs.map
+export { GenerativeUIError as A, renderSlot as B, issueKey as C, getMarkdownSurfaceSource as D, containsDynamicValue as E, toJsonSchema as F, CopilotIcon as G, CopilotChatConfigurationProvider as H, defineToolCallRenderer as I, StreamingMarkdownDefaultRenderer as J, IconSvg as K, MarkdownRendererProvider as L, catalogIdsOf as M, componentCatalogIds as N, BASIC_FUNCTIONS as O, createGenerativeUI as P, useMarkdownRenderer as R, isAsyncIssue as S, withoutRejectedNulls as T, useCopilotChatConfiguration as U, ControlledModalOpenScope as V, useShallowStableRef as W, GenerativeUINodeContext as _, GenerativeUIToolCallRenderer as a, useRequiredGenerativeUIRuntime as b, SurfaceView as c, namedRole as d, useGenerativeUIAccessibility as f, useManagerVersion as g, useGenerativeUIState as h, GenerativeUIChatSlotContext as i, isRecord as j, ExpressionError as k, DARK_THEME_CSS as l, useGenerativeUIFunction as m, ProviderMarkdown as n, createGenerativeUIActivityRenderer as o, wrapperAria as p, cn as q, DefaultGenerativeUIChatCard as r, createGenerativeUIFunctionCallActivityRenderer as s, MarkdownSurfaces as t, controlAria as u, GenerativeUIRuntimeContext as v, validateSchemaSync as w, formatIssues as x, useGenerativeUIRuntime as y, isReactComponentType as z };
+//# sourceMappingURL=MarkdownSurfaces-iFKorV2w.mjs.map