@copilotkit/react-core 1.56.4-canary.1777531098 → 1.56.4-canary.1777629975

package/dist/{copilotkit-DMFu29Kx.cjs → copilotkit-tb4zqaMK.cjs}

@@ -45,8 +45,8 @@ let zod = require("zod");
 let _lit_labs_react = require("@lit-labs/react");
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
 let zod_to_json_schema = require("zod-to-json-schema");
-let react_dom = require("react-dom");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
+let react_dom = require("react-dom");
 let use_stick_to_bottom = require("use-stick-to-bottom");
 let react_markdown = require("react-markdown");
 react_markdown = __toESM(react_markdown);
@@ -4332,19 +4332,15 @@ function useConfigureSuggestions(config, deps) {
 		return consumer;
 	}, [normalizedConfig, resolvedConsumerAgentId]);
 	const isGlobalConfig = rawConsumerAgentId === void 0 || rawConsumerAgentId === "*";
-	const isDynamicConfigType = (0, react.useMemo)(() => !!normalizedConfig && "instructions" in normalizedConfig, [normalizedConfig]);
 	const requestReload = (0, react.useCallback)(() => {
 		if (!normalizedConfig) return;
 		if (isGlobalConfig) {
-			const seen = /* @__PURE__ */ new Set();
 			const agents = Object.values(copilotkit.agents ?? {});
 			for (const entry of agents) {
 				const agentId = entry.agentId;
 				if (!agentId) continue;
-				seen.add(agentId);
 				if (!entry.isRunning) copilotkit.reloadSuggestions(agentId);
 			}
-			if (targetAgentId && !seen.has(targetAgentId)) copilotkit.reloadSuggestions(targetAgentId);
 			return;
 		}
 		if (!targetAgentId) return;
@@ -4389,26 +4385,6 @@ function useConfigureSuggestions(config, deps) {
 		requestReload,
 		...extraDeps
 	]);
-	(0, react.useEffect)(() => {
-		if (!normalizedConfig || !isDynamicConfigType) return;
-		if (!targetAgentId) return;
-		if (!!copilotkit.getAgent(targetAgentId)) return;
-		const subscription = copilotkit.subscribe({ onAgentsChanged: () => {
-			if (copilotkit.getAgent(targetAgentId)) {
-				requestReload();
-				subscription.unsubscribe();
-			}
-		} });
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, [
-		copilotkit,
-		normalizedConfig,
-		isDynamicConfigType,
-		targetAgentId,
-		requestReload
-	]);
 }
 function isDynamicConfig(config) {
 	return "instructions" in config;
@@ -5060,101 +5036,20 @@ CopilotChatAssistantMessage.ReadAloudButton.displayName = "CopilotChatAssistantM
 CopilotChatAssistantMessage.RegenerateButton.displayName = "CopilotChatAssistantMessage.RegenerateButton";
 var CopilotChatAssistantMessage_default = CopilotChatAssistantMessage;
 
-//#endregion
-//#region src/v2/components/chat/Lightbox.tsx
-function Lightbox({ onClose, children }) {
-	(0, react.useEffect)(() => {
-		const handleKey = (e) => {
-			if (e.key === "Escape") onClose();
-		};
-		document.addEventListener("keydown", handleKey);
-		return () => document.removeEventListener("keydown", handleKey);
-	}, [onClose]);
-	if (typeof document === "undefined") return null;
-	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "cpk:fixed cpk:inset-0 cpk:z-[9999] cpk:flex cpk:items-center cpk:justify-center cpk:bg-black/80 cpk:animate-fade-in",
-		onClick: onClose,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			onClick: onClose,
-			className: "cpk:absolute cpk:top-4 cpk:right-4 cpk:text-white cpk:bg-white/10 cpk:hover:bg-white/20 cpk:rounded-full cpk:w-10 cpk:h-10 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:border-none cpk:z-10",
-			"aria-label": "Close preview",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "cpk:w-5 cpk:h-5" })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			onClick: (e) => e.stopPropagation(),
-			children
-		})]
-	}), document.body);
-}
-/**
-* Hook that manages lightbox open/close and uses the View Transition API to
-* morph the thumbnail into fullscreen content.
-*
-* The trick: `view-transition-name` must live on exactly ONE element at a time.
-* - Old state (thumbnail visible): name is on the thumbnail.
-* - New state (lightbox visible): name moves to the lightbox content.
-* `flushSync` ensures React commits the DOM change synchronously inside the
-* `startViewTransition` callback so the API can snapshot old → new correctly.
-*/
-function useLightbox() {
-	const thumbnailRef = (0, react.useRef)(null);
-	const [open, setOpen] = (0, react.useState)(false);
-	const vtName = (0, react.useId)();
-	return {
-		thumbnailRef,
-		vtName,
-		open,
-		openLightbox: (0, react.useCallback)(() => {
-			const thumb = thumbnailRef.current;
-			const doc = document;
-			if (doc.startViewTransition && thumb) {
-				thumb.style.viewTransitionName = vtName;
-				doc.startViewTransition(() => {
-					thumb.style.viewTransitionName = "";
-					(0, react_dom.flushSync)(() => setOpen(true));
-				});
-			} else setOpen(true);
-		}, [vtName]),
-		closeLightbox: (0, react.useCallback)(() => {
-			const thumb = thumbnailRef.current;
-			const doc = document;
-			if (doc.startViewTransition && thumb) doc.startViewTransition(() => {
-				(0, react_dom.flushSync)(() => setOpen(false));
-				thumb.style.viewTransitionName = vtName;
-			}).finished.then(() => {
-				thumb.style.viewTransitionName = "";
-			}).catch(() => {
-				thumb.style.viewTransitionName = "";
-			});
-			else setOpen(false);
-		}, [vtName])
-	};
-}
-
 //#endregion
 //#region src/v2/components/chat/CopilotChatAttachmentRenderer.tsx
 const ImageAttachment = (0, react.memo)(function ImageAttachment({ src, className }) {
 	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:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:rounded-lg cpk:bg-muted cpk:p-4 cpk:text-sm cpk:text-muted-foreground", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Failed to load image" })
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		ref: thumbnailRef,
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 		src,
 		alt: "Image attachment",
-		className: cn("cpk:max-w-[80px] cpk:max-h-[80px] cpk:w-auto cpk:h-auto cpk:rounded-xl cpk:object-cover cpk:cursor-pointer cpk:bg-muted", className),
-		onClick: openLightbox,
+		className: cn("cpk:max-w-full cpk:h-auto cpk:rounded-lg", className),
 		onError: () => setError(true)
-	}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lightbox, {
-		onClose: closeLightbox,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-			style: { viewTransitionName: vtName },
-			src,
-			alt: "Image attachment",
-			className: "cpk:max-w-[90vw] cpk:max-h-[90vh] cpk:object-contain cpk:rounded-lg"
-		})
-	})] });
+	});
 });
 const AudioAttachment = (0, react.memo)(function AudioAttachment({ src, filename, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -5279,15 +5174,15 @@ function CopilotChatUserMessage({ message, onEditMessage, branchIndex, numberOfB
 		"data-message-id": message.id,
 		...props,
 		children: [
+			BoundMessageRenderer,
 			mediaParts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "cpk:flex cpk:flex-row cpk:flex-wrap cpk:justify-end cpk:gap-2 cpk:mb-2",
+				className: "cpk:flex cpk:flex-col cpk:items-end cpk:gap-2 cpk:mt-2",
 				children: mediaParts.map((part, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatAttachmentRenderer, {
 					type: part.type,
 					source: part.source,
 					filename: getFilename(part)
 				}, index))
 			}),
-			BoundMessageRenderer,
 			BoundToolbar
 		]
 	});
@@ -5991,6 +5886,73 @@ function AttachmentPreview({ attachment }) {
 		case "document": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DocumentPreview, { attachment });
 	}
 }
+function Lightbox({ onClose, children }) {
+	(0, react.useEffect)(() => {
+		const handleKey = (e) => {
+			if (e.key === "Escape") onClose();
+		};
+		document.addEventListener("keydown", handleKey);
+		return () => document.removeEventListener("keydown", handleKey);
+	}, [onClose]);
+	if (typeof document === "undefined") return null;
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "cpk:fixed cpk:inset-0 cpk:z-[9999] cpk:flex cpk:items-center cpk:justify-center cpk:bg-black/80 cpk:animate-fade-in",
+		onClick: onClose,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			onClick: onClose,
+			className: "cpk:absolute cpk:top-4 cpk:right-4 cpk:text-white cpk:bg-white/10 cpk:hover:bg-white/20 cpk:rounded-full cpk:w-10 cpk:h-10 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:border-none cpk:z-10",
+			"aria-label": "Close preview",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "cpk:w-5 cpk:h-5" })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			onClick: (e) => e.stopPropagation(),
+			children
+		})]
+	}), document.body);
+}
+/**
+* Hook that manages lightbox open/close and uses the View Transition API to
+* morph the thumbnail into fullscreen content.
+*
+* The trick: `view-transition-name` must live on exactly ONE element at a time.
+* - Old state (thumbnail visible): name is on the thumbnail.
+* - New state (lightbox visible): name moves to the lightbox content.
+* `flushSync` ensures React commits the DOM change synchronously inside the
+* `startViewTransition` callback so the API can snapshot old → new correctly.
+*/
+function useLightbox() {
+	const thumbnailRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, react.useState)(false);
+	const vtName = (0, react.useId)();
+	return {
+		thumbnailRef,
+		vtName,
+		open,
+		openLightbox: (0, react.useCallback)(() => {
+			const thumb = thumbnailRef.current;
+			const doc = document;
+			if (doc.startViewTransition && thumb) {
+				thumb.style.viewTransitionName = vtName;
+				doc.startViewTransition(() => {
+					thumb.style.viewTransitionName = "";
+					(0, react_dom.flushSync)(() => setOpen(true));
+				});
+			} else setOpen(true);
+		}, []),
+		closeLightbox: (0, react.useCallback)(() => {
+			const thumb = thumbnailRef.current;
+			const doc = document;
+			if (doc.startViewTransition && thumb) doc.startViewTransition(() => {
+				(0, react_dom.flushSync)(() => setOpen(false));
+				thumb.style.viewTransitionName = vtName;
+			}).finished.then(() => {
+				thumb.style.viewTransitionName = "";
+			}).catch(() => {
+				thumb.style.viewTransitionName = "";
+			});
+			else setOpen(false);
+		}, [])
+	};
+}
 function ImagePreview({ attachment }) {
 	const src = (0, _copilotkit_shared.getSourceUrl)(attachment.source);
 	const { thumbnailRef, vtName, open, openLightbox, closeLightbox } = useLightbox();
@@ -6330,17 +6292,14 @@ function DropOverlay() {
 	});
 }
 function CopilotChatView({ messageView, input, scrollView, suggestionView, welcomeScreen, messages = [], autoScroll = true, isRunning = false, suggestions, suggestionLoadingIndexes, onSelectSuggestion, onSubmitMessage, onStop, inputMode, inputValue, onInputChange, onStartTranscribe, onCancelTranscribe, onFinishTranscribe, onFinishTranscribeWithAudio, attachments, onRemoveAttachment, onAddFile, dragOver, onDragOver, onDragLeave, onDrop, isConnecting = false, hasExplicitThreadId = false, disclaimer, children, className, ...props }) {
-	const [inputContainerEl, setInputContainerEl] = (0, react.useState)(null);
+	const inputContainerRef = (0, react.useRef)(null);
 	const [inputContainerHeight, setInputContainerHeight] = (0, react.useState)(0);
 	const [isResizing, setIsResizing] = (0, react.useState)(false);
 	const resizeTimeoutRef = (0, react.useRef)(null);
 	const { isKeyboardOpen, keyboardHeight, availableHeight } = useKeyboardHeight();
 	(0, react.useEffect)(() => {
-		const element = inputContainerEl;
-		if (!element) {
-			setInputContainerHeight(0);
-			return;
-		}
+		const element = inputContainerRef.current;
+		if (!element) return;
 		const resizeObserver = new ResizeObserver((entries) => {
 			for (const entry of entries) {
 				const newHeight = entry.contentRect.height;
@@ -6363,7 +6322,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			resizeObserver.disconnect();
 			if (resizeTimeoutRef.current) clearTimeout(resizeTimeoutRef.current);
 		};
-	}, [inputContainerEl]);
+	}, []);
 	const BoundMessageView = renderSlot(messageView, CopilotChatMessageView, {
 		messages,
 		isRunning
@@ -6474,7 +6433,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			dragOver && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropOverlay, {}),
 			BoundScrollView,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: setInputContainerEl,
+				ref: inputContainerRef,
 				"data-testid": "copilot-input-overlay",
 				className: "cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none",
 				children: [attachments && attachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -10243,4 +10202,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-DMFu29Kx.cjs.map
+//# sourceMappingURL=copilotkit-tb4zqaMK.cjs.map