@levo-so/studio 0.1.113 → 0.1.114

package/index.js

@@ -560,7 +560,7 @@ var Ur = Ht.extend({
 					showCaption: !0
 				} : !1;
 			},
-			contentElement: "figcaption"
+			contentElement: (e) => e.querySelector("figcaption") ?? e.ownerDocument.createElement("figcaption")
 		}, {
 			tag: "img",
 			getAttrs: (e) => {
@@ -4035,7 +4035,7 @@ var Gi = ({ isPageGenerating: e = !1, isGenerationCancelled: t = !1, totalBlocks
 	getAllBlocks() {
 		return this.blocks;
 	}
-}, bo = yo.getInstance(), xo = hn(() => import("./kbChat-D7WQsERz.js"), { ssr: !1 }), So = ({ workspace: e, site: t }) => /* @__PURE__ */ H(xo, {
+}, bo = yo.getInstance(), xo = hn(() => import("./kbChat-DCrdcXir.js"), { ssr: !1 }), So = ({ workspace: e, site: t }) => /* @__PURE__ */ H(xo, {
 	workspaceId: e?.id,
 	siteName: t?.name ?? e?.name,
 	siteLogo: t?.logo?.location,

package/kbChat-DCrdcXir.js

@@ -0,0 +1,166 @@
+"use client";
+import { _ as e, a as t, c as n, d as r, f as i, h as a, l as o, n as s, o as c, p as l, r as u, t as d, u as f } from "./pillChrome-CQoJfFk3.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 = (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 }) => {
+	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-CPrg_etS.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: e, draft: p, loading: h, onDraftChange: b, onActivate: x, onPrefetch: S }) => {
+	let C = m(null), T = l(e);
+	return /* @__PURE__ */ g("div", {
+		onPointerEnter: S,
+		className: w("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2", i),
+		children: /* @__PURE__ */ _("div", {
+			className: w(d, n),
+			style: s,
+			children: [/* @__PURE__ */ g("span", {
+				"aria-hidden": !0,
+				className: "ai-chat-intro-aurora",
+				children: /* @__PURE__ */ g("span", { className: "ai-chat-intro-aurora-bloom" })
+			}), /* @__PURE__ */ _("div", {
+				className: f,
+				children: [
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: x,
+						onFocus: S,
+						"aria-label": "Open AI chat",
+						className: w(o, "ai-chat-intro-spark"),
+						children: h ? /* @__PURE__ */ g(D, {}) : /* @__PURE__ */ g(y, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ _("div", {
+						className: u,
+						children: [/* @__PURE__ */ g("textarea", {
+							ref: C,
+							rows: 1,
+							autoComplete: "off",
+							autoCorrect: "off",
+							autoCapitalize: "none",
+							inputMode: "text",
+							value: p,
+							"aria-label": T,
+							onFocus: x,
+							onChange: (e) => {
+								b(e.currentTarget.value), a(e.currentTarget, 120);
+							},
+							className: r
+						}), !p && /* @__PURE__ */ g("span", {
+							className: "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",
+							"aria-hidden": !0,
+							children: T
+						})]
+					}),
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: x,
+						"aria-label": "Open AI chat",
+						className: t,
+						style: c,
+						children: h ? /* @__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 }) => {
+	let o = C({
+		url: `${A(i)}/v1/intelligence/site-agent/get-active`,
+		workspaceId: e,
+		headers: e ? {
+			...a,
+			"Levo-Workspace": e
+		} : a
+	});
+	return o.status === "ready" ? /* @__PURE__ */ g("div", {
+		"data-ai-chat-root": !0,
+		children: /* @__PURE__ */ g(E, {
+			workspaceId: e,
+			siteName: t,
+			siteLogo: n,
+			siteIcon: r,
+			agentId: o.agent.id,
+			apiBaseUrl: i,
+			authHeaders: a
+		})
+	}) : null;
+};
+//#endregion
+export { j as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.113",
+  "version": "0.1.114",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -120,7 +120,7 @@
     "next": ">=14",
     "react-dom": ">=19",
     "@levo-so/react": "0.1.113",
-    "@levo-so/core": "0.1.113",
-    "@levo-so/insights": "0.1.113"
+    "@levo-so/insights": "0.1.113",
+    "@levo-so/core": "0.1.113"
   }
 }

package/pillChrome-CQoJfFk3.js

@@ -0,0 +1,16 @@
+//#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 = "linear-gradient(to right, color-mix(in oklch, var(--ai-chat-thinking-1, oklch(0.65 0.15 253.81)) 40%, transparent), color-mix(in oklch, var(--ai-chat-thinking-2, oklch(0.65 0.15 17.5826)) 40%, transparent))", i = "w-72", a = "relative rounded-full p-[2px] transition-shadow duration-300", o = "shadow-lg shadow-zinc-950/10", s = "shadow-md", c = "flex min-h-14 w-full items-end gap-1.5 rounded-full bg-white p-1.5", l = "relative min-w-0 flex-1 py-2.5", u = "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", d = "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", f = "block h-6 max-h-[120px] w-full resize-none overflow-hidden bg-transparent text-base text-zinc-900 leading-6 placeholder:text-zinc-400 focus:outline-none", p = "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", m = { background: r }, h = {
+	backgroundColor: "var(--color-brand, #0a0a0a)",
+	color: "var(--color-brand-foreground, #fff)"
+}, g = (e) => e ? `Ask ${e}` : "Ask AI";
+//#endregion
+export { t as _, d as a, o as c, f as d, i as f, e as g, n as h, p as i, u as l, r as m, m as n, h as o, g as p, l as r, s, a as t, c as u };