@levo-so/studio 0.3.9 → 0.3.11

package/index.d.ts

@@ -2664,7 +2664,7 @@ export declare const PopoverTrigger: WithBlockPropsComponent<BasePopoverTriggerP
  * Plug-and-play popup integration for React apps.
  * Waits for identity context (session hydrated + identity resolved), then
  * fetches active popups and lazy-loads the renderer only when popups exist.
- * Works without insights network — gates on local readiness, not /welcome.
+ * Works without insights network: gates on local readiness only, nothing waits on a request.
  * Must be placed inside a `<LevoProvider>`.
  */
 export declare const PopupLoader: React.FC<IPopupLoaderProps>;

package/index.js

@@ -3800,7 +3800,7 @@ var Di = (e, t) => {
 	getAllBlocks() {
 		return this.blocks;
 	}
-}, yo = vo.getInstance(), bo = nt(() => import("./kbChat-QDHdRejh.js"), { ssr: !1 }), xo = () => {
+}, yo = vo.getInstance(), bo = nt(() => import("./kbChat-DfcTNf0n.js"), { ssr: !1 }), xo = () => {
 	let e = rt(), [t, n] = R(void 0), r = e?.events;
 	return F(() => {
 		if (typeof window > "u" || !r) return;

package/kbChat-DfcTNf0n.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-QDjBETmP.js";
+import { useEffect as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+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] = g({ status: "loading" });
+	m(() => {
+		let e = S(t);
+		a(e ? {
+			status: "ready",
+			agent: e
+		} : (e) => e.status === "ready" ? { status: "loading" } : e);
+	}, [t]);
+	let o = h(n);
+	return o.current = n, m(() => {
+		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-aK7vt64V.js"), D = (e) => {
+	let [t, n] = g(null), [r, i] = g(!1), [a, o] = g("");
+	return t ? /* @__PURE__ */ _(t, {
+		initialOpen: !0,
+		initialDraft: a,
+		...e
+	}) : /* @__PURE__ */ _(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__ */ _("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: m, onDraftChange: x, onActivate: S, onPrefetch: C }) => {
+	let w = h(null), E = h(null), D = a(e), [k, A] = g(!1);
+	return /* @__PURE__ */ _("div", {
+		onPointerEnter: C,
+		className: T("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2", u),
+		children: /* @__PURE__ */ _("div", {
+			className: T(c, n, "ai-chat-intro-morph"),
+			children: /* @__PURE__ */ v("div", {
+				ref: E,
+				className: T(p, k && "ai-chat-pill-surface--stacked"),
+				children: [
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: S,
+						onFocus: C,
+						"aria-label": "Open AI chat",
+						className: o,
+						children: m ? /* @__PURE__ */ _(O, {}) : /* @__PURE__ */ _(b, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ v("div", {
+						className: d,
+						children: [/* @__PURE__ */ _("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__ */ _("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__ */ _("div", {
+						className: f,
+						children: /* @__PURE__ */ _("button", {
+							type: "button",
+							onClick: S,
+							"aria-label": "Open AI chat",
+							className: t,
+							style: l,
+							children: m ? /* @__PURE__ */ _(O, {}) : /* @__PURE__ */ _(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__ */ _("div", {
+		"data-ai-chat-root": !0,
+		children: /* @__PURE__ */ _(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/studio",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -123,8 +123,8 @@
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19",
-    "@levo-so/core": "0.3.9",
-    "@levo-so/insights": "0.3.9",
-    "@levo-so/react": "0.3.9"
+    "@levo-so/core": "0.3.11",
+    "@levo-so/insights": "0.3.11",
+    "@levo-so/react": "0.3.11"
   }
 }

package/pillChrome-QDjBETmP.js

@@ -0,0 +1,50 @@
+//#region ../../libraries/ai-chat/src/helpers.ts
+var e = "disabled:cursor-not-allowed disabled:opacity-40", t = (e) => {
+	if (!e) return null;
+	let t = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}, n = (e, n = {
+	hour: "numeric",
+	minute: "2-digit"
+}) => t(e)?.toLocaleTimeString([], n) ?? "", r = (e, r) => {
+	let i = t(e);
+	if (!i) return "";
+	let a = /* @__PURE__ */ new Date();
+	if (i.toDateString() === a.toDateString()) return n(i, r);
+	let o = i.toLocaleTimeString([], {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+	return `${i.toLocaleDateString([], {
+		month: "short",
+		day: "numeric",
+		...i.getFullYear() !== a.getFullYear() && { year: "numeric" }
+	})} · ${o}`;
+}, i = (e) => {
+	let n = t(e);
+	return n ? `${n.toLocaleDateString([], { dateStyle: "medium" })} · ${n.toLocaleTimeString([], { timeStyle: "short" })}` : "";
+}, a = (e) => {
+	let t = e.metadata?.custom?.createdAt;
+	return typeof t == "string" || t instanceof Date ? t : e.createdAt;
+}, o = (e, t) => t ? `levo.site_chat.${e}.${t}` : null, s = (e, t) => {
+	e.style.height = "auto", e.style.height = t === void 0 ? `${e.scrollHeight}px` : `${Math.min(e.scrollHeight, t)}px`;
+}, c = (e, t) => {
+	e.setText(t);
+	let n = document.activeElement?.closest("[data-ai-chat-root]") ?? document;
+	requestAnimationFrame(() => {
+		let e = n.querySelector("textarea[data-ai-chat-composer]");
+		if (!e) return;
+		e.focus();
+		let t = e.value.length;
+		e.setSelectionRange(t, t);
+	});
+}, 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)"
+}, T = (e) => e ? `Ask ${e}` : "Ask AI";
+//#endregion
+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 };