@levo-so/site-runtime 0.3.10 → 0.3.12

package/kbChat-jqrzqmaT.js

@@ -0,0 +1,173 @@
+"use client";
+import { C as e, a as t, c as n, f as r, g as i, h as a, l as o, m as s, n as c, o as l, p as u, r as d, t as f, u as p } from "./pillChrome-CEpWGNZB.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useEffect as g, useRef as _, useState as v } from "react";
+import { ArrowUp as y, Sparkles as b } from "lucide-react";
+//#region ../../libraries/ai-chat/src/useActiveAgent.ts
+var x = (t) => e("active_agent", t), S = (e) => {
+	let t = x(e);
+	if (!t || typeof window > "u") return null;
+	try {
+		let e = window.sessionStorage.getItem(t);
+		if (!e) return null;
+		let n = JSON.parse(e);
+		return typeof n?.id != "string" || n.id.length === 0 ? null : n;
+	} catch {
+		return null;
+	}
+}, C = (e, t) => {
+	let n = x(e);
+	if (!(!n || typeof window > "u")) try {
+		t === null ? window.sessionStorage.removeItem(n) : window.sessionStorage.setItem(n, JSON.stringify(t));
+	} catch {}
+}, w = ({ url: e, workspaceId: t, headers: n, path: r }) => {
+	let [i, a] = v({ status: "loading" });
+	g(() => {
+		let e = S(t);
+		a(e ? {
+			status: "ready",
+			agent: e
+		} : (e) => e.status === "ready" ? { status: "loading" } : e);
+	}, [t]);
+	let o = _(n);
+	return o.current = n, g(() => {
+		if (!t || !e) return;
+		let n = r ? `${e}${e.includes("?") ? "&" : "?"}path=${encodeURIComponent(r)}` : e, i = new AbortController();
+		return (async () => {
+			try {
+				let e = await fetch(n, {
+					method: "GET",
+					credentials: "include",
+					headers: o.current,
+					signal: i.signal
+				});
+				if (!e.ok) {
+					C(t, null), a({ status: "missing" });
+					return;
+				}
+				let r = (await e.json())?.content?.data;
+				if (!r || typeof r.id != "string" || r.id.length === 0) {
+					C(t, null), a({ status: "missing" });
+					return;
+				}
+				C(t, r), a({
+					status: "ready",
+					agent: r
+				});
+			} catch (e) {
+				if (e?.name === "AbortError") return;
+				console.warn("[levo-kb-chat] active-agent boot failed:", e), a({ status: "error" });
+			}
+		})(), () => i.abort();
+	}, [
+		t,
+		e,
+		r
+	]), i;
+}, T = (...e) => e.filter(Boolean).join(" "), E = () => import("./KBChatWidget-CXIsQEgj.js"), D = (e) => {
+	let [t, n] = v(null), [r, i] = v(!1), [a, o] = v("");
+	return t ? /* @__PURE__ */ m(t, {
+		initialOpen: !0,
+		initialDraft: a,
+		...e
+	}) : /* @__PURE__ */ m(k, {
+		siteName: e.siteName,
+		draft: a,
+		loading: r,
+		onDraftChange: o,
+		onActivate: () => {
+			r || t || (i(!0), E().then((e) => n(() => e.KBChatWidget)).catch((e) => {
+				i(!1), console.warn("[levo-kb-chat] widget load failed:", e);
+			}));
+		},
+		onPrefetch: () => {
+			E().catch(() => {});
+		}
+	});
+}, O = () => /* @__PURE__ */ m("span", {
+	"aria-hidden": !0,
+	className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent"
+}), k = ({ siteName: e, draft: i, loading: g, onDraftChange: x, onActivate: S, onPrefetch: C }) => {
+	let w = _(null), E = _(null), D = a(e), [k, A] = v(!1);
+	return /* @__PURE__ */ m("div", {
+		onPointerEnter: C,
+		className: T("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2", u),
+		children: /* @__PURE__ */ m("div", {
+			className: T(c, n, "ai-chat-intro-morph"),
+			children: /* @__PURE__ */ h("div", {
+				ref: E,
+				className: T(p, k && "ai-chat-pill-surface--stacked"),
+				children: [
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: S,
+						onFocus: C,
+						"aria-label": "Open AI chat",
+						className: o,
+						children: g ? /* @__PURE__ */ m(O, {}) : /* @__PURE__ */ m(b, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ h("div", {
+						className: d,
+						children: [/* @__PURE__ */ m("textarea", {
+							ref: w,
+							rows: 1,
+							autoComplete: "off",
+							autoCorrect: "off",
+							autoCapitalize: "none",
+							inputMode: "text",
+							value: i,
+							"aria-label": D,
+							onFocus: S,
+							onChange: (e) => {
+								let t = e.currentTarget;
+								x(t.value), E.current && A(s(E.current, t));
+							},
+							className: r
+						}), !i && /* @__PURE__ */ m("span", {
+							className: T("ai-chat-pill-label pointer-events-none absolute inset-y-0 left-0 flex max-w-full items-center truncate bg-clip-text font-semibold text-[15px] text-transparent", "ai-chat-intro-label"),
+							"aria-hidden": !0,
+							children: D
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: f,
+						children: /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: S,
+							"aria-label": "Open AI chat",
+							className: t,
+							style: l,
+							children: g ? /* @__PURE__ */ m(O, {}) : /* @__PURE__ */ m(y, { className: "h-5 w-5 stroke-[2.5px]" })
+						})
+					})
+				]
+			})
+		})
+	});
+}, A = "/.levo/public/api/v1/agents/kb-chat/public", j = (e) => e.replace(/\/v1\/agents\/kb-chat\/public\/?$/, ""), M = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: r, apiBaseUrl: a = A, authHeaders: o, showBranding: s, siteSlug: c, path: l }) => {
+	let u = w({
+		url: `${j(a)}/v1/intelligence/site-agent/get-active`,
+		workspaceId: e,
+		headers: e ? {
+			...i(o),
+			"Levo-Workspace": e
+		} : i(o),
+		path: l
+	});
+	return u.status === "ready" ? /* @__PURE__ */ m("div", {
+		"data-ai-chat-root": !0,
+		children: /* @__PURE__ */ m(D, {
+			workspaceId: e,
+			siteName: t,
+			siteLogo: n,
+			siteIcon: r,
+			agentId: u.agent.id,
+			apiBaseUrl: a,
+			authHeaders: o,
+			showBranding: s,
+			siteSlug: c
+		})
+	}) : null;
+};
+//#endregion
+export { M as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/site-runtime",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "Runtime for Levo Studio v3 sites — the editor preview inspector, page head metadata, and the Levo data client.",
   "type": "module",
   "sideEffects": [
@@ -21,9 +21,9 @@
       "types": "./popups.d.ts",
       "default": "./popups.js"
     },
-    "./rich-text": {
-      "types": "./rich-text.d.ts",
-      "default": "./rich-text.js"
+    "./blog-content": {
+      "types": "./blog-content.d.ts",
+      "default": "./blog-content.js"
     },
     "./start": {
       "types": "./start.d.ts",
@@ -85,8 +85,8 @@
     "@stripe/react-stripe-js": "3.1.1",
     "@stripe/stripe-js": "5.5.0",
     "react-razorpay": "3.0.1",
-    "@levo-so/core": "0.3.10",
-    "@levo-so/insights": "0.3.10"
+    "@levo-so/core": "0.3.12",
+    "@levo-so/insights": "0.3.12"
   },
   "peerDependencies": {
     "@base-ui/react": "^1.5.0",

package/{pillChrome-_hpGdrBS.js → pillChrome-CEpWGNZB.js}

@@ -38,13 +38,13 @@ var e = "disabled:cursor-not-allowed disabled:opacity-40", t = (e) => {
 		let t = e.value.length;
 		e.setSelectionRange(t, t);
 	});
-}, l = "w-72", u = "ai-chat-pill-gradient relative rounded-[30px] p-[2px] transition-shadow duration-300", d = "shadow-lg shadow-zinc-950/10", f = "shadow-md", p = "ai-chat-pill-surface min-h-14 w-full rounded-[28px] bg-white p-1.5", m = "ai-chat-pill-surface--stacked", h = "ai-chat-pill-input relative min-w-0", g = "ai-chat-pill-actions flex items-center gap-1.5", _ = "ai-chat-pill-spark flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full text-blue-500 transition-[background-color,transform] duration-150 hover:bg-zinc-50 active:scale-95", v = "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full shadow-sm transition-[transform,box-shadow] duration-150 hover:scale-105 hover:shadow-md active:scale-95", y = "block h-6 max-h-[120px] w-full resize-none overflow-y-auto bg-transparent text-base text-zinc-900 leading-6 placeholder:text-zinc-400 focus:outline-none", b = 24, x = (e, t) => {
-	e.classList.remove(m), t.style.height = "auto";
-	let n = t.scrollHeight > b + 4;
-	return e.classList.toggle(m, n), s(t, 120), n;
-}, S = "ai-chat-pill-label pointer-events-none absolute inset-y-0 left-0 flex max-w-full items-center truncate bg-clip-text font-semibold text-[15px] text-transparent", C = {
+}, l = (e) => typeof e == "function" ? e() : e ?? {}, u = "w-72", d = "ai-chat-pill-gradient relative rounded-[30px] p-[2px] transition-shadow duration-300", f = "shadow-lg shadow-zinc-950/10", p = "shadow-md", m = "ai-chat-pill-surface min-h-14 w-full rounded-[28px] bg-white p-1.5", h = "ai-chat-pill-surface--stacked", g = "ai-chat-pill-input relative min-w-0", _ = "ai-chat-pill-actions flex items-center gap-1.5", v = "ai-chat-pill-spark flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full text-blue-500 transition-[background-color,transform] duration-150 hover:bg-zinc-50 active:scale-95", y = "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full shadow-sm transition-[transform,box-shadow] duration-150 hover:scale-105 hover:shadow-md active:scale-95", b = "block h-6 max-h-[120px] w-full resize-none overflow-y-auto bg-transparent text-base text-zinc-900 leading-6 placeholder:text-zinc-400 focus:outline-none", x = 24, S = (e, t) => {
+	e.classList.remove(h), t.style.height = "auto";
+	let n = t.scrollHeight > x + 4;
+	return e.classList.toggle(h, n), s(t, 120), n;
+}, C = "ai-chat-pill-label pointer-events-none absolute inset-y-0 left-0 flex max-w-full items-center truncate bg-clip-text font-semibold text-[15px] text-transparent", w = {
 	backgroundColor: "var(--color-brand, #0a0a0a)",
 	color: "var(--color-brand-foreground, #fff)"
-}, w = (e) => e ? `Ask ${e}` : "Ask AI";
+}, T = (e) => e ? `Ask ${e}` : "Ask AI";
 //#endregion
-export { o as S, s as _, v as a, r as b, d as c, m as d, y as f, e as g, w as h, S as i, _ as l, x as m, u as n, C as o, l as p, h as r, f as s, g as t, p as u, c as v, a as x, i as y };
+export { o as C, a as S, e as _, y as a, i as b, f as c, h as d, b as f, l as g, T as h, C as i, v as l, S as m, d as n, w as o, u as p, g as r, p as s, _ as t, m as u, s as v, r as x, c as y };

package/popups.js

@@ -1,4 +1,4 @@
-import { t as e } from "./dist-Cl_sKk9y.js";
+import { t as e } from "./dist-B7c9xjWu.js";
 //#region src/popups/usePopup.ts
 var t = () => e();
 //#endregion

package/kbChat-GBcfFoss.js

@@ -1,173 +0,0 @@
-"use client";
-import { S as e, a as t, c as n, f as r, h as i, l as a, m as o, n as s, o as c, p as l, r as u, t as d, u as f } from "./pillChrome-_hpGdrBS.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useEffect as h, useRef as g, useState as _ } from "react";
-import { ArrowUp as v, Sparkles as y } from "lucide-react";
-//#region ../../libraries/ai-chat/src/useActiveAgent.ts
-var b = (t) => e("active_agent", t), x = (e) => {
-	let t = b(e);
-	if (!t || typeof window > "u") return null;
-	try {
-		let e = window.sessionStorage.getItem(t);
-		if (!e) return null;
-		let n = JSON.parse(e);
-		return typeof n?.id != "string" || n.id.length === 0 ? null : n;
-	} catch {
-		return null;
-	}
-}, S = (e, t) => {
-	let n = b(e);
-	if (!(!n || typeof window > "u")) try {
-		t === null ? window.sessionStorage.removeItem(n) : window.sessionStorage.setItem(n, JSON.stringify(t));
-	} catch {}
-}, C = ({ url: e, workspaceId: t, headers: n, path: r }) => {
-	let [i, a] = _({ status: "loading" });
-	h(() => {
-		let e = x(t);
-		a(e ? {
-			status: "ready",
-			agent: e
-		} : (e) => e.status === "ready" ? { status: "loading" } : e);
-	}, [t]);
-	let o = g(n);
-	return o.current = n, h(() => {
-		if (!t || !e) return;
-		let n = r ? `${e}${e.includes("?") ? "&" : "?"}path=${encodeURIComponent(r)}` : e, i = new AbortController();
-		return (async () => {
-			try {
-				let e = await fetch(n, {
-					method: "GET",
-					credentials: "include",
-					headers: o.current,
-					signal: i.signal
-				});
-				if (!e.ok) {
-					S(t, null), a({ status: "missing" });
-					return;
-				}
-				let r = (await e.json())?.content?.data;
-				if (!r || typeof r.id != "string" || r.id.length === 0) {
-					S(t, null), a({ status: "missing" });
-					return;
-				}
-				S(t, r), a({
-					status: "ready",
-					agent: r
-				});
-			} catch (e) {
-				if (e?.name === "AbortError") return;
-				console.warn("[levo-kb-chat] active-agent boot failed:", e), a({ status: "error" });
-			}
-		})(), () => i.abort();
-	}, [
-		t,
-		e,
-		r
-	]), i;
-}, w = (...e) => e.filter(Boolean).join(" "), T = () => import("./KBChatWidget-ByOwQQNg.js"), E = (e) => {
-	let [t, n] = _(null), [r, i] = _(!1), [a, o] = _("");
-	return t ? /* @__PURE__ */ p(t, {
-		initialOpen: !0,
-		initialDraft: a,
-		...e
-	}) : /* @__PURE__ */ p(O, {
-		siteName: e.siteName,
-		draft: a,
-		loading: r,
-		onDraftChange: o,
-		onActivate: () => {
-			r || t || (i(!0), T().then((e) => n(() => e.KBChatWidget)).catch((e) => {
-				i(!1), console.warn("[levo-kb-chat] widget load failed:", e);
-			}));
-		},
-		onPrefetch: () => {
-			T().catch(() => {});
-		}
-	});
-}, D = () => /* @__PURE__ */ p("span", {
-	"aria-hidden": !0,
-	className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent"
-}), O = ({ siteName: e, draft: h, loading: b, onDraftChange: x, onActivate: S, onPrefetch: C }) => {
-	let T = g(null), E = g(null), O = i(e), [k, A] = _(!1);
-	return /* @__PURE__ */ p("div", {
-		onPointerEnter: C,
-		className: w("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2", l),
-		children: /* @__PURE__ */ p("div", {
-			className: w(s, n, "ai-chat-intro-morph"),
-			children: /* @__PURE__ */ m("div", {
-				ref: E,
-				className: w(f, k && "ai-chat-pill-surface--stacked"),
-				children: [
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: S,
-						onFocus: C,
-						"aria-label": "Open AI chat",
-						className: a,
-						children: b ? /* @__PURE__ */ p(D, {}) : /* @__PURE__ */ p(y, { className: "h-5 w-5" })
-					}),
-					/* @__PURE__ */ m("div", {
-						className: u,
-						children: [/* @__PURE__ */ p("textarea", {
-							ref: T,
-							rows: 1,
-							autoComplete: "off",
-							autoCorrect: "off",
-							autoCapitalize: "none",
-							inputMode: "text",
-							value: h,
-							"aria-label": O,
-							onFocus: S,
-							onChange: (e) => {
-								let t = e.currentTarget;
-								x(t.value), E.current && A(o(E.current, t));
-							},
-							className: r
-						}), !h && /* @__PURE__ */ p("span", {
-							className: w("ai-chat-pill-label pointer-events-none absolute inset-y-0 left-0 flex max-w-full items-center truncate bg-clip-text font-semibold text-[15px] text-transparent", "ai-chat-intro-label"),
-							"aria-hidden": !0,
-							children: O
-						})]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: d,
-						children: /* @__PURE__ */ p("button", {
-							type: "button",
-							onClick: S,
-							"aria-label": "Open AI chat",
-							className: t,
-							style: c,
-							children: b ? /* @__PURE__ */ p(D, {}) : /* @__PURE__ */ p(v, { className: "h-5 w-5 stroke-[2.5px]" })
-						})
-					})
-				]
-			})
-		})
-	});
-}, k = "/.levo/public/api/v1/agents/kb-chat/public", A = (e) => e.replace(/\/v1\/agents\/kb-chat\/public\/?$/, ""), j = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: r, apiBaseUrl: i = k, authHeaders: a, showBranding: o, siteSlug: s, path: c }) => {
-	let l = C({
-		url: `${A(i)}/v1/intelligence/site-agent/get-active`,
-		workspaceId: e,
-		headers: e ? {
-			...a,
-			"Levo-Workspace": e
-		} : a,
-		path: c
-	});
-	return l.status === "ready" ? /* @__PURE__ */ p("div", {
-		"data-ai-chat-root": !0,
-		children: /* @__PURE__ */ p(E, {
-			workspaceId: e,
-			siteName: t,
-			siteLogo: n,
-			siteIcon: r,
-			agentId: l.agent.id,
-			apiBaseUrl: i,
-			authHeaders: a,
-			showBranding: o,
-			siteSlug: s
-		})
-	}) : null;
-};
-//#endregion
-export { j as default };

package/rich-text.d.ts

@@ -1,25 +0,0 @@
-export declare interface ILevoRichTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
-    /**
-     * A record's rich-text field, exactly as the API returns it — `post.content`, or any
-     * collection field of kind `richtext`. Every shape the platform has ever stored is
-     * accepted; see {@link LevoRichText}.
-     */
-    content: unknown;
-}
-
-/**
- * Render a rich-text field — a blog post's body, a collection record's long-form field.
- *
- * THE way to put rich text on the page: the value is a ProseMirror document, not a string, so
- * `String(post.content)` prints `[object Object]` and `dangerouslySetInnerHTML` has nothing to
- * insert. This renders the same node set the Levo editor writes and Levo-hosted pages show —
- * headings, lists, code blocks, images, bookmarks, buttons, embedded collections — server-side,
- * so the article is in the SSR HTML where crawlers read it.
- *
- * Typography comes from the shared prose theme in `@levo-so/site-runtime/setup.css` (already
- * loaded by the site shell). Style the wrapper through `className` as usual; content the field
- * doesn't contain renders nothing, so an empty body is an empty region, never a crash.
- */
-export declare const LevoRichText: React.FC<ILevoRichTextProps>;
-
-export { }