@joai/core 4.16.0 → 5.0.1

package/dist/react/index.mjs

@@ -1,729 +0,0 @@
-'use client';
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/react/guest.ts
-function safeGet(key) {
-	try {
-		return localStorage.getItem(key);
-	} catch {
-		return null;
-	}
-}
-function safeSet(key, value) {
-	try {
-		localStorage.setItem(key, value);
-	} catch {}
-}
-function safeRemove(key) {
-	try {
-		localStorage.removeItem(key);
-	} catch {}
-}
-function getOrCreateGuestId(storageKey = "joai_embed_guest") {
-	if (typeof window === "undefined") return "";
-	const existing = safeGet(storageKey);
-	if (existing) return existing;
-	const id = crypto.randomUUID();
-	safeSet(storageKey, id);
-	return id;
-}
-function loadRoom(storageKey) {
-	return safeGet(storageKey);
-}
-function saveRoom(storageKey, roomId) {
-	safeSet(storageKey, roomId);
-}
-function clearRoom(storageKey) {
-	safeRemove(storageKey);
-}
-//#endregion
-//#region src/react/stream-connection.ts
-function openEventSourceStream(url, onData, options) {
-	const es = new EventSource(url, { withCredentials: options?.withCredentials ?? false });
-	es.onmessage = (event) => {
-		try {
-			onData(JSON.parse(event.data));
-		} catch (e) {
-			options?.onError?.(e);
-		}
-	};
-	es.onerror = (event) => {
-		options?.onConnectionError?.(event);
-	};
-	return () => es.close();
-}
-//#endregion
-//#region src/react/components.tsx
-function EmbedChatList({ items, agentName, awaitingResponse, classNames = {}, renderEmptyState, renderAgentContent }) {
-	const containerRef = useRef(null);
-	useEffect(() => {
-		const el = containerRef.current;
-		if (!el) return;
-		if (el.scrollHeight - el.scrollTop - el.clientHeight < 120) el.scrollTop = el.scrollHeight;
-	}, [items, awaitingResponse]);
-	if (items.length === 0 && !awaitingResponse) return renderEmptyState ? renderEmptyState() : /* @__PURE__ */ jsx("div", {
-		className: classNames.container,
-		children: /* @__PURE__ */ jsxs("p", { children: [
-			"Send ",
-			agentName,
-			" a message to start chatting"
-		] })
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		className: classNames.container,
-		role: "log",
-		"aria-live": "polite",
-		children: [items.map((item, i) => /* @__PURE__ */ jsx(EmbedChatBubble, {
-			item,
-			classNames,
-			renderAgentContent
-		}, i)), awaitingResponse && /* @__PURE__ */ jsx(EmbedThinkingIndicator, {
-			wrapperClassName: classNames.thinkingWrapper,
-			dotClassName: classNames.dot
-		})]
-	});
-}
-function EmbedChatBubble({ item, classNames, renderAgentContent }) {
-	if (item.byUser) return /* @__PURE__ */ jsx("div", {
-		className: classNames.userBubble,
-		children: item.content
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: item.error ? classNames.errorBubble : classNames.agentBubble,
-		children: renderAgentContent ? renderAgentContent(item) : /* @__PURE__ */ jsxs(Fragment, { children: [item.content, item.streaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-1 h-3 ml-1 bg-current animate-pulse rounded-full" })] })
-	});
-}
-function EmbedThinkingIndicator({ wrapperClassName, dotClassName }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: wrapperClassName,
-		children: /* @__PURE__ */ jsxs("span", {
-			className: "inline-flex gap-1",
-			children: [
-				/* @__PURE__ */ jsx("span", {
-					className: dotClassName,
-					style: { animationDelay: "0ms" }
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: dotClassName,
-					style: { animationDelay: "150ms" }
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: dotClassName,
-					style: { animationDelay: "300ms" }
-				})
-			]
-		})
-	});
-}
-function EmbedChatInput({ onSend, disabled, placeholder = "Type a message...", maxLength = 4e3, classNames = {}, renderSendButton }) {
-	const [text, setText] = useState("");
-	const textareaRef = useRef(null);
-	function handleSend() {
-		const trimmed = text.trim();
-		if (!trimmed || disabled) return;
-		onSend(trimmed);
-		setText("");
-		if (textareaRef.current) textareaRef.current.style.height = "auto";
-	}
-	function handleKeyDown(e) {
-		if (e.key === "Enter" && !e.shiftKey) {
-			e.preventDefault();
-			handleSend();
-		}
-	}
-	function handleInput() {
-		if (textareaRef.current) {
-			textareaRef.current.style.height = "auto";
-			textareaRef.current.style.height = Math.min(textareaRef.current.scrollHeight, 120) + "px";
-		}
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames.container,
-		children: [/* @__PURE__ */ jsx("textarea", {
-			ref: textareaRef,
-			value: text,
-			onChange: (e) => setText(e.target.value),
-			onKeyDown: handleKeyDown,
-			onInput: handleInput,
-			placeholder,
-			"aria-label": "Message input",
-			maxLength,
-			rows: 1,
-			disabled,
-			className: classNames.textarea
-		}), renderSendButton({
-			onClick: handleSend,
-			disabled: disabled || !text.trim()
-		})]
-	});
-}
-//#endregion
-//#region src/react/use-embed-chat.ts
-const RESPONSE_TIMEOUT_MS = 3e4;
-function useEmbedChat({ agentUuid, http, cortexBaseUrl, guestId, roomStorageKey, enabled = true, extraPayload }) {
-	const [items, setItems] = useState([]);
-	const [sending, setSending] = useState(false);
-	const [awaitingResponse, setAwaitingResponse] = useState(false);
-	const [roomId, setRoomId] = useState(null);
-	const [connectionError, setConnectionError] = useState(false);
-	const roomIdRef = useRef(null);
-	roomIdRef.current = roomId;
-	const extraPayloadRef = useRef(extraPayload);
-	extraPayloadRef.current = extraPayload;
-	useEffect(() => {
-		if (!roomId) return;
-		setConnectionError(false);
-		return openEventSourceStream(`${cortexBaseUrl}/agents/stream/${roomId}`, (raw) => {
-			setConnectionError(false);
-			const data = raw;
-			if (data.type === "response:chunk") {
-				setAwaitingResponse(false);
-				setItems((prev) => {
-					const last = prev[prev.length - 1];
-					if (last && last.streaming && !last.byUser) {
-						const updated = [...prev];
-						updated[updated.length - 1] = {
-							...last,
-							content: last.content + (data.content ?? "")
-						};
-						return updated;
-					}
-					return [...prev, {
-						content: data.content ?? "",
-						byUser: false,
-						streaming: true
-					}];
-				});
-			} else if (data.type === "response") {
-				setAwaitingResponse(false);
-				setItems((prev) => {
-					const updated = [...prev];
-					const lastIdx = updated.length - 1;
-					if (lastIdx >= 0 && updated[lastIdx].streaming) updated[lastIdx] = {
-						...updated[lastIdx],
-						content: data.content ?? updated[lastIdx].content,
-						streaming: false
-					};
-					else updated.push({
-						content: data.content ?? "",
-						byUser: false
-					});
-					return updated;
-				});
-			} else if (data.type === "complete") {
-				setAwaitingResponse(false);
-				setItems((prev) => prev.map((item) => item.streaming ? {
-					...item,
-					streaming: false
-				} : item));
-			}
-		}, { onConnectionError: () => setConnectionError(true) });
-	}, [roomId, cortexBaseUrl]);
-	useEffect(() => {
-		if (!awaitingResponse) return;
-		const timer = setTimeout(() => {
-			setAwaitingResponse(false);
-			setItems((prev) => [...prev, {
-				content: "Response timed out. Please try again.",
-				byUser: false,
-				error: true
-			}]);
-		}, RESPONSE_TIMEOUT_MS);
-		return () => clearTimeout(timer);
-	}, [awaitingResponse]);
-	return {
-		items,
-		setItems,
-		sending,
-		awaitingResponse,
-		roomId,
-		setRoomId,
-		send: useCallback(async (message) => {
-			if (!enabled || sending || !agentUuid) return;
-			setItems((prev) => [...prev, {
-				content: message,
-				byUser: true
-			}]);
-			setSending(true);
-			setConnectionError(false);
-			try {
-				const res = await http.post(`integrations/embed/${agentUuid}/execute`, {
-					message,
-					guestId,
-					...extraPayloadRef.current
-				});
-				if (!res.ok) {
-					const msg = res.data && typeof res.data === "object" && "message" in res.data ? res.data.message : "Something went wrong. Please try again.";
-					setItems((prev) => [...prev, {
-						content: msg,
-						byUser: false,
-						error: true
-					}]);
-					return;
-				}
-				setAwaitingResponse(true);
-				const newRoomId = res.data?.roomId;
-				if (newRoomId && !roomIdRef.current) {
-					setRoomId(newRoomId);
-					saveRoom(roomStorageKey, newRoomId);
-				}
-			} catch {
-				setItems((prev) => [...prev, {
-					content: "Something went wrong. Please try again.",
-					byUser: false,
-					error: true
-				}]);
-			} finally {
-				setSending(false);
-			}
-		}, [
-			enabled,
-			sending,
-			agentUuid,
-			http,
-			guestId,
-			roomStorageKey
-		]),
-		connectionError
-	};
-}
-//#endregion
-//#region src/react/content/context.ts
-const ContentContext = createContext(null);
-function useContent() {
-	const context = useContext(ContentContext);
-	if (!context) throw new Error("useContent must be used within a ContentProvider.");
-	return context;
-}
-//#endregion
-//#region src/react/content/content-cache.ts
-const contentCache = /* @__PURE__ */ new Map();
-const pendingLoads = /* @__PURE__ */ new Map();
-function cacheContent(content) {
-	contentCache.set(`id:${content.id}`, content);
-	contentCache.set(`slug:${content.slug}`, content);
-}
-async function loadContent(client, contentId, publicSlug) {
-	const target = contentId ?? publicSlug;
-	if (!target) return null;
-	const key = contentId ? `id:${contentId}` : `slug:${publicSlug}`;
-	const cached = contentCache.get(key);
-	if (cached) return cached;
-	const pending = pendingLoads.get(key);
-	if (pending) return pending;
-	const request = (contentId ? client.content.get(target) : client.content.getPublic(target)).then((result) => result.ok && result.data ? result.data : null).then((content) => {
-		if (content) cacheContent(content);
-		return content;
-	}).finally(() => pendingLoads.delete(key));
-	pendingLoads.set(key, request);
-	return request;
-}
-//#endregion
-//#region src/react/content/state.ts
-function contentValues(content) {
-	return Object.fromEntries(content?.version?.entries.map((entry) => [entry.key, entry.value]) ?? []);
-}
-function contentPatches(content, values) {
-	const original = contentValues(content);
-	return Object.entries(values).filter(([key, value]) => JSON.stringify(value) !== JSON.stringify(original[key])).map(([key, value]) => ({
-		key,
-		value
-	}));
-}
-//#endregion
-//#region src/react/content/provider.tsx
-function ContentProvider({ children, client, contentId, publicSlug, initialContent, canEdit = false, canPublish = false, teamSlug }) {
-	const [content, setContent] = useState(initialContent ?? null);
-	const [values, setValues] = useState(() => contentValues(initialContent ?? null));
-	const [isLoading, setIsLoading] = useState(!initialContent && Boolean(contentId || publicSlug));
-	const [isSaving, setIsSaving] = useState(false);
-	const [isEditing, setEditing] = useState(false);
-	const [error, setError] = useState(null);
-	useEffect(() => {
-		if (initialContent && !contentId) {
-			cacheContent(initialContent);
-			setContent(initialContent);
-			setValues(contentValues(initialContent));
-			setIsLoading(false);
-			return;
-		}
-		const load = async () => {
-			if (!contentId && !publicSlug) return;
-			setIsLoading(true);
-			setError(null);
-			const nextContent = await loadContent(client, contentId, publicSlug);
-			if (!nextContent) setError("Content could not be loaded.");
-			else {
-				setContent(nextContent);
-				setValues(contentValues(nextContent));
-			}
-			setIsLoading(false);
-		};
-		load();
-	}, [
-		contentId,
-		initialContent,
-		publicSlug
-	]);
-	const setValue = useCallback((key, value) => {
-		setValues((current) => ({
-			...current,
-			[key]: value
-		}));
-	}, []);
-	const isDirty = contentPatches(content, values).length > 0;
-	const save = useCallback(async () => {
-		if (!content?.version || !contentId || !canEdit) return false;
-		const patches = contentPatches(content, values);
-		if (patches.length === 0) return true;
-		setIsSaving(true);
-		setError(null);
-		const result = await client.content.patch(contentId, {
-			expectedVersion: content.version.number,
-			patches,
-			origin: "inlineEditor"
-		});
-		setIsSaving(false);
-		if (!result.ok || !result.data) {
-			setError("Changes could not be saved. Refresh and try again.");
-			return false;
-		}
-		const nextContent = {
-			...content,
-			version: result.data,
-			updatedAt: result.data.updatedAt
-		};
-		cacheContent(nextContent);
-		setContent(nextContent);
-		setValues(contentValues(nextContent));
-		return true;
-	}, [
-		canEdit,
-		content,
-		contentId,
-		values
-	]);
-	const publish = useCallback(async () => {
-		if (!content?.version || !contentId || !canPublish) return false;
-		const patches = contentPatches(content, values);
-		setIsSaving(true);
-		setError(null);
-		const result = patches.length > 0 ? await client.content.patch(contentId, {
-			expectedVersion: content.version.number,
-			patches,
-			origin: "inlineEditor",
-			publish: true
-		}) : await client.content.publish(contentId, content.version.number);
-		setIsSaving(false);
-		if (!result.ok || !result.data) {
-			setError("Changes could not be published. Refresh and try again.");
-			return false;
-		}
-		const nextContent = {
-			...content,
-			version: result.data,
-			updatedAt: result.data.updatedAt
-		};
-		cacheContent(nextContent);
-		setContent(nextContent);
-		setValues(contentValues(nextContent));
-		setEditing(false);
-		return true;
-	}, [
-		canPublish,
-		content,
-		contentId,
-		values
-	]);
-	const context = useMemo(() => ({
-		content,
-		values,
-		isLoading,
-		isSaving,
-		isEditing,
-		isDirty,
-		canEdit,
-		canPublish,
-		teamSlug,
-		media: client.media,
-		error,
-		setEditing,
-		setValue,
-		save,
-		publish
-	}), [
-		canEdit,
-		canPublish,
-		content,
-		error,
-		isDirty,
-		isEditing,
-		isLoading,
-		isSaving,
-		publish,
-		save,
-		setValue,
-		teamSlug,
-		values
-	]);
-	return /* @__PURE__ */ jsx(ContentContext.Provider, {
-		value: context,
-		children
-	});
-}
-//#endregion
-//#region src/react/content/editable-content.tsx
-function EditableContent({ field, as: Tag = "span", className, placeholder = "Add text", multiline = false }) {
-	const { values, isEditing, canEdit, setValue } = useContent();
-	const value = values[field];
-	const text = typeof value === "string" || typeof value === "number" ? String(value) : "";
-	if (!canEdit || !isEditing) return /* @__PURE__ */ jsx(Tag, {
-		className,
-		children: text
-	});
-	if (multiline) return /* @__PURE__ */ jsx("textarea", {
-		"aria-label": field,
-		className,
-		placeholder,
-		value: text,
-		onChange: (event) => setValue(field, event.target.value)
-	});
-	return /* @__PURE__ */ jsx("input", {
-		"aria-label": field,
-		className,
-		placeholder,
-		value: text,
-		onChange: (event) => setValue(field, event.target.value)
-	});
-}
-function useContentValue(key) {
-	return useContent().values[key];
-}
-//#endregion
-//#region src/react/content/editable-image.tsx
-function EditableImage({ field, alt = "", className, inputClassName, placeholder = "Image URL", onSelect }) {
-	const { values, isEditing, canEdit, media, setValue, teamSlug } = useContent();
-	const source = typeof values[field] === "string" ? values[field] : "";
-	const [isPickerOpen, setPickerOpen] = useState(false);
-	const [images, setImages] = useState([]);
-	const [isUploading, setUploading] = useState(false);
-	useEffect(() => {
-		if (!isPickerOpen || !media || !teamSlug) return;
-		media.list(teamSlug, { mime: "image/" }).then((result) => setImages(result.ok ? result.data ?? [] : []));
-	}, [
-		isPickerOpen,
-		media,
-		teamSlug
-	]);
-	const upload = async (file) => {
-		if (!media || !teamSlug || !file.type.startsWith("image/")) return;
-		setUploading(true);
-		const result = await media.upload({
-			team: teamSlug,
-			file,
-			type: "output",
-			label: file.name
-		});
-		setUploading(false);
-		if (!result.ok || !result.data) return;
-		setImages((current) => [result.data, ...current]);
-		setValue(field, result.data.url);
-		setPickerOpen(false);
-	};
-	if (!canEdit || !isEditing) return source ? /* @__PURE__ */ jsx("img", {
-		src: source,
-		alt,
-		className
-	}) : null;
-	return /* @__PURE__ */ jsxs("div", {
-		className,
-		children: [
-			source && /* @__PURE__ */ jsx("img", {
-				src: source,
-				alt
-			}),
-			onSelect && /* @__PURE__ */ jsx("button", {
-				className: "rounded-lg bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-500",
-				type: "button",
-				onClick: onSelect,
-				children: "Choose image"
-			}),
-			!onSelect && media && teamSlug && /* @__PURE__ */ jsx("button", {
-				className: "rounded-lg bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-500",
-				type: "button",
-				onClick: () => setPickerOpen(true),
-				children: "Choose image"
-			}),
-			/* @__PURE__ */ jsx(ImagePicker, {
-				open: isPickerOpen,
-				onClose: () => setPickerOpen(false),
-				images,
-				isUploading,
-				onUpload: upload,
-				onSelect: (url) => {
-					setValue(field, url);
-					setPickerOpen(false);
-				}
-			}),
-			/* @__PURE__ */ jsx("input", {
-				"aria-label": field,
-				className: inputClassName,
-				type: "url",
-				placeholder,
-				value: source,
-				onChange: (event) => setValue(field, event.target.value)
-			})
-		]
-	});
-}
-function ImagePicker({ open, onClose, images, isUploading, onUpload, onSelect }) {
-	if (!open) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: "fixed inset-0 z-[1100] grid place-items-center bg-slate-950/45 p-4",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-label": "Image library",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "max-h-[min(44rem,calc(100vh-2rem))] w-full max-w-2xl overflow-y-auto rounded-xl bg-white p-5 shadow-2xl",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-start justify-between gap-4",
-					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
-						className: "text-lg font-semibold text-slate-950",
-						children: "Image library"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "mt-1 text-sm text-slate-500",
-						children: "Choose an existing image or upload a new one."
-					})] }), /* @__PURE__ */ jsx("button", {
-						className: "rounded-lg px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-100",
-						type: "button",
-						onClick: onClose,
-						children: "Close"
-					})]
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "mt-5 flex cursor-pointer items-center justify-center rounded-lg border border-dashed border-slate-300 px-4 py-6 text-sm font-medium text-slate-600 transition hover:border-blue-400 hover:text-blue-600",
-					children: [/* @__PURE__ */ jsx("input", {
-						className: "sr-only",
-						type: "file",
-						accept: "image/*",
-						onChange: (event) => {
-							const file = event.target.files?.[0];
-							if (file) onUpload(file);
-						}
-					}), "Upload image"]
-				}),
-				isUploading && /* @__PURE__ */ jsx("span", {
-					className: "mt-3 block text-sm text-slate-500",
-					children: "Uploading…"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "mt-5 grid grid-cols-2 gap-3 sm:grid-cols-3",
-					role: "list",
-					children: images.map((image) => /* @__PURE__ */ jsxs("button", {
-						className: "overflow-hidden rounded-lg border border-slate-200 text-left transition-opacity hover:opacity-75",
-						type: "button",
-						onClick: () => onSelect(image.url),
-						children: [/* @__PURE__ */ jsx("img", {
-							className: "aspect-square w-full object-cover",
-							src: image.url,
-							alt: image.name
-						}), /* @__PURE__ */ jsx("span", {
-							className: "block truncate p-2 text-xs text-slate-700",
-							children: image.name
-						})]
-					}, image.id))
-				})
-			]
-		})
-	});
-}
-//#endregion
-//#region src/react/content/toolbar.tsx
-function ContentToolbar({ className, labels = {}, confirmPublish }) {
-	const { canEdit, canPublish, isDirty, isEditing, isSaving, error, setEditing, save, publish } = useContent();
-	if (!canEdit) return null;
-	const edit = labels.edit ?? "Edit";
-	const saveLabel = labels.save ?? "Save draft";
-	const publishLabel = labels.publish ?? "Publish";
-	const cancel = labels.cancel ?? "Cancel";
-	const handlePublish = async () => {
-		if (confirmPublish && !await confirmPublish()) return;
-		await publish();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: `flex flex-wrap items-center gap-2 ${className ?? ""}`,
-		role: "toolbar",
-		"aria-label": "Content editor",
-		children: [
-			!isEditing ? /* @__PURE__ */ jsx("button", {
-				className: "rounded-lg bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-500",
-				type: "button",
-				onClick: () => setEditing(true),
-				children: edit
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				/* @__PURE__ */ jsx("button", {
-					className: "rounded-lg bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-500 disabled:opacity-60",
-					type: "button",
-					disabled: isSaving,
-					onClick: () => void save(),
-					children: isSaving ? "Saving…" : saveLabel
-				}),
-				canPublish && /* @__PURE__ */ jsx("button", {
-					className: "rounded-lg bg-emerald-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-emerald-500 disabled:opacity-60",
-					type: "button",
-					disabled: isSaving,
-					onClick: () => void handlePublish(),
-					children: publishLabel
-				}),
-				/* @__PURE__ */ jsx("button", {
-					className: "rounded-lg px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-100 disabled:opacity-60",
-					type: "button",
-					disabled: isSaving,
-					onClick: () => setEditing(false),
-					children: cancel
-				})
-			] }),
-			error && /* @__PURE__ */ jsx("span", {
-				className: "w-full text-sm text-red-600 dark:text-red-400",
-				role: "alert",
-				children: error
-			}),
-			isEditing && isDirty && /* @__PURE__ */ jsx("span", {
-				className: "w-full text-xs text-slate-500",
-				"aria-live": "polite",
-				children: "Unsaved changes"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/react/content/content-editor.tsx
-function EditorPanel({ title }) {
-	const { canEdit } = useContent();
-	if (!canEdit) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "fixed right-4 bottom-4 z-[1000] w-[min(24rem,calc(100vw-2rem))] rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl",
-		children: [/* @__PURE__ */ jsx("strong", {
-			className: "mb-2 block text-sm font-semibold",
-			children: title
-		}), /* @__PURE__ */ jsx(ContentToolbar, { labels: {
-			edit: "Edit",
-			save: "Save draft",
-			publish: "Publish",
-			cancel: "Cancel"
-		} })]
-	});
-}
-function ContentEditor({ children, title = "JoAi Content", ...provider }) {
-	return /* @__PURE__ */ jsx(ContentProvider, {
-		...provider,
-		children: /* @__PURE__ */ jsxs("div", {
-			"data-joai-content-editor": "true",
-			children: [/* @__PURE__ */ jsx(EditorPanel, { title }), children]
-		})
-	});
-}
-//#endregion
-export { ContentEditor, ContentProvider, ContentToolbar, EditableContent, EditableImage, EmbedChatInput, EmbedChatList, clearRoom, getOrCreateGuestId, loadRoom, openEventSourceStream, saveRoom, useContentValue, useEmbedChat };