@copilotkit/react-core 2.0.0-rc.6 → 2.0.0-rc.8

package/dist/{MarkdownSurfaces-S4wfUl3J.cjs → MarkdownSurfaces-DQZM4lSI.cjs}

@@ -28,9 +28,9 @@ 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 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");
@@ -71,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
 /**
@@ -115,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
@@ -184,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]);
@@ -416,28 +455,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
 /**
@@ -519,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,
@@ -3718,10 +3735,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', {
@@ -3772,6 +3789,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 () {
@@ -3988,4 +4011,4 @@ Object.defineProperty(exports, 'wrapperAria', {
     return wrapperAria;
   }
 });
-//# sourceMappingURL=MarkdownSurfaces-S4wfUl3J.cjs.map
+//# sourceMappingURL=MarkdownSurfaces-DQZM4lSI.cjs.map