@joai/core 4.5.0 → 4.6.0

package/dist/index.mjs

@@ -42,6 +42,7 @@ const getAgentsBaseUrl = (env) => {
 	if (env === "testnet") return "https://testnet-agents.joai.ai";
 	return "https://agents.joai.ai";
 };
+const getMcpServerUrl = (env) => `${getCortexBaseUrl(env)}/mcp`;
 const getMcpServerAgentUrl = (env, agent) => `${getCortexBaseUrl(env)}/mcp/agents/${agent}`;
 const getSitesBaseUrl = (env) => {
 	if (env === "local") return "http://sites.joai--api.test:3007";
@@ -370,10 +371,29 @@ const ContractCategoryDisplayNames = {
 };
 //#endregion
 //#region src/mcp/agent-setup.ts
+const UNIFIED_MCP_SERVER_NAME = "joai";
+const AGENT_UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+const isUnifiedMcpUrl = (mcpUrl) => {
+	try {
+		return (new URL(mcpUrl).pathname.replace(/\/+$/, "") || "/") === "/mcp";
+	} catch {
+		return false;
+	}
+};
 const getAgentSetupPromptUrl = (env) => `${getAppBaseUrl(env)}/prompts/setup-agent.md`;
 const buildAgentSetupClipboardText = (env, target) => {
+	const promptUrl = getAgentSetupPromptUrl(env);
+	if (isUnifiedMcpUrl(target.mcpUrl)) return [
+		`Fetch and execute the appropriate instructions to set me up for JoAi from ${promptUrl}`,
+		"",
+		"Connect me to JoAi MCP:",
+		`- MCP: ${target.mcpUrl}`,
+		`- Agent: ${target.agentName}`,
+		"",
+		"Authenticate with OAuth. The agent in the MCP URL is preselected and can be changed."
+	].join("\n");
 	return [
-		`Fetch and execute the appropriate instructions to set me up for JoAi from ${getAgentSetupPromptUrl(env)}`,
+		`Fetch and execute the appropriate instructions to set me up for JoAi from ${promptUrl}`,
 		"",
 		"Connect me to this JoAi agent:",
 		`- Agent: ${target.agentName}`,
@@ -396,6 +416,16 @@ const createCursorMcpInstallLink = (mcpServerUrl, serverName) => {
 	const encodedConfig = encodeURIComponent(btoa(configJson));
 	return `https://cursor.com/en-US/install-mcp?name=${encodeURIComponent(serverName)}&config=${encodedConfig}`;
 };
+/** Default owner/connect MCP URL. Optional agent UUID soft-prefills OAuth via `?agent=`. */
+const resolveConnectMcpUrl = (env, mcpEndpoint, preferredAgentUuid) => {
+	const trimmed = mcpEndpoint?.trim();
+	const base = trimmed && isUnifiedMcpUrl(trimmed) ? `${new URL(trimmed).origin}${new URL(trimmed).pathname.replace(/\/+$/, "") || "/mcp"}` : `${getCortexBaseUrl(env)}/mcp`;
+	const fromUrl = trimmed && isUnifiedMcpUrl(trimmed) ? new URL(trimmed).searchParams.get("agent") || new URL(trimmed).searchParams.get("agent_uuid") : null;
+	const preferred = preferredAgentUuid?.trim() || fromUrl;
+	if (preferred && AGENT_UUID_RE.test(preferred)) return `${base}?agent=${encodeURIComponent(preferred)}`;
+	return base;
+};
+/** Agent-scoped MCP URL for public/direct addressing (Agent0, x402, marketplace). */
 const resolveAgentMcpUrl = (env, agentUuid, mcpEndpoint) => mcpEndpoint?.trim() || `${getCortexBaseUrl(env)}/mcp/agents/${agentUuid}`;
 const slugifyMcpSegment = (value) => value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "agent";
 const buildMcpServerName = (slug, teamName) => {
@@ -500,6 +530,8 @@ const UserPermissions = {
 	BillingManage: "billing-manage",
 	TeamManage: "team-manage",
 	TeamView: "team-view",
+	ContentEdit: "content-edit",
+	ContentPublish: "content-publish",
 	TeamMemberInvite: "team-member-invite",
 	TeamMemberRemove: "team-member-remove",
 	TeamSecretView: "team-secret-view",
@@ -585,4 +617,4 @@ const DefaultInviteTeamRole = UserRoles.Member;
 const inviteableTeamRoles = () => [...InviteableTeamRoles];
 const defaultInviteTeamRole = () => DefaultInviteTeamRole;
 //#endregion
-export { AddressTypes, AgentToolingAccess, BillingManageAccess, ContractCategoryDisplayNames, DefaultCodeMetadata, DefaultInviteTeamRole, FulfillmentMethods, FulfillmentStatuses, HttpService, InviteableTeamRoles, JoaiUrls, NATIVE_AUTH_TOKEN_PARAM, NativeApps, OG_IMAGE_CONFIG, OG_IMAGE_HEIGHT, OG_IMAGE_WIDTH, OgImageColors, PeriodTypeLabels, PeriodTypeOptions, PermissionPresetNames, ReturnStatuses, ReturnUpdateStatuses, SkillMediaBindingRole, SkillScope, SkillType, TeamManageAccess, TeamViewAccess, UserPermissions, UserRoles, abbreviateNumber, addressTypeValues, buildAgentMcpServerName, buildAgentSetupClipboardText, buildAppSetupClipboardText, buildMcpServerName, cartLineTotal, createCursorMcpInstallLink, defaultInviteTeamRole, fulfillmentMethodValues, fulfillmentStatusValues, getAgentSetupPromptUrl, getAgentsBaseUrl, getApiBaseUrl, getAppBaseUrl, getAssetAppLogoUrl, getAssetChainLogoUrl, getAssetPartnerLogoUrl, getAssetTokenLogoUrl, getAssetWalletLogoUrl, getCortexBaseUrl, getDigestBaseUrl, getFormsBaseUrl, getLoginUrl, getMcpServerAgentUrl, getSiteUrl, getSitesBaseUrl, getSitesRootDomain, getStoreBaseUrl, getWarpScreenshotUrl, hasAllPermissions, hasAllTeamPermissions, hasAnyPermissions, hasPermission, hasTeamPermission, inviteableTeamRoles, isCompleteAddressInput, isFileFormatAudio, isFileFormatImage, isFileFormatVideo, isNativeApp, isNativeAppAccessible, isNativeAppGated, isNativeAppLocked, isTeamFeatureAccessible, isTeamFeatureGated, isTeamFeatureLocked, isUserRole, localize, nativeAppSlugs, ogImageUrl, permissionPresetRules, resolveAccessCatalog, resolveAgentMcpUrl, resolveWarpText, returnStatusValues, returnUpdateStatusValues, sanitizeAlphanumeric, sanitizeNumeric, slugifyMcpSegment, teamCategories, toCurrencyDisplay, toHexEncodedNonce, toNameInitials, toNftId, toPreviewText, userPermissionValues, userRoleValues, withRetry };
+export { AddressTypes, AgentToolingAccess, BillingManageAccess, ContractCategoryDisplayNames, DefaultCodeMetadata, DefaultInviteTeamRole, FulfillmentMethods, FulfillmentStatuses, HttpService, InviteableTeamRoles, JoaiUrls, NATIVE_AUTH_TOKEN_PARAM, NativeApps, OG_IMAGE_CONFIG, OG_IMAGE_HEIGHT, OG_IMAGE_WIDTH, OgImageColors, PeriodTypeLabels, PeriodTypeOptions, PermissionPresetNames, ReturnStatuses, ReturnUpdateStatuses, SkillMediaBindingRole, SkillScope, SkillType, TeamManageAccess, TeamViewAccess, UNIFIED_MCP_SERVER_NAME, UserPermissions, UserRoles, abbreviateNumber, addressTypeValues, buildAgentMcpServerName, buildAgentSetupClipboardText, buildAppSetupClipboardText, buildMcpServerName, cartLineTotal, createCursorMcpInstallLink, defaultInviteTeamRole, fulfillmentMethodValues, fulfillmentStatusValues, getAgentSetupPromptUrl, getAgentsBaseUrl, getApiBaseUrl, getAppBaseUrl, getAssetAppLogoUrl, getAssetChainLogoUrl, getAssetPartnerLogoUrl, getAssetTokenLogoUrl, getAssetWalletLogoUrl, getCortexBaseUrl, getDigestBaseUrl, getFormsBaseUrl, getLoginUrl, getMcpServerAgentUrl, getMcpServerUrl, getSiteUrl, getSitesBaseUrl, getSitesRootDomain, getStoreBaseUrl, getWarpScreenshotUrl, hasAllPermissions, hasAllTeamPermissions, hasAnyPermissions, hasPermission, hasTeamPermission, inviteableTeamRoles, isCompleteAddressInput, isFileFormatAudio, isFileFormatImage, isFileFormatVideo, isNativeApp, isNativeAppAccessible, isNativeAppGated, isNativeAppLocked, isTeamFeatureAccessible, isTeamFeatureGated, isTeamFeatureLocked, isUnifiedMcpUrl, isUserRole, localize, nativeAppSlugs, ogImageUrl, permissionPresetRules, resolveAccessCatalog, resolveAgentMcpUrl, resolveConnectMcpUrl, resolveWarpText, returnStatusValues, returnUpdateStatusValues, sanitizeAlphanumeric, sanitizeNumeric, slugifyMcpSegment, teamCategories, toCurrencyDisplay, toHexEncodedNonce, toNameInitials, toNftId, toPreviewText, userPermissionValues, userRoleValues, withRetry };

package/dist/react/index.d.mts

@@ -1,4 +1,4 @@
-import { n as IHttpService } from "../types-CWSaEVa7.mjs";
+import { b as IHttpService, c as ContentValue, d as PatchContentInput, l as ContentVersion, m as Media, t as Content } from "../types-BbqlPvhU.mjs";
 import * as _$react from "react";
 import { ReactNode } from "react";
 
@@ -101,4 +101,146 @@ declare function useEmbedChat({
   connectionError: boolean;
 };
 //#endregion
-export { EmbedChatInput, EmbedChatItem, EmbedChatList, StreamDataHandler, clearRoom, getOrCreateGuestId, loadRoom, openEventSourceStream, saveRoom, useEmbedChat };
+//#region src/react/content/types.d.ts
+type ContentResource = {
+  get: (contentId: string) => Promise<{
+    ok: boolean;
+    data?: Content;
+  }>;
+  getPublic: (slug: string) => Promise<{
+    ok: boolean;
+    data?: Content;
+  }>;
+  patch: (contentId: string, input: PatchContentInput) => Promise<{
+    ok: boolean;
+    data?: ContentVersion;
+  }>;
+  publish: (contentId: string, expectedVersion: number) => Promise<{
+    ok: boolean;
+    data?: ContentVersion;
+  }>;
+};
+type ContentClient = {
+  content: ContentResource;
+  media?: {
+    list: (team: string, params?: {
+      page?: number;
+      mime?: string;
+    }) => Promise<{
+      ok: boolean;
+      data?: Media[];
+    }>;
+    upload: (data: {
+      team: string;
+      file: File;
+      type: 'output';
+      label?: string;
+    }) => Promise<{
+      ok: boolean;
+      data?: Media;
+    }>;
+  };
+};
+type ContentContextValue = {
+  content: Content | null;
+  values: Record<string, ContentValue>;
+  isLoading: boolean;
+  isSaving: boolean;
+  isEditing: boolean;
+  isDirty: boolean;
+  canEdit: boolean;
+  canPublish: boolean;
+  teamSlug?: string;
+  media?: ContentClient['media'];
+  error: string | null;
+  setEditing: (editing: boolean) => void;
+  setValue: (key: string, value: ContentValue) => void;
+  save: () => Promise<boolean>;
+  publish: () => Promise<boolean>;
+};
+type ContentProviderProp = {
+  children: ReactNode;
+  client: ContentClient;
+  contentId?: string;
+  publicSlug?: string;
+  initialContent?: Content;
+  canEdit?: boolean;
+  canPublish?: boolean;
+  teamSlug?: string;
+};
+type EditableContentProp = {
+  field: string;
+  as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3';
+  className?: string;
+  placeholder?: string;
+  multiline?: boolean;
+};
+type EditableImageProp = {
+  field: string;
+  alt?: string;
+  className?: string;
+  onSelect?: () => void;
+  inputClassName?: string;
+  placeholder?: string;
+};
+type ContentToolbarProp = {
+  className?: string;
+  confirmPublish?: () => boolean | Promise<boolean>;
+  labels?: {
+    edit?: string;
+    save?: string;
+    publish?: string;
+    cancel?: string;
+  };
+};
+//#endregion
+//#region src/react/content/provider.d.ts
+declare function ContentProvider({
+  children,
+  client,
+  contentId,
+  publicSlug,
+  initialContent,
+  canEdit,
+  canPublish,
+  teamSlug
+}: ContentProviderProp): _$react.JSX.Element;
+//#endregion
+//#region src/react/content/editable-content.d.ts
+declare function EditableContent({
+  field,
+  as: Tag,
+  className,
+  placeholder,
+  multiline
+}: EditableContentProp): _$react.JSX.Element;
+//#endregion
+//#region src/react/content/editable-image.d.ts
+declare function EditableImage({
+  field,
+  alt,
+  className,
+  inputClassName,
+  placeholder,
+  onSelect
+}: EditableImageProp): _$react.JSX.Element | null;
+//#endregion
+//#region src/react/content/toolbar.d.ts
+declare function ContentToolbar({
+  className,
+  labels,
+  confirmPublish
+}: ContentToolbarProp): _$react.JSX.Element | null;
+//#endregion
+//#region src/react/content/content-editor.d.ts
+type Prop = ContentProviderProp & {
+  children: ReactNode;
+  title?: string;
+};
+declare function ContentEditor({
+  children,
+  title,
+  ...provider
+}: Prop): _$react.JSX.Element;
+//#endregion
+export { ContentClient, ContentContextValue, ContentEditor, ContentProvider, ContentProviderProp, ContentResource, ContentToolbar, ContentToolbarProp, EditableContent, EditableContentProp, EditableImage, EditableImageProp, EmbedChatInput, EmbedChatItem, EmbedChatList, StreamDataHandler, clearRoom, getOrCreateGuestId, loadRoom, openEventSourceStream, saveRoom, useEmbedChat };

package/dist/react/index.mjs

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+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) {
@@ -288,4 +288,371 @@ function useEmbedChat({ agentUuid, http, cortexBaseUrl, guestId, roomStorageKey,
 	};
 }
 //#endregion
-export { EmbedChatInput, EmbedChatList, clearRoom, getOrCreateGuestId, loadRoom, openEventSourceStream, saveRoom, useEmbedChat };
+//#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/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) {
+			setContent(initialContent);
+			setValues(contentValues(initialContent));
+			setIsLoading(false);
+			return;
+		}
+		const load = async () => {
+			if (!contentId && !publicSlug) return;
+			setIsLoading(true);
+			setError(null);
+			const result = contentId ? await client.content.get(contentId) : await client.content.getPublic(publicSlug);
+			if (!result.ok || !result.data) setError("Content could not be loaded.");
+			else {
+				setContent(result.data);
+				setValues(contentValues(result.data));
+			}
+			setIsLoading(false);
+		};
+		load();
+	}, [
+		client,
+		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
+		};
+		setContent(nextContent);
+		setValues(contentValues(nextContent));
+		return true;
+	}, [
+		canEdit,
+		client,
+		content,
+		contentId,
+		values
+	]);
+	const publish = useCallback(async () => {
+		if (!content?.version || !contentId || !canPublish) return false;
+		if (!await save()) return false;
+		const expectedVersion = content.version.number + (contentPatches(content, values).length > 0 ? 1 : 0);
+		setIsSaving(true);
+		const result = await client.content.publish(contentId, expectedVersion);
+		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
+		};
+		setContent(nextContent);
+		setValues(contentValues(nextContent));
+		setEditing(false);
+		return true;
+	}, [
+		canPublish,
+		client,
+		content,
+		contentId,
+		save,
+		values
+	]);
+	const context = useMemo(() => ({
+		content,
+		values,
+		isLoading,
+		isSaving,
+		isEditing,
+		isDirty,
+		canEdit,
+		canPublish,
+		teamSlug,
+		media: client.media,
+		error,
+		setEditing,
+		setValue,
+		save,
+		publish
+	}), [
+		canEdit,
+		canPublish,
+		client.media,
+		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)
+	});
+}
+//#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", {
+				type: "button",
+				onClick: onSelect,
+				children: "Choose image"
+			}),
+			!onSelect && media && teamSlug && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => setPickerOpen((open) => !open),
+				children: "Choose image"
+			}),
+			isPickerOpen && /* @__PURE__ */ jsxs("div", {
+				role: "dialog",
+				"aria-label": "Image picker",
+				children: [
+					/* @__PURE__ */ jsxs("label", { children: ["Bild hochladen", /* @__PURE__ */ jsx("input", {
+						type: "file",
+						accept: "image/*",
+						disabled: isUploading,
+						onChange: (event) => {
+							const file = event.target.files?.[0];
+							if (file) upload(file);
+						}
+					})] }),
+					isUploading && /* @__PURE__ */ jsx("span", { children: "Uploading…" }),
+					/* @__PURE__ */ jsx("div", {
+						role: "list",
+						children: images.map((image) => /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => {
+								setValue(field, image.url);
+								setPickerOpen(false);
+							},
+							children: /* @__PURE__ */ jsx("img", {
+								src: image.url,
+								alt: image.name
+							})
+						}, image.id))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("input", {
+				"aria-label": field,
+				className: inputClassName,
+				type: "url",
+				placeholder,
+				value: source,
+				onChange: (event) => setValue(field, event.target.value)
+			})
+		]
+	});
+}
+//#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,
+		role: "toolbar",
+		"aria-label": "Content editor",
+		children: [
+			!isEditing ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => setEditing(true),
+				children: edit
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled: isSaving,
+					onClick: () => void save(),
+					children: saveLabel
+				}),
+				canPublish && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled: isSaving,
+					onClick: () => void handlePublish(),
+					children: publishLabel
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled: isSaving,
+					onClick: () => setEditing(false),
+					children: cancel
+				})
+			] }),
+			error && /* @__PURE__ */ jsx("span", {
+				role: "alert",
+				children: error
+			}),
+			isEditing && isDirty && /* @__PURE__ */ jsx("span", {
+				"aria-live": "polite",
+				children: "Unsaved changes"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/react/content/content-editor.tsx
+function ContentEditor({ children, title = "JoAi Content", ...provider }) {
+	return /* @__PURE__ */ jsx(ContentProvider, {
+		...provider,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-joai-content-editor": "true",
+			children: [/* @__PURE__ */ jsxs("div", {
+				style: {
+					position: "fixed",
+					right: 16,
+					bottom: 16,
+					zIndex: 1e3,
+					maxWidth: "calc(100vw - 32px)",
+					padding: 12,
+					borderRadius: 14,
+					background: "#111827",
+					color: "#fff",
+					boxShadow: "0 14px 40px rgba(0,0,0,.28)"
+				},
+				children: [/* @__PURE__ */ jsx("strong", {
+					style: {
+						display: "block",
+						marginBottom: 8,
+						fontSize: 13
+					},
+					children: title
+				}), /* @__PURE__ */ jsx(ContentToolbar, { labels: {
+					edit: "Edit",
+					save: "Save draft",
+					publish: "Publish",
+					cancel: "Cancel"
+				} })]
+			}), children]
+		})
+	});
+}
+//#endregion
+export { ContentEditor, ContentProvider, ContentToolbar, EditableContent, EditableImage, EmbedChatInput, EmbedChatList, clearRoom, getOrCreateGuestId, loadRoom, openEventSourceStream, saveRoom, useEmbedChat };