@levo-so/site-runtime 0.2.2 → 0.3.0

package/inlineBaseTheme-DS-AfUHi.js

@@ -0,0 +1,9 @@
+import { i as e, r as t } from "./inlineCollectionTheme-D2w17LHX.js";
+import { n } from "./theme.cssm-2YTdd8Yh.js";
+//#region ../../libraries/levocn/dist/styles/inlineBaseTheme.js
+var r = n(e), i = (e) => e ? e.radius && !e.radiusScale ? r({
+	...e,
+	radiusScale: t(e.radius)
+}) : r(e) : {};
+//#endregion
+export { i as t };

package/inlineCollectionTheme-D2w17LHX.js

@@ -0,0 +1,86 @@
+import { n as e } from "./theme.cssm-2YTdd8Yh.js";
+//#region ../../libraries/levocn/dist/styles/theme/themeVars.cssm.js
+var t = {
+	colors: {
+		background: "var(--_1i5egzy0)",
+		foreground: "var(--_1i5egzy1)",
+		text: "var(--_1i5egzy2)",
+		heading: "var(--_1i5egzy3)",
+		card: "var(--_1i5egzy4)",
+		cardForeground: "var(--_1i5egzy5)",
+		popover: "var(--_1i5egzy6)",
+		popoverForeground: "var(--_1i5egzy7)",
+		primary: "var(--_1i5egzy8)",
+		primaryForeground: "var(--_1i5egzy9)",
+		secondary: "var(--_1i5egzya)",
+		secondaryForeground: "var(--_1i5egzyb)",
+		muted: "var(--_1i5egzyc)",
+		mutedForeground: "var(--_1i5egzyd)",
+		accent: "var(--_1i5egzye)",
+		accentForeground: "var(--_1i5egzyf)",
+		destructive: "var(--_1i5egzyg)",
+		border: "var(--_1i5egzyh)",
+		input: "var(--_1i5egzyi)",
+		inputForeground: "var(--_1i5egzyj)",
+		ring: "var(--_1i5egzyk)"
+	},
+	radius: "var(--_1i5egzyl)",
+	radiusScale: {
+		sm: "var(--_1i5egzym)",
+		base: "var(--_1i5egzyn)",
+		md: "var(--_1i5egzyo)",
+		lg: "var(--_1i5egzyp)",
+		xl: "var(--_1i5egzyq)",
+		"2xl": "var(--_1i5egzyr)",
+		"3xl": "var(--_1i5egzys)",
+		"4xl": "var(--_1i5egzyt)",
+		"5xl": "var(--_1i5egzyu)",
+		"6xl": "var(--_1i5egzyv)",
+		"7xl": "var(--_1i5egzyw)",
+		"8xl": "var(--_1i5egzyx)",
+		full: "var(--_1i5egzyy)"
+	},
+	baseFontSize: "var(--_1i5egzyz)",
+	fonts: {
+		body: "var(--_1i5egzy10)",
+		heading: "var(--_1i5egzy11)"
+	},
+	shadow: {
+		xs: "var(--_1i5egzy12)",
+		sm: "var(--_1i5egzy13)",
+		md: "var(--_1i5egzy14)",
+		lg: "var(--_1i5egzy15)",
+		xl: "var(--_1i5egzy16)",
+		inner: "var(--_1i5egzy17)"
+	}
+}, n = (e) => ({
+	sm: `calc(${e} * 0.5)`,
+	base: e,
+	md: `calc(${e} * 1.5)`,
+	lg: `calc(${e} * 2)`,
+	xl: `calc(${e} * 3)`,
+	"2xl": `calc(${e} * 4)`,
+	"3xl": `calc(${e} * 6)`,
+	"4xl": `calc(${e} * 8)`,
+	"5xl": `calc(${e} * 12)`,
+	"6xl": `calc(${e} * 16)`,
+	"7xl": `calc(${e} * 20)`,
+	"8xl": `calc(${e} * 24)`,
+	full: "100%"
+}), r = {
+	form: {
+		maxWidth: "var(--_1092q7b0)",
+		gap: "var(--_1092q7b1)",
+		borderRadius: "var(--_1092q7b2)",
+		labelFontSize: "var(--_1092q7b3)",
+		helpFontSize: "var(--_1092q7b4)"
+	},
+	input: {
+		fontSize: "var(--_1092q7b5)",
+		height: "var(--_1092q7b6)",
+		borderRadius: "var(--_1092q7b7)"
+	},
+	checkbox: { labelFontSize: "var(--_1092q7b8)" }
+}, i = e(r);
+//#endregion
+export { t as i, r as n, n as r, i as t };

package/kbChat-AUJxjURc.js

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

package/nodeAlignment-Cn6xNtOP.js

@@ -0,0 +1,166 @@
+import { n as e } from "./theme.cssm-2YTdd8Yh.js";
+import { Extension as t, findParentNodeClosestToPos as n } from "@tiptap/core";
+import { NodeSelection as r } from "@tiptap/pm/state";
+import { CellSelection as i, cellAround as a } from "@tiptap/pm/tables";
+//#region ../../libraries/editor-core/dist/styles/content.cssm.js
+var o = "_12oclrg0", s = "u2k86a0", c = e({
+	baseSpacing: "var(--_1q6hy0o0)",
+	highlight: "var(--_1q6hy0o1)",
+	highlightForeground: "var(--_1q6hy0o2)"
+});
+//#endregion
+//#region ../../libraries/editor-core/dist/utils/getSelectedNodeOfType.js
+function l(e, t) {
+	let o = [], s = new Set(t);
+	if (e instanceof i) return e.forEachCell((e, t) => {
+		s.has(e.type.name) && o.push({
+			node: e,
+			pos: t
+		});
+	}), o;
+	if (e instanceof r) {
+		let { node: t, from: n } = e;
+		return t && s.has(t.type.name) && o.push({
+			node: t,
+			pos: n
+		}), o;
+	}
+	let { $anchor: c } = e, l = a(c);
+	if (l) {
+		let t = e.$anchor.doc.nodeAt(l.pos);
+		if (t && s.has(t.type.name)) return o.push({
+			node: t,
+			pos: l.pos
+		}), o;
+	}
+	let u = n(c, (e) => s.has(e.type.name));
+	return u && o.push({
+		node: u.node,
+		pos: u.pos
+	}), o;
+}
+//#endregion
+//#region ../../libraries/editor-core/dist/utils/updateNodesAttr.js
+function u(e, t, n, r) {
+	if (!t.length) return !1;
+	let i = !1;
+	for (let { pos: a } of t) {
+		let t = e.doc.nodeAt(a);
+		if (!t) continue;
+		let o = t.attrs[n], s = typeof r == "function" ? r(o) : r;
+		if (o === s) continue;
+		let c = { ...t.attrs };
+		s === void 0 ? delete c[n] : c[n] = s, e.setNodeMarkup(a, void 0, c), i = !0;
+	}
+	return i;
+}
+//#endregion
+//#region ../../libraries/editor-core/dist/extensions/nodeStyling/nodeAlignment.js
+function d(e, t, n) {
+	if (e.length === 0) return null;
+	for (let r of e) if ((r.node.attrs?.[t] ?? null) !== n) return n;
+	return null;
+}
+var f = t.create({
+	name: "textAlign",
+	addOptions() {
+		return {
+			types: [
+				"paragraph",
+				"heading",
+				"quote",
+				"blockquoteFigure",
+				"tableCell",
+				"tableHeader"
+			],
+			useStyle: !0,
+			textAlignValues: [
+				"left",
+				"center",
+				"right",
+				"justify"
+			],
+			verticalAlignValues: [
+				"top",
+				"middle",
+				"bottom"
+			]
+		};
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: {
+				textAlign: {
+					default: null,
+					parseHTML: (e) => {
+						let t = e.style?.textAlign;
+						if (t && this.options.textAlignValues.includes(t)) return t;
+						let n = e.getAttribute("data-text-align");
+						return n && this.options.textAlignValues.includes(n) ? n : null;
+					},
+					renderHTML: (e) => {
+						let t = e.textAlign;
+						return !t || !this.options.textAlignValues.includes(t) ? {} : this.options.useStyle ? { style: `text-align: ${t}` } : { "data-text-align": t };
+					}
+				},
+				nodeVerticalAlign: {
+					default: null,
+					parseHTML: (e) => {
+						let t = e.style?.verticalAlign;
+						if (t && this.options.verticalAlignValues.includes(t)) return t;
+						let n = e.getAttribute("data-vertical-align");
+						return n && this.options.verticalAlignValues.includes(n) ? n : null;
+					},
+					renderHTML: (e) => {
+						let t = e.nodeVerticalAlign;
+						return !t || !this.options.verticalAlignValues.includes(t) ? {} : this.options.useStyle ? { style: `vertical-align: ${t}` } : { "data-vertical-align": t };
+					}
+				}
+			}
+		}];
+	},
+	addCommands() {
+		let e = (e, t) => (n) => ({ state: r, tr: i }) => {
+			let a = l(r.selection, this.options.types);
+			return a.length === 0 ? !1 : u(i, a, e, t(a, n));
+		};
+		return {
+			setNodeTextAlign: e("textAlign", (e, t) => !t || !this.options.textAlignValues.includes(t) ? null : t),
+			unsetNodeTextAlign: e("textAlign", () => null),
+			toggleNodeTextAlign: e("textAlign", (e, t) => !t || !this.options.textAlignValues.includes(t) ? null : d(e, "textAlign", t)),
+			setNodeVAlign: e("nodeVerticalAlign", (e, t) => !t || !this.options.verticalAlignValues.includes(t) ? null : t),
+			unsetNodeVAlign: e("nodeVerticalAlign", () => null),
+			toggleNodeVAlign: e("nodeVerticalAlign", (e, t) => !t || !this.options.verticalAlignValues.includes(t) ? null : d(e, "nodeVerticalAlign", t)),
+			setNodeAlignment: (e, t) => ({ state: n, tr: r }) => {
+				let i = l(n.selection, this.options.types);
+				if (i.length === 0) return !1;
+				let a = !1;
+				for (let { node: n, pos: o } of i) {
+					let i = { ...n.attrs };
+					e && this.options.textAlignValues.includes(e) && (i.textAlign = e, a = !0), t && this.options.verticalAlignValues.includes(t) && (i.nodeVerticalAlign = t, a = !0), a && r.setNodeMarkup(o, void 0, i);
+				}
+				return a;
+			},
+			unsetNodeAlignment: () => ({ state: e, tr: t }) => {
+				let n = l(e.selection, this.options.types);
+				if (n.length === 0) return !1;
+				let r = !1;
+				for (let { node: e, pos: i } of n) {
+					let n = e.attrs?.textAlign ?? null, a = e.attrs?.nodeVerticalAlign ?? null;
+					if (n || a) {
+						let n = {
+							...e.attrs,
+							textAlign: null,
+							nodeVerticalAlign: null
+						};
+						t.setNodeMarkup(i, void 0, n), r = !0;
+					}
+				}
+				return r;
+			}
+		};
+	}
+});
+//#endregion
+export { o as i, c as n, s as r, f as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/site-runtime",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Runtime for Levo Studio v3 sites — the editor preview inspector, page head metadata, and the Levo data client.",
   "type": "module",
   "sideEffects": [
@@ -17,6 +17,10 @@
       "types": "./index.d.ts",
       "default": "./index.js"
     },
+    "./popups": {
+      "types": "./popups.d.ts",
+      "default": "./popups.js"
+    },
     "./setup.css": "./styles.css"
   },
   "files": [
@@ -63,15 +67,23 @@
     "lowlight": "3.1.0",
     "@vanilla-extract/dynamic": "2.1.5",
     "sonner": "2.0.7",
+    "@assistant-ui/react": "0.12.14",
+    "@assistant-ui/react-ai-sdk": "1.3.10",
+    "@assistant-ui/react-markdown": "0.12.5",
+    "@assistant-ui/core": "0.1.5",
+    "@assistant-ui/store": "0.2.2",
+    "@assistant-ui/tap": "0.5.2",
+    "remark-gfm": "4.0.1",
     "@stripe/react-stripe-js": "^3.1.1",
     "@stripe/stripe-js": "^5.5.0",
     "react-razorpay": "^3.0.1",
-    "@levo-so/insights": "0.2.1",
-    "@levo-so/core": "0.2.1"
+    "@levo-so/core": "0.2.1",
+    "@levo-so/insights": "0.2.1"
   },
   "peerDependencies": {
     "@base-ui/react": "^1.5.0",
     "@tanstack/react-query": ">=5",
+    "@tanstack/react-router": ">=1.170.0",
     "lucide-react": ">=0.4",
     "react": ">=19",
     "react-dom": ">=19"

package/pillChrome-AhXOWXIb.js

@@ -0,0 +1,20 @@
+//#region ../../libraries/ai-chat/src/helpers.ts
+var e = (e, t = {
+	hour: "numeric",
+	minute: "2-digit"
+}) => {
+	if (!e) return "";
+	let n = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(n.getTime()) ? "" : n.toLocaleTimeString([], t);
+}, t = (e, t) => t ? `levo.site_chat.${e}.${t}` : null, n = (e, t) => {
+	e.style.height = "auto", e.style.height = t === void 0 ? `${e.scrollHeight}px` : `${Math.min(e.scrollHeight, t)}px`;
+}, r = "w-72", i = "ai-chat-pill-gradient relative rounded-[30px] p-[2px] transition-shadow duration-300", a = "shadow-lg shadow-zinc-950/10", o = "shadow-md", s = "ai-chat-pill-surface min-h-14 w-full rounded-[28px] bg-white p-1.5", c = "ai-chat-pill-surface--stacked", l = "ai-chat-pill-input relative min-w-0", u = "ai-chat-pill-actions flex items-center gap-1.5", d = "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", f = "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", p = "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", m = 24, h = (e, t) => {
+	e.classList.remove(c), t.style.height = "auto";
+	let r = t.scrollHeight > m + 4;
+	return e.classList.toggle(c, r), n(t, 120), r;
+}, g = "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", _ = {
+	backgroundColor: "var(--color-brand, #0a0a0a)",
+	color: "var(--color-brand-foreground, #fff)"
+}, v = (e) => e ? `Ask ${e}` : "Ask AI";
+//#endregion
+export { e as _, f as a, a as c, c as d, p as f, n as g, v as h, g as i, d as l, h as m, i as n, _ as o, r as p, l as r, o as s, u as t, s as u, t as v };

package/popups.d.ts

@@ -0,0 +1,47 @@
+/**
+ * `usePopup` — imperative open/close for the site's popups.
+ *
+ * This is its OWN package entry (`@levo-so/site-runtime/popups`), deliberately not part of
+ * the main barrel. Upstream, the popup store is emitted into the same chunk as the tiptap
+ * content renderer, so any static import of this hook drags ~100 kB of renderer with it
+ * (see levo-turbo#4545). Exporting it from the barrel would put that on the eager graph of
+ * EVERY page of EVERY site — including sites with no popups — and on every SSR render.
+ * From a separate entry, only a page that actually imports it pays.
+ *
+ * Static (not lazy) by necessity: a hook must be callable during render, and it has to read
+ * the SAME nanostores store the mounted `<LevoPopups>` writes to — a lazily-loaded second
+ * copy would never see the loaded popups.
+ *
+ * When #4545 lands a store-only entry upstream, re-point the import at it; consumers keep
+ * this import path and just get lighter.
+ */
+/** The slice of a loaded popup a site can act on. Matching by `id` is the contract. */
+export declare interface ILevoPopup {
+    /** Stable popup id (`PU…`) — what `openPopup` takes. */
+    id: string;
+    /** The name the popup was given in the dashboard. */
+    title: string;
+    description?: string;
+}
+
+export declare interface ILevoPopupControls {
+    /** Active popups loaded for this site. Empty until the fetch resolves. */
+    popups: ILevoPopup[];
+    isLoading: boolean;
+    /**
+     * Open a popup by id. Force-opens — bypasses cooldown and display-frequency caps,
+     * because a click is an explicit request. No-op if that popup isn't loaded.
+     */
+    openPopup: (id: string) => void;
+    /** Close whatever popup is currently open. No-op if none is. */
+    closePopup: () => void;
+}
+
+/**
+ * Explicit return type on purpose: it keeps the rolled-up `.d.ts` self-contained. A bare
+ * `export { usePopup } from "@levo.libraries/popups"` emits a re-export of a PRIVATE
+ * package that a generated site can't resolve.
+ */
+export declare const usePopup: () => ILevoPopupControls;
+
+export { }

package/popups.js

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

package/rolldown-runtime-CAFD8bLK.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t };