@gatewaze/admin-embed 0.1.0

package/dist/admin-B0Mmrh_O.js

@@ -0,0 +1,1239 @@
+import { c as e, i as t, t as n } from "./react-DB2tPNit.js";
+import { d as r } from "./shim-BCerG8nb.js";
+import { t as i } from "./jsx-runtime-CjozyJt-.js";
+import { n as a } from "./sonnerHostBridge-CXuCMM3R.js";
+import { i as o, o as s, t as c } from "./dist-DTrOExw8.js";
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/services/canvasAiService.ts
+var l = /* @__PURE__ */ e(n()), u = c(), d = globalThis.__GATEWAZE_CONFIG__.VITE_API_URL ?? "";
+async function f(e, t) {
+	let { data: n } = await r.auth.getSession(), i = n.session?.access_token, a = new Headers(t?.headers);
+	return i && a.set("Authorization", `Bearer ${i}`), a.has("Accept") || a.set("Accept", "application/json"), fetch(`${d}${e}`, {
+		...t,
+		headers: a
+	});
+}
+async function p(e) {
+	let t = {};
+	try {
+		t = await e.json();
+	} catch {}
+	let n = e.headers.get("Retry-After"), r = n ? Number(n) : void 0;
+	return {
+		code: t.error?.code ?? `http_${e.status}`,
+		message: t.error?.message ?? `Request failed (${e.status})`,
+		httpStatus: e.status,
+		...r && !Number.isNaN(r) ? { retryAfter: r } : {},
+		...t.error?.details ? { details: t.error.details } : {}
+	};
+}
+var m = {
+	async generate(e, t) {
+		let n = await f("/api/admin/modules/editor-ai-copilot/generate", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(e),
+			...t ? { signal: t } : {}
+		});
+		return n.ok ? {
+			ok: !0,
+			response: await n.json()
+		} : {
+			ok: !1,
+			error: await p(n)
+		};
+	},
+	async loadThread(e) {
+		let t = await f(`/api/admin/modules/editor-ai-copilot/thread?${new URLSearchParams({
+			host_kind: e.host_kind,
+			host_id: e.host_id,
+			target_id: e.target_id
+		}).toString()}`, { method: "GET" });
+		return t.ok ? (await t.json()).messages ?? [] : [];
+	},
+	async uploadDocument(e) {
+		let t = new FormData();
+		t.append("file", e.file), t.append("host_kind", e.host_kind), t.append("host_id", e.host_id), t.append("target_id", e.target_id);
+		let n = await f("/api/admin/modules/editor-ai-copilot/documents", {
+			method: "POST",
+			body: t
+		});
+		if (!n.ok) return {
+			ok: !1,
+			error: await p(n)
+		};
+		let r = await n.json();
+		return {
+			ok: !0,
+			doc_id: r.doc_id,
+			filename: r.filename,
+			warnings: r.warnings
+		};
+	},
+	async uploadDocumentFromUrl(e) {
+		let t = await f("/api/admin/modules/editor-ai-copilot/documents", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(e)
+		});
+		if (!t.ok) return {
+			ok: !1,
+			error: await p(t)
+		};
+		let n = await t.json();
+		return {
+			ok: !0,
+			doc_id: n.doc_id,
+			filename: n.filename,
+			warnings: n.warnings
+		};
+	}
+};
+//#endregion
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/components/puck-data-merger.ts
+function h(e) {
+	return e.props.id ? e : {
+		...e,
+		props: {
+			...e.props,
+			id: g()
+		}
+	};
+}
+function g() {
+	if (typeof crypto < "u" && "randomUUID" in crypto) return crypto.randomUUID();
+	let e = "";
+	for (let t = 0; t < 32; t++) e += "0123456789abcdef"[Math.floor(Math.random() * 16)] ?? "";
+	return `${e.slice(0, 8)}-${e.slice(8, 12)}-4${e.slice(13, 16)}-${e.slice(16, 20)}-${e.slice(20, 32)}`;
+}
+function _(e) {
+	switch (e.mode) {
+		case "replace": return {
+			data: {
+				content: e.ai.content.map(h),
+				root: e.prev.root
+			},
+			warnings: []
+		};
+		case "append": return {
+			data: {
+				content: [...e.prev.content, ...e.ai.content.map(h)],
+				root: e.prev.root
+			},
+			warnings: []
+		};
+		case "insert-after": {
+			if (!e.anchorBlockId) return {
+				data: {
+					content: [...e.prev.content, ...e.ai.content.map(h)],
+					root: e.prev.root
+				},
+				warnings: [{
+					code: "missing_anchor",
+					message: "insert-after without anchorBlockId; appended at end"
+				}]
+			};
+			let t = e.prev.content.findIndex((t) => t.props.id === e.anchorBlockId);
+			return t < 0 ? {
+				data: {
+					content: [...e.prev.content, ...e.ai.content.map(h)],
+					root: e.prev.root
+				},
+				warnings: [{
+					code: "anchor_not_found",
+					message: `anchor ${e.anchorBlockId} not found; appended at end`
+				}]
+			} : {
+				data: {
+					content: [
+						...e.prev.content.slice(0, t + 1),
+						...e.ai.content.map(h),
+						...e.prev.content.slice(t + 1)
+					],
+					root: e.prev.root
+				},
+				warnings: []
+			};
+		}
+		case "edit": {
+			let t = [], n = e.ai.content.map((n) => n.props.id ? e.prev.content.find((e) => e.props.id === n.props.id) ? n : (t.push({
+				code: "ai_unmatched_id",
+				message: `AI sent id ${n.props.id} not on this page; treated as insert`
+			}), h({
+				...n,
+				props: {
+					...n.props,
+					id: g()
+				}
+			})) : h(n)), r = new Set(n.map((e) => e.props.id)), i = e.prev.content.filter((e) => !r.has(e.props.id)).length;
+			return i > 0 && t.push({
+				code: "edit_dropped_blocks",
+				message: `${i} block(s) removed in edit`
+			}), {
+				data: {
+					content: n,
+					root: e.prev.root
+				},
+				warnings: t
+			};
+		}
+		case "edit-block": {
+			if (!e.blockId) return {
+				data: e.prev,
+				warnings: [{
+					code: "missing_blockId",
+					message: "edit-block called without blockId; no merge"
+				}]
+			};
+			let t = e.ai.content[0];
+			if (!t) return {
+				data: e.prev,
+				warnings: [{
+					code: "edit_block_empty_response",
+					message: "edit-block returned no block"
+				}]
+			};
+			let n = v(e.prev.content, e.blockId, t);
+			return n.found ? {
+				data: {
+					content: n.content,
+					root: e.prev.root
+				},
+				warnings: []
+			} : {
+				data: e.prev,
+				warnings: [{
+					code: "block_not_found_at_merge",
+					message: `block ${e.blockId} not found in current data — was it deleted?`
+				}]
+			};
+		}
+	}
+}
+function v(e, t, n) {
+	let r = !1, i = e.map((e) => {
+		if (e.props.id === t) return r = !0, {
+			type: e.type,
+			props: {
+				...n.props,
+				id: t
+			}
+		};
+		if (Array.isArray(e.props.children)) {
+			let i = v(e.props.children, t, n);
+			if (i.found) return r = !0, {
+				...e,
+				props: {
+					...e.props,
+					children: i.content
+				}
+			};
+		}
+		return e;
+	});
+	return {
+		found: r,
+		content: i
+	};
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/components/useAiGenerate.ts
+function ee() {
+	let [e, t] = (0, l.useState)({
+		status: "idle",
+		error: null,
+		warnings: [],
+		lastUsage: null
+	}), n = (0, l.useRef)(null), r = (0, l.useCallback)(() => {
+		n.current?.abort(), n.current = null, t((e) => e.status === "loading" ? {
+			...e,
+			status: "idle"
+		} : e);
+	}, []), i = (0, l.useCallback)(async (e) => {
+		r();
+		let i = new AbortController();
+		n.current = i, t({
+			status: "loading",
+			error: null,
+			warnings: [],
+			lastUsage: null
+		});
+		try {
+			let n = await m.generate(e.request, i.signal);
+			if (!n.ok) {
+				t({
+					status: "error",
+					error: n.error,
+					warnings: [],
+					lastUsage: null
+				});
+				return;
+			}
+			let r = e.request.mode, a = _({
+				mode: r,
+				prev: e.currentData,
+				ai: n.response.data,
+				...e.request.anchorBlockId ? { anchorBlockId: e.request.anchorBlockId } : {},
+				...e.request.blockId ? { blockId: e.request.blockId } : {}
+			}), o = n.response.usage.input_tokens + n.response.usage.output_tokens, s = n.response.usage.cost_micro_usd / 1e6;
+			e.onApply(a.data), t({
+				status: "success",
+				error: null,
+				warnings: [...n.response.warnings, ...a.warnings],
+				lastUsage: {
+					tokens: o,
+					cost_approx: s,
+					duration_ms: n.response.usage.duration_ms
+				}
+			});
+		} catch (e) {
+			if (i.signal.aborted) return;
+			t({
+				status: "error",
+				error: {
+					code: "client_error",
+					message: e instanceof Error ? e.message : "Generation failed",
+					httpStatus: 0
+				},
+				warnings: [],
+				lastUsage: null
+			});
+		}
+	}, [r]);
+	return {
+		...e,
+		generate: i,
+		abort: r
+	};
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/components/AiDocumentUploader.tsx
+var y = i();
+function b(e) {
+	let t = e.maxDocs ?? 5, [n, r] = (0, l.useState)("file"), [i, a] = (0, l.useState)(""), [o, s] = (0, l.useState)(!1), [c, u] = (0, l.useState)(null), d = e.attached.length >= t, f = (0, l.useCallback)(async (n) => {
+		if (d) {
+			u({
+				code: "too_many_docs",
+				message: `max ${t} documents per generation`,
+				httpStatus: 400
+			});
+			return;
+		}
+		s(!0), u(null);
+		try {
+			let t = await m.uploadDocument({
+				file: n,
+				host_kind: e.hostKind,
+				host_id: e.hostId,
+				target_id: e.targetId
+			});
+			if (!t.ok) {
+				u(t.error);
+				return;
+			}
+			e.onAttach({
+				doc_id: t.doc_id,
+				filename: t.filename,
+				source: "upload"
+			});
+		} finally {
+			s(!1);
+		}
+	}, [
+		d,
+		t,
+		e
+	]), p = (0, l.useCallback)(async () => {
+		if (i.trim()) {
+			if (d) {
+				u({
+					code: "too_many_docs",
+					message: `max ${t} documents per generation`,
+					httpStatus: 400
+				});
+				return;
+			}
+			s(!0), u(null);
+			try {
+				let t = await m.uploadDocumentFromUrl({
+					url: i.trim(),
+					host_kind: e.hostKind,
+					host_id: e.hostId,
+					target_id: e.targetId
+				});
+				if (!t.ok) {
+					u(t.error);
+					return;
+				}
+				e.onAttach({
+					doc_id: t.doc_id,
+					filename: t.filename,
+					source: "url"
+				}), a("");
+			} finally {
+				s(!1);
+			}
+		}
+	}, [
+		i,
+		d,
+		t,
+		e
+	]), h = (0, l.useCallback)((e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files?.[0];
+		t && f(t);
+	}, [f]);
+	return /* @__PURE__ */ (0, y.jsxs)("div", {
+		className: "ai-doc-uploader",
+		children: [
+			/* @__PURE__ */ (0, y.jsxs)("div", {
+				className: "ai-doc-uploader__tabs",
+				children: [/* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					onClick: () => r("file"),
+					disabled: n === "file",
+					children: "From file"
+				}), /* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					onClick: () => r("url"),
+					disabled: n === "url",
+					children: "From URL"
+				})]
+			}),
+			n === "file" && /* @__PURE__ */ (0, y.jsx)("div", {
+				className: "ai-doc-uploader__dropzone",
+				onDragOver: (e) => e.preventDefault(),
+				onDrop: h,
+				children: /* @__PURE__ */ (0, y.jsxs)("label", { children: [/* @__PURE__ */ (0, y.jsx)("input", {
+					type: "file",
+					accept: ".pdf,.docx,.md,.markdown,.txt,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",
+					disabled: o || d,
+					onChange: (e) => {
+						let t = e.target.files?.[0];
+						t && f(t);
+					}
+				}), /* @__PURE__ */ (0, y.jsx)("span", { children: "Drag a PDF, DOCX, Markdown, or text file — or click to pick." })] })
+			}),
+			n === "url" && /* @__PURE__ */ (0, y.jsxs)("div", {
+				className: "ai-doc-uploader__urlbox",
+				children: [
+					/* @__PURE__ */ (0, y.jsx)("input", {
+						type: "url",
+						placeholder: "https:// or a public Google Doc share URL",
+						value: i,
+						onChange: (e) => a(e.target.value),
+						disabled: o || d
+					}),
+					/* @__PURE__ */ (0, y.jsx)("button", {
+						type: "button",
+						onClick: () => void p(),
+						disabled: o || d || !i.trim(),
+						children: o ? "Fetching…" : "Attach"
+					}),
+					i.includes("docs.google.com") && /* @__PURE__ */ (0, y.jsx)("p", {
+						className: "ai-doc-uploader__hint",
+						children: "Looks like a Google Doc — make sure sharing is set to “Anyone with the link”."
+					})
+				]
+			}),
+			c && /* @__PURE__ */ (0, y.jsxs)("p", {
+				className: "ai-doc-uploader__error",
+				children: [
+					c.code,
+					": ",
+					c.message
+				]
+			}),
+			e.attached.length > 0 && /* @__PURE__ */ (0, y.jsx)("ul", {
+				className: "ai-doc-uploader__list",
+				children: e.attached.map((t) => /* @__PURE__ */ (0, y.jsxs)("li", { children: [/* @__PURE__ */ (0, y.jsx)("span", { children: t.filename }), /* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					onClick: () => e.onRemove(t.doc_id),
+					"aria-label": `Remove ${t.filename}`,
+					children: "×"
+				})] }, t.doc_id))
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/components/AiSidebarPane.tsx
+function x(e, t) {
+	let n = e.trim().toLowerCase();
+	if (!n) return t ? "edit-block" : "replace";
+	let r = /\b(this|that|it|the (selected|current|chosen)|this block|this section|this column|this row|this heading|this image|this card|this button|this text|the headline|the subhead|selected block)\b/.test(n);
+	if (t && /\b(insert (after|below|underneath)|after (this|that|it)|below (this|that|it)|underneath|right after|next to (this|that|it))\b/.test(n)) return "insert-after";
+	if (/\b(append|at the (end|bottom)|to the (end|bottom)|at end|add (a |an |another )?(?:.+? )?at the (end|bottom))\b/.test(n) || !t && /\b(add (a|an|another) (?!image|photo|attachment)\b)/.test(n)) return "append";
+	if (t && (r || n.length < 40 && /^(make (it|this) |punchier|shorter|longer|more |less |fix |polish |rewrite |tweak |refine |update )/.test(n))) return "edit-block";
+	let i = /\b(update|edit|change|fix|polish|improve|rewrite|tweak|refine|revise|adjust|reword) (the |this )?(page|edition|newsletter|copy|content|email)\b/.test(n), a = /\b(two |duplicate|extra |missing |broken|wrong|conflict|seem to have|appear to have|seems to have|there'?s (an?|two|some|a problem|an? issue|a bug|a duplicate))\b/.test(n), o = /\b(remove|delete|get rid of|take out|drop) (the|that|a|an|one of|both)\b/.test(n);
+	return !t && (i || a || o) ? "edit" : t ? "edit-block" : "replace";
+}
+var S = {
+	replace: "Drafting page",
+	append: "Appending content",
+	"insert-after": "Inserting after selection",
+	edit: "Editing page",
+	"edit-block": "Editing selected block"
+}, C = (0, u.createUsePuck)(), w = {
+	rootInitial: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "flex-end",
+		height: "100%",
+		minHeight: 0,
+		padding: 12,
+		gap: 12,
+		fontSize: 13,
+		lineHeight: 1.4,
+		color: "var(--puck-color-grey-02, #1f2937)",
+		boxSizing: "border-box"
+	},
+	rootChat: {
+		display: "flex",
+		flexDirection: "column",
+		height: "100%",
+		minHeight: 0,
+		padding: 0,
+		fontSize: 13,
+		lineHeight: 1.45,
+		color: "var(--puck-color-grey-02, #1f2937)",
+		boxSizing: "border-box"
+	},
+	headerBar: {
+		padding: "12px 14px 10px",
+		fontSize: 14,
+		fontWeight: 600,
+		color: "var(--puck-color-grey-01, #111827)",
+		borderBottom: "1px solid var(--puck-color-grey-09, #e5e7eb)"
+	},
+	messages: {
+		flex: 1,
+		overflowY: "auto",
+		padding: "14px 14px 8px",
+		display: "flex",
+		flexDirection: "column",
+		gap: 10,
+		minHeight: 0
+	},
+	userBubble: {
+		alignSelf: "flex-end",
+		maxWidth: "85%",
+		padding: "8px 12px",
+		fontSize: 13,
+		lineHeight: 1.45,
+		color: "var(--puck-color-grey-02, #1f2937)",
+		background: "var(--puck-color-azure-10, #e0e7ff)",
+		borderRadius: 14,
+		borderTopRightRadius: 4,
+		wordBreak: "break-word"
+	},
+	assistantLine: {
+		alignSelf: "flex-start",
+		maxWidth: "95%",
+		fontSize: 13,
+		lineHeight: 1.5,
+		color: "var(--puck-color-grey-03, #374151)",
+		whiteSpace: "pre-wrap",
+		wordBreak: "break-word"
+	},
+	statusChipBase: {
+		alignSelf: "flex-start",
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 6,
+		padding: "6px 10px 6px 8px",
+		fontSize: 12,
+		borderRadius: 999,
+		borderWidth: 1,
+		borderStyle: "solid"
+	},
+	statusChipPending: {
+		borderColor: "var(--puck-color-grey-09, #e5e7eb)",
+		background: "var(--puck-color-grey-12, #f9fafb)",
+		color: "var(--puck-color-grey-04, #4b5563)"
+	},
+	statusChipSuccess: {
+		borderColor: "var(--puck-color-grey-09, #d1fae5)",
+		background: "var(--puck-color-white, #fff)",
+		color: "var(--puck-color-grey-03, #065f46)"
+	},
+	statusChipError: {
+		borderColor: "#fecaca",
+		background: "#fef2f2",
+		color: "#991b1b"
+	},
+	metaLine: {
+		alignSelf: "flex-start",
+		fontSize: 11,
+		color: "var(--puck-color-grey-05, #9ca3af)",
+		fontVariantNumeric: "tabular-nums"
+	},
+	footer: {
+		padding: "8px 12px 12px",
+		borderTop: "1px solid var(--puck-color-grey-09, #e5e7eb)",
+		display: "flex",
+		flexDirection: "column",
+		gap: 8
+	},
+	footerInitial: {
+		padding: 0,
+		borderTop: "none",
+		display: "flex",
+		flexDirection: "column",
+		gap: 10
+	},
+	composer: {
+		display: "flex",
+		flexDirection: "column",
+		borderWidth: 1,
+		borderStyle: "solid",
+		borderColor: "var(--puck-color-grey-08, #d1d5db)",
+		borderRadius: 14,
+		background: "var(--puck-color-white, #fff)",
+		overflow: "hidden",
+		transition: "border-color 120ms ease, box-shadow 120ms ease"
+	},
+	composerFocused: {
+		borderColor: "var(--puck-color-azure-04, #1f3a93)",
+		boxShadow: "0 0 0 1px var(--puck-color-azure-04, #1f3a93)"
+	},
+	textarea: {
+		width: "100%",
+		minHeight: 56,
+		maxHeight: 260,
+		padding: "12px 14px",
+		fontFamily: "inherit",
+		fontSize: 13,
+		lineHeight: 1.45,
+		color: "inherit",
+		background: "transparent",
+		border: "none",
+		outline: "none",
+		resize: "none",
+		boxSizing: "border-box"
+	},
+	actionsRow: {
+		display: "flex",
+		alignItems: "center",
+		gap: 6,
+		padding: "6px 8px 8px 8px"
+	},
+	iconButton: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: 30,
+		height: 30,
+		padding: 0,
+		background: "transparent",
+		borderWidth: 1,
+		borderStyle: "solid",
+		borderColor: "transparent",
+		borderRadius: 8,
+		cursor: "pointer",
+		color: "var(--puck-color-grey-04, #4b5563)"
+	},
+	iconButtonActive: {
+		background: "var(--puck-color-azure-09, #eef2ff)",
+		color: "var(--puck-color-azure-04, #1f3a93)"
+	},
+	modeHint: {
+		fontSize: 11,
+		color: "var(--puck-color-grey-05, #6b7280)",
+		fontStyle: "italic",
+		marginLeft: 4,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap",
+		flex: "0 1 auto",
+		minWidth: 0
+	},
+	sendButton: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: 30,
+		height: 30,
+		marginLeft: "auto",
+		padding: 0,
+		fontSize: 13,
+		color: "var(--puck-color-white, #fff)",
+		background: "var(--puck-color-azure-04, #1f3a93)",
+		borderWidth: 1,
+		borderStyle: "solid",
+		borderColor: "transparent",
+		borderRadius: "50%",
+		cursor: "pointer"
+	},
+	sendButtonDisabled: {
+		opacity: .4,
+		cursor: "not-allowed"
+	},
+	attachPanel: {
+		marginTop: 8,
+		padding: 10,
+		borderWidth: 1,
+		borderStyle: "solid",
+		borderColor: "var(--puck-color-grey-09, #e5e7eb)",
+		borderRadius: 10,
+		background: "var(--puck-color-grey-12, #f9fafb)"
+	},
+	attachedRow: {
+		display: "flex",
+		flexWrap: "wrap",
+		gap: 6
+	},
+	chip: {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 6,
+		padding: "4px 8px 4px 10px",
+		fontSize: 11,
+		color: "var(--puck-color-grey-03, #374151)",
+		background: "var(--puck-color-grey-11, #f3f4f6)",
+		borderWidth: 1,
+		borderStyle: "solid",
+		borderColor: "var(--puck-color-grey-09, #e5e7eb)",
+		borderRadius: 999,
+		maxWidth: "100%"
+	},
+	chipRemove: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: 14,
+		height: 14,
+		padding: 0,
+		color: "var(--puck-color-grey-05, #6b7280)",
+		background: "transparent",
+		border: "none",
+		borderRadius: "50%",
+		cursor: "pointer",
+		fontSize: 14,
+		lineHeight: 1
+	},
+	chipName: {
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap",
+		maxWidth: 160
+	}
+};
+function T() {
+	return /* @__PURE__ */ (0, y.jsxs)("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ (0, y.jsx)("path", { d: "M5 12h14" }), /* @__PURE__ */ (0, y.jsx)("path", { d: "M12 5v14" })]
+	});
+}
+function E() {
+	return /* @__PURE__ */ (0, y.jsxs)("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ (0, y.jsx)("path", { d: "M12 19V5" }), /* @__PURE__ */ (0, y.jsx)("path", { d: "m5 12 7-7 7 7" })]
+	});
+}
+function D() {
+	return /* @__PURE__ */ (0, y.jsx)("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ (0, y.jsx)("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+function O() {
+	return /* @__PURE__ */ (0, y.jsx)("span", {
+		"aria-hidden": "true",
+		style: {
+			display: "inline-flex",
+			gap: 3
+		},
+		children: [
+			0,
+			1,
+			2
+		].map((e) => /* @__PURE__ */ (0, y.jsx)("span", { style: {
+			width: 4,
+			height: 4,
+			borderRadius: "50%",
+			background: "currentColor",
+			animation: `ai-dot-blink 900ms ${e * 150}ms infinite ease-in-out`,
+			opacity: .6
+		} }, e))
+	});
+}
+function k(e) {
+	return `${e}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function A(e) {
+	switch (e) {
+		case "replace": return "Replaced page";
+		case "append": return "Appended blocks";
+		case "insert-after": return "Inserted blocks";
+		case "edit": return "Edited page";
+		case "edit-block": return "Updated block";
+	}
+}
+async function j(e) {
+	let { mode: t, prev: n, next: r, anchorBlockId: i, dispatch: a, signal: o, perBlockMs: s = 110 } = e, c, l;
+	if (t === "replace") c = 0, l = r.content.length;
+	else if (t === "append") c = n.content.length, l = r.content.length;
+	else if (t === "insert-after") c = (i ? n.content.findIndex((e) => e.props.id === i) : n.content.length - 1) + 1, l = c + (r.content.length - n.content.length);
+	else {
+		a({
+			type: "setData",
+			data: r
+		});
+		return;
+	}
+	if (l <= c) {
+		a({
+			type: "setData",
+			data: r
+		});
+		return;
+	}
+	for (let e = c; e < l; e++) {
+		if (o.aborted) return;
+		a({
+			type: "setData",
+			data: {
+				content: [...r.content.slice(0, e + 1), ...t === "insert-after" ? r.content.slice(l) : []],
+				root: r.root
+			}
+		}), e < l - 1 && await new Promise((e) => setTimeout(e, s));
+	}
+	o.aborted || a({
+		type: "setData",
+		data: r
+	});
+}
+function M(e) {
+	let t = C((e) => e.appState.ui.itemSelector ?? null), n = C((e) => e.appState.data), r = C((e) => e.dispatch), [i, o] = (0, l.useState)([]), [s, c] = (0, l.useState)([]), u = (0, l.useRef)(!1), [d, f] = (0, l.useState)(""), [p, h] = (0, l.useState)([]), [g, _] = (0, l.useState)(!1), [v, D] = (0, l.useState)(!1), O = (0, l.useRef)(null), M = (0, l.useRef)(null), I = (0, l.useRef)(null), L = (0, l.useMemo)(() => !t || !n ? null : n.content[t.index]?.props.id ?? null, [t, n]), R = (0, l.useMemo)(() => x(d, !!L), [d, L]);
+	(0, l.useEffect)(() => {
+		let e = O.current;
+		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 260)}px`);
+	}, [d]), (0, l.useEffect)(() => {
+		M.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "end"
+		});
+	}, [i.length, s.length]), (0, l.useEffect)(() => {
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await m.loadThread({
+					host_kind: e.hostKind,
+					host_id: e.hostId,
+					target_id: e.targetId
+				});
+				!t && n.length > 0 && o((e) => e.length === 0 ? n : e);
+			} catch {}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		e.hostKind,
+		e.hostId,
+		e.targetId
+	]);
+	let { status: z, error: B, warnings: V, lastUsage: H, generate: U, abort: W } = ee();
+	(0, l.useEffect)(() => {
+		z === "error" && B && o((e) => P(e, {
+			state: "error",
+			label: `Error: ${B.code}`
+		}).concat({
+			id: k("asst"),
+			kind: "assistant",
+			text: B.message
+		}));
+	}, [z, B]), (0, l.useEffect)(() => {
+		if (z === "success" && V.length > 0) for (let e of V) {
+			let t = typeof e == "string" ? e : `${e.code}: ${e.message}`;
+			a.warning(t);
+		}
+	}, [z, V]);
+	let G = (0, l.useCallback)(async (t) => {
+		let i = t.trim();
+		if (!i || z === "loading") return;
+		if (!n) {
+			a.error("AI: no canvas data");
+			return;
+		}
+		let s = x(i, !!L);
+		s === "insert-after" && !L && (s = "append"), s === "edit-block" && !L && (s = "edit");
+		let c = {
+			id: k("user"),
+			kind: "user",
+			text: i
+		}, l = {
+			id: k("asst"),
+			kind: "assistant",
+			text: `${S[s]}…`
+		}, u = {
+			id: k("stat"),
+			kind: "status",
+			label: A(s),
+			state: "pending"
+		};
+		o((e) => [
+			...e,
+			c,
+			l,
+			u
+		]), f("");
+		let d = {
+			host_kind: e.hostKind,
+			host_id: e.hostId,
+			target_id: e.targetId,
+			prompt: i,
+			mode: s,
+			...s === "insert-after" && L ? { anchorBlockId: L } : {},
+			...s === "edit-block" && L ? { blockId: L } : {},
+			...p.length > 0 ? { doc_ids: p.map((e) => e.doc_id) } : {},
+			...e.blockDefs && e.blockDefs.length > 0 ? { block_defs: e.blockDefs } : {}
+		};
+		I.current?.abort();
+		let m = new AbortController();
+		I.current = m;
+		let h = n;
+		await U({
+			currentData: n,
+			request: d,
+			onApply: (e) => {
+				j({
+					mode: s,
+					prev: h,
+					next: e,
+					...s === "insert-after" && L ? { anchorBlockId: L } : {},
+					dispatch: r,
+					signal: m.signal
+				});
+				let t = s === "replace" ? e.content.length : e.content.length - h.content.length;
+				o((e) => P(e, {
+					state: "success",
+					label: s === "edit-block" ? "Updated block" : s === "edit" ? "Edited page" : `${A(s)} (${t} block${t === 1 ? "" : "s"})`
+				}).concat({
+					id: k("asst"),
+					kind: "assistant",
+					text: "Done. What would you like next?"
+				}));
+			}
+		});
+	}, [
+		z,
+		n,
+		L,
+		p,
+		e.hostKind,
+		e.hostId,
+		e.targetId,
+		e.blockDefs,
+		U,
+		r
+	]), K = (0, l.useRef)(null);
+	(0, l.useEffect)(() => {
+		if (z !== "success" || !H) return;
+		let e = `${H.tokens}:${H.duration_ms}`;
+		K.current !== e && (K.current = e, o((e) => [...e, {
+			id: k("meta"),
+			kind: "meta",
+			tokens: H.tokens,
+			cost_approx: H.cost_approx,
+			duration_ms: H.duration_ms
+		}]));
+	}, [z, H]), (0, l.useEffect)(() => {
+		if (u.current || z === "loading" || s.length === 0) return;
+		u.current = !0;
+		let [e, ...t] = s;
+		c(t), G(e).finally(() => {
+			u.current = !1;
+		});
+	}, [
+		z,
+		s,
+		G
+	]);
+	let q = (0, l.useCallback)(() => {
+		let e = d.trim();
+		if (e) {
+			if (z === "loading" || s.length > 0) {
+				c((t) => [...t, e]), f("");
+				return;
+			}
+			G(d);
+		}
+	}, [
+		d,
+		z,
+		s.length,
+		G
+	]), J = (0, l.useCallback)((e) => {
+		e.key === "Enter" && !e.shiftKey && !e.metaKey && !e.ctrlKey ? (e.preventDefault(), q()) : e.key === "Escape" && z === "loading" && (W(), I.current?.abort());
+	}, [
+		q,
+		z,
+		W
+	]), te = L ? "Make this block punchier, more concise, friendlier…" : "What do you want to build?", Y = i.length === 0 && z === "idle", X = z === "loading", Z = !!d.trim(), Q = X && !d.trim(), $ = /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
+		/* @__PURE__ */ (0, y.jsxs)("div", {
+			style: {
+				...w.composer,
+				...v ? w.composerFocused : {}
+			},
+			children: [/* @__PURE__ */ (0, y.jsx)("textarea", {
+				ref: O,
+				rows: 2,
+				value: d,
+				onChange: (e) => f(e.target.value),
+				onKeyDown: J,
+				onFocus: () => D(!0),
+				onBlur: () => D(!1),
+				placeholder: te,
+				maxLength: 2e3,
+				style: w.textarea,
+				autoFocus: Y
+			}), /* @__PURE__ */ (0, y.jsxs)("div", {
+				style: w.actionsRow,
+				children: [
+					/* @__PURE__ */ (0, y.jsx)("button", {
+						type: "button",
+						"aria-label": g ? "Hide source attachments" : "Attach a source document or URL",
+						title: "Attach source",
+						onClick: () => _((e) => !e),
+						style: {
+							...w.iconButton,
+							...g ? w.iconButtonActive : {}
+						},
+						children: /* @__PURE__ */ (0, y.jsx)(T, {})
+					}),
+					d.trim().length > 0 && /* @__PURE__ */ (0, y.jsx)("span", {
+						"aria-label": `Detected mode: ${S[R]}`,
+						title: "The AI inferred what you want to do from your prompt.",
+						style: w.modeHint,
+						children: S[R]
+					}),
+					/* @__PURE__ */ (0, y.jsx)("button", {
+						type: "button",
+						"aria-label": Q ? "Cancel generation" : X ? "Queue prompt" : "Send prompt",
+						title: X && d.trim() ? "Will send when the current turn finishes" : void 0,
+						onClick: Q ? () => {
+							W(), I.current?.abort();
+						} : q,
+						disabled: !Q && !Z,
+						style: {
+							...w.sendButton,
+							...!Q && !Z ? w.sendButtonDisabled : {}
+						},
+						children: Q ? "×" : /* @__PURE__ */ (0, y.jsx)(E, {})
+					})
+				]
+			})]
+		}),
+		g && /* @__PURE__ */ (0, y.jsx)("div", {
+			style: w.attachPanel,
+			children: /* @__PURE__ */ (0, y.jsx)(b, {
+				hostKind: e.hostKind,
+				hostId: e.hostId,
+				targetId: e.targetId,
+				attached: p,
+				onAttach: (e) => h((t) => [...t, e]),
+				onRemove: (e) => h((t) => t.filter((t) => t.doc_id !== e))
+			})
+		}),
+		p.length > 0 && /* @__PURE__ */ (0, y.jsx)("div", {
+			style: w.attachedRow,
+			children: p.map((e) => /* @__PURE__ */ (0, y.jsxs)("span", {
+				style: w.chip,
+				children: [/* @__PURE__ */ (0, y.jsx)("span", {
+					style: w.chipName,
+					title: e.filename,
+					children: e.filename
+				}), /* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					"aria-label": `Remove ${e.filename}`,
+					onClick: () => h((t) => t.filter((t) => t.doc_id !== e.doc_id)),
+					style: w.chipRemove,
+					children: "×"
+				})]
+			}, e.doc_id))
+		})
+	] });
+	return Y ? /* @__PURE__ */ (0, y.jsxs)("div", {
+		style: w.rootInitial,
+		role: "region",
+		"aria-label": "AI copilot",
+		children: [/* @__PURE__ */ (0, y.jsx)("style", { children: F }), /* @__PURE__ */ (0, y.jsx)("div", {
+			style: w.footerInitial,
+			children: $
+		})]
+	}) : /* @__PURE__ */ (0, y.jsxs)("div", {
+		style: w.rootChat,
+		role: "region",
+		"aria-label": "AI copilot",
+		children: [
+			/* @__PURE__ */ (0, y.jsx)("style", { children: F }),
+			/* @__PURE__ */ (0, y.jsxs)("div", {
+				style: w.headerBar,
+				children: [
+					"AI ",
+					e.hostKind === "newsletter" ? "newsletter" : "page",
+					" builder"
+				]
+			}),
+			/* @__PURE__ */ (0, y.jsxs)("div", {
+				style: w.messages,
+				"aria-live": "polite",
+				children: [
+					i.map((e) => N(e)),
+					s.map((e, t) => /* @__PURE__ */ (0, y.jsxs)("div", {
+						style: {
+							...w.userBubble,
+							opacity: .5
+						},
+						children: [e, /* @__PURE__ */ (0, y.jsx)("span", {
+							style: {
+								display: "block",
+								fontSize: 11,
+								opacity: .85,
+								marginTop: 2
+							},
+							children: "queued"
+						})]
+					}, `queued-${t}`)),
+					/* @__PURE__ */ (0, y.jsx)("div", { ref: M })
+				]
+			}),
+			/* @__PURE__ */ (0, y.jsx)("div", {
+				style: w.footer,
+				children: $
+			})
+		]
+	});
+}
+function N(e) {
+	switch (e.kind) {
+		case "user": return /* @__PURE__ */ (0, y.jsx)("div", {
+			style: w.userBubble,
+			children: e.text
+		}, e.id);
+		case "assistant": return /* @__PURE__ */ (0, y.jsx)("div", {
+			style: w.assistantLine,
+			children: e.text
+		}, e.id);
+		case "status": {
+			let t = e.state === "pending" ? w.statusChipPending : e.state === "error" ? w.statusChipError : w.statusChipSuccess;
+			return /* @__PURE__ */ (0, y.jsxs)("div", {
+				style: {
+					...w.statusChipBase,
+					...t
+				},
+				children: [e.state === "pending" ? /* @__PURE__ */ (0, y.jsx)(O, {}) : e.state === "success" ? /* @__PURE__ */ (0, y.jsx)(D, {}) : null, /* @__PURE__ */ (0, y.jsx)("span", { children: e.label })]
+			}, e.id);
+		}
+		case "meta": return /* @__PURE__ */ (0, y.jsxs)("div", {
+			style: w.metaLine,
+			children: [
+				e.tokens.toLocaleString(),
+				" tokens · $",
+				e.cost_approx.toFixed(3),
+				" ·",
+				" ",
+				(e.duration_ms / 1e3).toFixed(1),
+				"s"
+			]
+		}, e.id);
+	}
+}
+function P(e, t) {
+	let n = -1;
+	for (let t = e.length - 1; t >= 0; t--) {
+		let r = e[t];
+		if (r && r.kind === "status" && r.state === "pending") {
+			n = t;
+			break;
+		}
+	}
+	if (n === -1) return e;
+	let r = e[n], i = {
+		...r,
+		state: t.state,
+		label: t.label ?? r.label
+	};
+	return [
+		...e.slice(0, n),
+		i,
+		...e.slice(n + 1)
+	];
+}
+var F = "\n  @keyframes ai-dot-blink {\n    0%, 80%, 100% { opacity: 0.25; transform: scale(0.85); }\n    40% { opacity: 1; transform: scale(1); }\n  }\n";
+//#endregion
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/components/aiPlugin.tsx
+function I() {
+	let e = (0, l.useContext)(o);
+	if (!e || !e.enabled) {
+		let t = e?.disabledReason ?? "AI copilot is not enabled for this editor.";
+		return /* @__PURE__ */ (0, y.jsx)("div", {
+			style: {
+				padding: 16,
+				fontSize: 13,
+				color: "var(--puck-color-grey-05)"
+			},
+			children: t
+		});
+	}
+	return /* @__PURE__ */ (0, y.jsx)(M, {
+		hostKind: e.hostKind,
+		hostId: e.hostId,
+		targetId: e.targetId,
+		blockDefs: e.blockDefs
+	});
+}
+function L() {
+	return /* @__PURE__ */ (0, y.jsxs)("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ (0, y.jsx)("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }),
+			/* @__PURE__ */ (0, y.jsx)("path", { d: "M20 3v4" }),
+			/* @__PURE__ */ (0, y.jsx)("path", { d: "M22 5h-4" }),
+			/* @__PURE__ */ (0, y.jsx)("path", { d: "M4 17v2" }),
+			/* @__PURE__ */ (0, y.jsx)("path", { d: "M5 18H3" })
+		]
+	});
+}
+var R = {
+	name: "editor-ai-copilot",
+	label: "AI",
+	icon: /* @__PURE__ */ (0, y.jsx)(L, {}),
+	render: () => /* @__PURE__ */ (0, y.jsx)(I, {})
+}, z = /* @__PURE__ */ t({ aiPlugin: () => R });
+s(R);
+//#endregion
+export { z as t };