@levo-so/studio 0.3.9 → 0.3.10

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-BLHDnA-T.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-QDHdRejh.js → kbChat-BLHDnA-T.js}

@@ -1,10 +1,10 @@
 "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, y as f } from "./pillChrome-CYoMtUAv.js";
+import { S as e, a as t, c as n, f as r, h as i, l as a, m as o, n as s, o as c, p as l, r as u, t as d, u as f } from "./pillChrome-wmdnlFIE.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) => {
+var b = (t) => e("active_agent", t), x = (e) => {
 	let t = b(e);
 	if (!t || typeof window > "u") return null;
 	try {
@@ -64,7 +64,7 @@ var b = (e) => f("active_agent", e), x = (e) => {
 		e,
 		r
 	]), i;
-}, w = (...e) => e.filter(Boolean).join(" "), T = () => import("./KBChatWidget-Cgsubvuk.js"), E = (e) => {
+}, w = (...e) => e.filter(Boolean).join(" "), T = () => import("./KBChatWidget-ChIYlltB.js"), E = (e) => {
 	let [t, n] = h(null), [r, i] = h(!1), [a, o] = h("");
 	return t ? /* @__PURE__ */ g(t, {
 		initialOpen: !0,
@@ -87,27 +87,27 @@ var b = (e) => f("active_agent", e), x = (e) => {
 }, 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);
+}), O = ({ siteName: e, draft: p, loading: b, onDraftChange: x, onActivate: S, onPrefetch: C }) => {
+	let T = m(null), E = m(null), O = i(e), [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),
+		className: w("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2", l),
 		children: /* @__PURE__ */ g("div", {
-			className: w(o, t, "ai-chat-intro-morph"),
+			className: w(s, n, "ai-chat-intro-morph"),
 			children: /* @__PURE__ */ _("div", {
 				ref: E,
-				className: w(d, k && "ai-chat-pill-surface--stacked"),
+				className: w(f, k && "ai-chat-pill-surface--stacked"),
 				children: [
 					/* @__PURE__ */ g("button", {
 						type: "button",
 						onClick: S,
 						onFocus: C,
 						"aria-label": "Open AI chat",
-						className: i,
+						className: a,
 						children: b ? /* @__PURE__ */ g(D, {}) : /* @__PURE__ */ g(y, { className: "h-5 w-5" })
 					}),
 					/* @__PURE__ */ _("div", {
-						className: l,
+						className: u,
 						children: [/* @__PURE__ */ g("textarea", {
 							ref: T,
 							rows: 1,
@@ -120,9 +120,9 @@ var b = (e) => f("active_agent", e), x = (e) => {
 							onFocus: S,
 							onChange: (e) => {
 								let t = e.currentTarget;
-								x(t.value), E.current && A(a(E.current, t));
+								x(t.value), E.current && A(o(E.current, t));
 							},
-							className: n
+							className: r
 						}), !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,
@@ -130,13 +130,13 @@ var b = (e) => f("active_agent", e), x = (e) => {
 						})]
 					}),
 					/* @__PURE__ */ g("div", {
-						className: u,
+						className: d,
 						children: /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: S,
 							"aria-label": "Open AI chat",
-							className: e,
-							style: s,
+							className: t,
+							style: c,
 							children: b ? /* @__PURE__ */ g(D, {}) : /* @__PURE__ */ g(v, { className: "h-5 w-5 stroke-[2.5px]" })
 						})
 					})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "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.10",
+    "@levo-so/react": "0.3.10",
+    "@levo-so/insights": "0.3.10"
   }
 }

package/pillChrome-wmdnlFIE.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 = "w-72", u = "ai-chat-pill-gradient relative rounded-[30px] p-[2px] transition-shadow duration-300", d = "shadow-lg shadow-zinc-950/10", f = "shadow-md", p = "ai-chat-pill-surface min-h-14 w-full rounded-[28px] bg-white p-1.5", m = "ai-chat-pill-surface--stacked", h = "ai-chat-pill-input relative min-w-0", g = "ai-chat-pill-actions flex items-center gap-1.5", _ = "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", v = "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", y = "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", b = 24, x = (e, t) => {
+	e.classList.remove(m), t.style.height = "auto";
+	let n = t.scrollHeight > b + 4;
+	return e.classList.toggle(m, n), s(t, 120), n;
+}, S = "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", C = {
+	backgroundColor: "var(--color-brand, #0a0a0a)",
+	color: "var(--color-brand-foreground, #fff)"
+}, w = (e) => e ? `Ask ${e}` : "Ask AI";
+//#endregion
+export { o as S, s as _, v as a, r as b, d as c, m as d, y as f, e as g, w as h, S as i, _ as l, x as m, u as n, C as o, l as p, h as r, f as s, g as t, p as u, c as v, a as x, i as y };