@levo-so/studio 0.1.111 → 0.1.113

package/kbChat-D7WQsERz.js

@@ -0,0 +1,175 @@
+"use client";
+import { a as e, r as t, t as n } from "./gradients-DfbdH7nO.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ArrowUp as c, Sparkles as l } from "lucide-react";
+//#region ../../libraries/ai-chat/src/useActiveAgent.ts
+var u = (t) => e("active_agent", t), d = (e) => {
+	let t = u(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;
+	}
+}, f = (e, t) => {
+	let n = u(e);
+	if (!(!n || typeof window > "u")) try {
+		t === null ? window.sessionStorage.removeItem(n) : window.sessionStorage.setItem(n, JSON.stringify(t));
+	} catch {}
+}, p = ({ url: e, workspaceId: t, headers: n }) => {
+	let o = i(null), [s, c] = a(() => {
+		let e = d(t);
+		return e ? {
+			status: "ready",
+			agent: e
+		} : { status: "loading" };
+	});
+	if (o.current !== (t ?? null)) {
+		o.current = t ?? null;
+		let e = d(t);
+		e ? (s.status !== "ready" || s.agent.id !== e.id) && c({
+			status: "ready",
+			agent: e
+		}) : s.status === "ready" && c({ status: "loading" });
+	}
+	let l = i(n);
+	return l.current = n, r(() => {
+		if (!t || !e) return;
+		let n = new AbortController();
+		return (async () => {
+			try {
+				let r = await fetch(e, {
+					method: "GET",
+					credentials: "include",
+					headers: l.current,
+					signal: n.signal
+				});
+				if (!r.ok) {
+					f(t, null), c({ status: "missing" });
+					return;
+				}
+				let i = (await r.json())?.content?.data;
+				if (!i || typeof i.id != "string" || i.id.length === 0) {
+					f(t, null), c({ status: "missing" });
+					return;
+				}
+				f(t, i), c({
+					status: "ready",
+					agent: i
+				});
+			} catch (e) {
+				if (e?.name === "AbortError") return;
+				console.warn("[levo-kb-chat] active-agent boot failed:", e), c({ status: "error" });
+			}
+		})(), () => n.abort();
+	}, [t, e]), s;
+}, m = (...e) => e.filter(Boolean).join(" "), h = () => import("./KBChatWidget-C6K3zT6G.js"), g = (e) => {
+	let [t, n] = a(null), [r, i] = a(!1), [s, c] = a("");
+	return t ? /* @__PURE__ */ o(t, {
+		initialOpen: !0,
+		initialDraft: s,
+		...e
+	}) : /* @__PURE__ */ o(v, {
+		siteName: e.siteName,
+		draft: s,
+		loading: r,
+		onDraftChange: c,
+		onActivate: () => {
+			r || t || (i(!0), h().then((e) => n(() => e.KBChatWidget)).catch((e) => {
+				i(!1), console.warn("[levo-kb-chat] widget load failed:", e);
+			}));
+		},
+		onPrefetch: () => {
+			h().catch(() => {});
+		}
+	});
+}, _ = () => /* @__PURE__ */ o("span", {
+	"aria-hidden": !0,
+	className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent"
+}), v = ({ siteName: e, draft: r, loading: a, onDraftChange: u, onActivate: d, onPrefetch: f }) => {
+	let p = i(null), h = e ? `Ask ${e}` : "Ask AI";
+	return /* @__PURE__ */ o("div", {
+		onPointerEnter: f,
+		className: m("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] w-64 -translate-x-1/2", "transition-all duration-500 ease-out"),
+		children: /* @__PURE__ */ o("div", {
+			className: "relative rounded-xl p-[2px] shadow-2xl",
+			style: { background: n },
+			children: /* @__PURE__ */ o("div", {
+				className: "flex max-h-[46px] flex-col overflow-hidden rounded-xl bg-white",
+				children: /* @__PURE__ */ o("div", {
+					className: "h-[42px] w-full shrink-0 px-2",
+					children: /* @__PURE__ */ s("div", {
+						className: "flex h-full items-center gap-2",
+						children: [
+							/* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: d,
+								onFocus: f,
+								"aria-label": "Open AI chat",
+								className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-blue-500 transition-colors hover:bg-zinc-50",
+								children: a ? /* @__PURE__ */ o(_, {}) : /* @__PURE__ */ o(l, { className: "h-3.5 w-3.5" })
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "relative min-w-0 flex-1",
+								children: [/* @__PURE__ */ o("textarea", {
+									ref: p,
+									rows: 1,
+									value: r,
+									"aria-label": h,
+									onFocus: d,
+									onChange: (e) => {
+										u(e.currentTarget.value), t(e.currentTarget);
+									},
+									className: m("block h-5 max-h-[80px] w-full resize-none overflow-hidden bg-transparent", "text-sm text-zinc-900 leading-5 focus:outline-none")
+								}), !r && /* @__PURE__ */ o("span", {
+									className: "pointer-events-none absolute inset-y-0 left-0 flex max-w-full items-center truncate bg-clip-text font-semibold text-sm text-transparent",
+									style: { backgroundImage: "linear-gradient(to right, var(--ai-chat-thinking-1, oklch(0.65 0.15 253.81)), var(--ai-chat-thinking-2, oklch(0.65 0.15 17.5826)))" },
+									"aria-hidden": !0,
+									children: h
+								})]
+							}),
+							/* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: d,
+								"aria-label": "Open AI chat",
+								className: m("flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full shadow-sm", "transition-transform hover:scale-105 active:scale-95"),
+								style: {
+									backgroundColor: "var(--color-brand, #0a0a0a)",
+									color: "var(--color-brand-foreground, #fff)"
+								},
+								children: a ? /* @__PURE__ */ o(_, {}) : /* @__PURE__ */ o(c, { className: "h-3.5 w-3.5 stroke-[2.5px]" })
+							})
+						]
+					})
+				})
+			})
+		})
+	});
+}, y = "/.levo/public/api/v1/agents/kb-chat/public", b = (e) => e.replace(/\/v1\/agents\/kb-chat\/public\/?$/, ""), x = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: r, apiBaseUrl: i = y, authHeaders: a }) => {
+	let s = p({
+		url: `${b(i)}/v1/intelligence/site-agent/get-active`,
+		workspaceId: e,
+		headers: e ? {
+			...a,
+			"Levo-Workspace": e
+		} : a
+	});
+	return s.status === "ready" ? /* @__PURE__ */ o("div", {
+		"data-ai-chat-root": !0,
+		children: /* @__PURE__ */ o(g, {
+			workspaceId: e,
+			siteName: t,
+			siteLogo: n,
+			siteIcon: r,
+			agentId: s.agent.id,
+			apiBaseUrl: i,
+			authHeaders: a
+		})
+	}) : null;
+};
+//#endregion
+export { x as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.111",
+  "version": "0.1.113",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -83,6 +83,9 @@
     "@nanostores/persistent": "1.3.3",
     "@nanostores/react": "0.8.4",
     "nanostores": "0.11.4",
+    "@assistant-ui/react-ai-sdk": "1.3.10",
+    "@assistant-ui/react-markdown": "0.12.5",
+    "remark-gfm": "4.0.1",
     "@emotion/is-prop-valid": "1.3.1",
     "@stripe/react-stripe-js": "3.1.1",
     "@stripe/stripe-js": "5.5.0",
@@ -112,11 +115,12 @@
     "yup": "1.7.1"
   },
   "peerDependencies": {
+    "@assistant-ui/react": ">=0.12",
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19",
-    "@levo-so/insights": "0.1.111",
-    "@levo-so/core": "0.1.111",
-    "@levo-so/react": "0.1.111"
+    "@levo-so/react": "0.1.113",
+    "@levo-so/core": "0.1.113",
+    "@levo-so/insights": "0.1.113"
   }
 }