@levo-so/studio 0.1.114 → 0.2.1

package/kbChat-BpJkUcpv.js

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

package/{nodeAlignment-BC_Uferw.js → nodeAlignment-DS9_DLGB.js}

@@ -1,23 +1,31 @@
-import { Extension as e, findParentNodeClosestToPos as t } from "@tiptap/core";
-import { NodeSelection as n } from "@tiptap/pm/state";
-import { CellSelection as r, cellAround as i } from "@tiptap/pm/tables";
+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 a(e, a) {
-	let o = [], s = new Set(a);
-	if (e instanceof r) return e.forEachCell((e, t) => {
+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 n) {
+	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 = i(c);
+	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({
@@ -25,7 +33,7 @@ function a(e, a) {
 			pos: l.pos
 		}), o;
 	}
-	let u = t(c, (e) => s.has(e.type.name));
+	let u = n(c, (e) => s.has(e.type.name));
 	return u && o.push({
 		node: u.node,
 		pos: u.pos
@@ -33,7 +41,7 @@ function a(e, a) {
 }
 //#endregion
 //#region ../../libraries/editor-core/dist/utils/updateNodesAttr.js
-function o(e, t, n, r) {
+function u(e, t, n, r) {
 	if (!t.length) return !1;
 	let i = !1;
 	for (let { pos: a } of t) {
@@ -48,12 +56,12 @@ function o(e, t, n, r) {
 }
 //#endregion
 //#region ../../libraries/editor-core/dist/extensions/nodeStyling/nodeAlignment.js
-function s(e, t, n) {
+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 c = e.create({
+var f = t.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -114,28 +122,28 @@ var c = e.create({
 	},
 	addCommands() {
 		let e = (e, t) => (n) => ({ state: r, tr: i }) => {
-			let s = a(r.selection, this.options.types);
-			return s.length === 0 ? !1 : o(i, s, e, t(s, n));
+			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 : s(e, "textAlign", t)),
+			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 : s(e, "nodeVerticalAlign", t)),
+			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 = a(n.selection, this.options.types);
+				let i = l(n.selection, this.options.types);
 				if (i.length === 0) return !1;
-				let o = !1;
-				for (let { node: n, pos: a } of i) {
+				let a = !1;
+				for (let { node: n, pos: o } of i) {
 					let i = { ...n.attrs };
-					e && this.options.textAlignValues.includes(e) && (i.textAlign = e, o = !0), t && this.options.verticalAlignValues.includes(t) && (i.nodeVerticalAlign = t, o = !0), o && r.setNodeMarkup(a, void 0, i);
+					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 o;
+				return a;
 			},
 			unsetNodeAlignment: () => ({ state: e, tr: t }) => {
-				let n = a(e.selection, this.options.types);
+				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) {
@@ -155,4 +163,4 @@ var c = e.create({
 	}
 });
 //#endregion
-export { o as n, a as r, c as t };
+export { s as a, c as i, u as n, o, l as r, f as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.114",
+  "version": "0.2.1",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -18,10 +18,6 @@
       "types": "./index.d.ts",
       "default": "./index.js"
     },
-    "./collection": {
-      "types": "./collection.d.ts",
-      "default": "./collection.js"
-    },
     "./setup.css": "./studio.css"
   },
   "files": [
@@ -83,8 +79,12 @@
     "@nanostores/persistent": "1.3.3",
     "@nanostores/react": "0.8.4",
     "nanostores": "0.11.4",
+    "@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",
     "@emotion/is-prop-valid": "1.3.1",
     "@stripe/react-stripe-js": "3.1.1",
@@ -112,15 +112,15 @@
     "react-razorpay": "3.0.1",
     "react-select": "5.10.1",
     "use-debounce": "10.0.2",
-    "yup": "1.7.1"
+    "yup": "1.7.1",
+    "@levo/utils": "0.0.0"
   },
   "peerDependencies": {
-    "@assistant-ui/react": ">=0.12",
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19",
-    "@levo-so/react": "0.1.113",
-    "@levo-so/insights": "0.1.113",
-    "@levo-so/core": "0.1.113"
+    "@levo-so/insights": "0.2.1",
+    "@levo-so/core": "0.2.1",
+    "@levo-so/react": "0.2.1"
   }
 }

package/pillChrome-B4uuWJhY.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 = "w-72", i = "ai-chat-pill-gradient relative rounded-full p-[2px] transition-shadow duration-300", a = "shadow-lg shadow-zinc-950/10", o = "shadow-md", s = "flex min-h-14 w-full items-end gap-1.5 rounded-full bg-white p-1.5", c = "relative min-w-0 flex-1 py-2.5", l = "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", u = "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", d = "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", f = "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", p = {
+	backgroundColor: "var(--color-brand, #0a0a0a)",
+	color: "var(--color-brand-foreground, #fff)"
+}, m = (e) => e ? `Ask ${e}` : "Ask AI";
+//#endregion
+export { p as a, l as c, r as d, m as f, t as h, u as i, s as l, e as m, c as n, o, n as p, f as r, a as s, i as t, d as u };