@levo-so/studio 0.1.112 → 0.1.113

package/KBChatWidget-C6K3zT6G.js

@@ -0,0 +1,944 @@
+"use client";
+import { a as e, i as t, r as n, t as r } from "./gradients-DfbdH7nO.js";
+import { Children as i, createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowUp as h, Check as g, ChevronDown as _, Copy as v, MessageSquarePlus as y, Mic as b, RefreshCw as x, Sparkles as S, Square as C, X as w } from "lucide-react";
+import { ActionBarPrimitive as T, AssistantRuntimeProvider as E, ComposerPrimitive as D, MessagePrimitive as O, ThreadPrimitive as k, WebSpeechDictationAdapter as A, useAssistantRuntime as j, useMessage as M, useThread as N, useThreadComposer as P } from "@assistant-ui/react";
+import { AssistantChatTransport as ee, useChatRuntime as te } from "@assistant-ui/react-ai-sdk";
+import { MarkdownTextPrimitive as ne } from "@assistant-ui/react-markdown";
+import re from "remark-gfm";
+//#region ../../libraries/ai-chat/src/FollowUpChips.tsx
+var F = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipClassName: i }) => {
+	if (e.length === 0) return null;
+	let a = [
+		"rounded-full border border-zinc-200 bg-white text-zinc-700",
+		"transition-all duration-150 hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 active:scale-95",
+		n === "compact" ? "px-2.5 py-1 text-[11px] leading-none" : "px-3.5 py-1.5 text-xs"
+	].join(" ");
+	return /* @__PURE__ */ p("div", {
+		className: ["flex flex-wrap gap-1.5", r].filter(Boolean).join(" "),
+		children: e.map((e, n) => /* @__PURE__ */ p("button", {
+			type: "button",
+			onClick: () => t(e),
+			className: ["ai-chat-chip", i ?? a].join(" "),
+			style: { animationDelay: `${n * 60}ms` },
+			children: e
+		}, `${n}-${e}`))
+	});
+}, ie = ({ api: e, headers: t, credentials: n, getBody: r, getHeaders: i, onSendStart: a }) => new ee({
+	api: e,
+	headers: t,
+	credentials: n,
+	prepareSendMessagesRequest: async (e) => (a?.(), {
+		body: r(e),
+		headers: {
+			...t,
+			...i?.(e)
+		}
+	})
+}), I = (t) => e("conv_id", t), ae = (e) => {
+	let t = I(e);
+	if (!t || typeof window > "u") return null;
+	try {
+		return window.sessionStorage.getItem(t)?.trim() || null;
+	} catch {
+		return null;
+	}
+}, oe = (e, t) => {
+	let n = I(e);
+	if (!(!n || typeof window > "u")) try {
+		window.sessionStorage.setItem(n, t);
+	} catch {}
+}, se = (e) => {
+	let t = I(e);
+	if (!(!t || typeof window > "u")) try {
+		window.sessionStorage.removeItem(t);
+	} catch {}
+}, ce = (e) => {
+	let t = u(null), n = u(null), r = u(!1);
+	return (!r.current || n.current !== (e ?? null)) && (r.current = !0, n.current = e ?? null, t.current = ae(e)), {
+		conversationIdRef: t,
+		handleFinish: s(({ message: n }) => {
+			let r = n.metadata;
+			if (!r || typeof r != "object") return;
+			let i = r.conversation_id;
+			if (typeof i != "string") return;
+			let a = i.trim();
+			a.length !== 0 && t.current !== a && (t.current = a, oe(e, a));
+		}, [e]),
+		reset: s(() => {
+			t.current = null, se(e);
+		}, [e])
+	};
+}, le = (e = []) => {
+	let [t, n] = d(e);
+	return {
+		followUps: t,
+		setFollowUps: n,
+		clearOnSend: s(() => n([]), []),
+		handleData: s((e) => {
+			if (e.type !== "data-follow_ups") return !1;
+			let t = e.data?.suggestions;
+			return Array.isArray(t) ? (n(t.filter((e) => typeof e == "string")), !0) : !1;
+		}, [])
+	};
+}, ue = (e) => e instanceof Error && e.message.includes("intelligence.site_agent.NO_ACTIVE_AGENT"), L = a({ agentUnavailable: !1 }), de = () => c(L), fe = (...e) => e.filter(Boolean).join(" "), pe = "inline-flex items-center justify-center gap-1.5 transition-all duration-200", R = "rounded-full border border-zinc-200 bg-white/95 px-3 py-1.5 font-medium text-xs text-zinc-500 shadow-lg backdrop-blur-sm hover:text-zinc-900", z = ({ onClick: e, isRunning: t = !1, iconOnly: n = !1, className: r = R }) => /* @__PURE__ */ m("button", {
+	type: "button",
+	"aria-label": "Scroll to bottom",
+	onClick: e,
+	className: fe(pe, r),
+	children: [/* @__PURE__ */ p(_, { className: "h-3 w-3" }), !n && (t ? "New messages" : "Scroll to bottom")]
+}), B = ({ endpoint: e, headers: t, fallback: n, enabled: r = !0 }) => {
+	let [i, a] = d(null), o = t ? JSON.stringify(t) : "", s = u(t);
+	s.current = t;
+	let c = u(n);
+	return c.current = n, l(() => {
+		if (!r || !e) {
+			a([...c.current]);
+			return;
+		}
+		let t = new AbortController();
+		return fetch(e, {
+			method: "GET",
+			headers: s.current,
+			credentials: "include",
+			signal: t.signal
+		}).then(async (e) => {
+			if (!e.ok) {
+				let t = await e.text().catch(() => "");
+				throw Error(`Suggestions request failed: ${e.status} ${t.slice(0, 200)}`);
+			}
+			let t = (await e.json())?.suggestions;
+			if (!Array.isArray(t) || !t.every((e) => typeof e == "string")) throw Error("Suggestions response shape invalid");
+			return t;
+		}).then((e) => {
+			t.signal.aborted || a(e.length > 0 ? e : [...c.current]);
+		}).catch((e) => {
+			t.signal.aborted || e instanceof Error && e.name === "AbortError" || a([...c.current]);
+		}), () => t.abort();
+	}, [
+		e,
+		r,
+		o
+	]), i;
+}, me = 36, he = 80, ge = ({ viewportRef: e, isRunning: t, onRunStart: n }) => {
+	let r = u(!1), [i, a] = d(!0), o = u(n);
+	return o.current = n, l(() => {
+		let n = r.current;
+		if (r.current = t, !t || n) return;
+		o.current?.();
+		let i = null, a = null;
+		return i = requestAnimationFrame(() => {
+			a = requestAnimationFrame(() => {
+				let t = e.current;
+				if (!t) return;
+				let n = Math.max(0, t.scrollHeight - t.clientHeight - me);
+				n > t.clientHeight * .3 && t.scrollTo({
+					top: n,
+					behavior: "smooth"
+				});
+			});
+		}), () => {
+			i !== null && cancelAnimationFrame(i), a !== null && cancelAnimationFrame(a);
+		};
+	}, [t, e]), l(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = () => {
+			a(t.scrollHeight - t.scrollTop - t.clientHeight < he);
+		};
+		t.addEventListener("scroll", n, { passive: !0 });
+		let r = new ResizeObserver(n);
+		for (let e of t.children) r.observe(e);
+		return () => {
+			t.removeEventListener("scroll", n), r.disconnect();
+		};
+	}, [e]), {
+		isAtBottom: i,
+		scrollToBottom: () => {
+			let t = e.current;
+			t && t.scrollTo({
+				top: t.scrollHeight,
+				behavior: "smooth"
+			});
+		}
+	};
+}, V = (...e) => e.filter(Boolean).join(" "), _e = ({ onStop: e }) => /* @__PURE__ */ p("button", {
+	type: "button",
+	onClick: e,
+	"aria-label": "Stop generating",
+	className: "flex h-9 w-9 items-center justify-center rounded-md shadow-md transition-all duration-150 hover:scale-110 active:scale-95",
+	style: {
+		backgroundColor: "var(--color-brand, #0a0a0a)",
+		color: "var(--color-brand-foreground, #fff)"
+	},
+	children: /* @__PURE__ */ p(C, { className: "h-3.5 w-3.5 fill-current" })
+}), H = () => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(D.If, {
+	dictation: !1,
+	children: /* @__PURE__ */ p(D.Dictate, {
+		className: "flex h-8 w-8 items-center justify-center rounded-md text-zinc-500 transition-colors hover:bg-zinc-100 hover:text-zinc-900",
+		children: /* @__PURE__ */ p(b, { className: "h-4 w-4" })
+	})
+}), /* @__PURE__ */ p(D.If, {
+	dictation: !0,
+	children: /* @__PURE__ */ p(D.StopDictation, {
+		className: "flex h-8 w-8 animate-pulse items-center justify-center rounded-md bg-red-500/15 text-red-500 transition-colors hover:bg-red-500/25",
+		children: /* @__PURE__ */ p(C, { className: "h-3 w-3 fill-current" })
+	})
+})] }), U = () => /* @__PURE__ */ p(D.Send, {
+	"aria-label": "Send message",
+	className: "flex h-9 w-9 items-center justify-center rounded-md shadow-md transition-all duration-300 hover:scale-110 active:scale-95 disabled:cursor-not-allowed disabled:opacity-40 disabled:shadow-none disabled:hover:scale-100",
+	style: {
+		backgroundColor: "var(--color-brand, #0a0a0a)",
+		color: "var(--color-brand-foreground, #fff)"
+	},
+	children: /* @__PURE__ */ p(h, { className: "h-5 w-5 stroke-[2.5px]" })
+}), W = ({ hasText: e, onStop: t, onStopAndSend: n }) => /* @__PURE__ */ m("div", {
+	className: "flex items-center gap-1.5",
+	children: [/* @__PURE__ */ p(_e, { onStop: t }), e && /* @__PURE__ */ p("button", {
+		type: "button",
+		onClick: n,
+		"aria-label": "Stop and send new message",
+		title: "Stop the current response and send",
+		className: "flex h-9 w-9 items-center justify-center rounded-md shadow-md transition-all duration-150 hover:scale-110 active:scale-95",
+		style: {
+			backgroundColor: "var(--color-brand, #0a0a0a)",
+			color: "var(--color-brand-foreground, #fff)"
+		},
+		children: /* @__PURE__ */ p(h, { className: "h-5 w-5 stroke-[2.5px]" })
+	})]
+}), G = ({ variant: e, isRunning: t, onStop: r, onStopAndSend: i }) => {
+	let a = P((e) => e.text.trim().length > 0), o = (e) => {
+		e.nativeEvent.isComposing || t && e.key === "Enter" && !e.shiftKey && (e.preventDefault(), a && i());
+	};
+	return e === "expanded" ? /* @__PURE__ */ m("div", {
+		className: "rounded-lg border border-zinc-200 bg-white shadow-sm transition-colors focus-within:border-[var(--color-brand,#a1a1aa)]",
+		children: [/* @__PURE__ */ p(D.Input, {
+			className: V("ai-chat-textarea w-full resize-none overflow-y-auto bg-transparent px-6 pt-4 text-sm text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", "max-h-[160px]"),
+			placeholder: "Ask anything about this site…",
+			rows: 1,
+			submitMode: "enter",
+			onInput: (e) => n(e.currentTarget),
+			onKeyDown: o
+		}), /* @__PURE__ */ m("div", {
+			className: "flex items-center justify-between px-3 pt-1 pb-2",
+			children: [/* @__PURE__ */ p(H, {}), t ? /* @__PURE__ */ p(W, {
+				hasText: a,
+				onStop: r,
+				onStopAndSend: i
+			}) : /* @__PURE__ */ p(U, {})]
+		})]
+	}) : /* @__PURE__ */ m("div", {
+		className: "flex items-end gap-2 rounded-lg border border-zinc-200 bg-white p-2 shadow-sm transition-colors focus-within:border-[var(--color-brand,#a1a1aa)]",
+		children: [
+			/* @__PURE__ */ p(D.Input, {
+				className: V("ai-chat-textarea min-w-0 flex-1 resize-none overflow-y-auto bg-transparent px-2 py-1.5 text-sm text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", "max-h-[120px]"),
+				placeholder: "Ask a follow-up…",
+				rows: 1,
+				submitMode: "enter",
+				onInput: (e) => n(e.currentTarget),
+				onKeyDown: o
+			}),
+			/* @__PURE__ */ p(H, {}),
+			t ? /* @__PURE__ */ p(W, {
+				hasText: a,
+				onStop: r,
+				onStopAndSend: i
+			}) : /* @__PURE__ */ p(U, {})
+		]
+	});
+}, ve = "rounded-2xl border border-zinc-200 bg-zinc-100 px-3.5 py-2.5", ye = "ai-chat-textarea w-full resize-none bg-transparent text-sm text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", be = "rounded-lg px-3 py-1.5 text-xs text-zinc-500 transition-colors hover:bg-zinc-100", xe = "rounded-lg px-3 py-1.5 text-xs transition-opacity hover:opacity-80", Se = ({ autoGrowMax: e, boxClassName: t = ve, inputClassName: r = ye, cancelClassName: i = be, sendClassName: a = xe, sendStyle: o }) => /* @__PURE__ */ p(O.Root, {
+	className: "mb-4 pr-12 pl-0",
+	children: /* @__PURE__ */ m(D.Root, { children: [/* @__PURE__ */ p("div", {
+		className: t,
+		children: /* @__PURE__ */ p(D.Input, {
+			className: r,
+			rows: 1,
+			onInput: (t) => n(t.currentTarget, e)
+		})
+	}), /* @__PURE__ */ m("div", {
+		className: "mt-2 flex justify-end gap-2",
+		children: [/* @__PURE__ */ p(D.Cancel, {
+			className: i,
+			children: "Cancel"
+		}), /* @__PURE__ */ p(D.Send, {
+			className: a,
+			style: o,
+			children: "Save & Submit"
+		})]
+	})] })
+}), K = ({ idleClassName: e = "text-zinc-500 hover:text-zinc-900", copiedClassName: t = "text-emerald-500", errorClassName: n = "text-rose-500", className: r = "rounded p-1.5 transition-colors", iconClassName: i = "h-3 w-3" }) => {
+	let [a, o] = d("idle"), s = M();
+	l(() => {
+		if (a === "idle") return;
+		let e = setTimeout(() => o("idle"), 1500);
+		return () => clearTimeout(e);
+	}, [a]);
+	let c = async () => {
+		let e = s.content.filter((e) => e.type === "text").map((e) => e.text).join("");
+		try {
+			await navigator.clipboard.writeText(e), o("copied");
+		} catch {
+			o("error");
+		}
+	}, u = a === "copied" ? t ?? e : a === "error" ? n ?? e : e, f = a === "copied" ? "Copied" : a === "error" ? "Copy failed" : "Copy message", m = a === "copied" ? g : a === "error" ? w : v;
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		"aria-label": f,
+		onClick: c,
+		className: [r, u].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ p(m, { className: i })
+	});
+}, Ce = ({ children: e }) => {
+	let [t, n] = d(!1), r = "plaintext", a = "";
+	return i.forEach(e, (e) => {
+		if (o(e)) {
+			let t = e.props, n = /language-(\w+)/.exec(t.className ?? "");
+			n && (r = n[1] ?? r), typeof t.children == "string" && (a = t.children.trim());
+		}
+	}), /* @__PURE__ */ m("div", {
+		className: "ai-chat-code not-prose my-4 overflow-hidden rounded-xl border",
+		children: [/* @__PURE__ */ m("div", {
+			className: "ai-chat-code__header flex items-center justify-between px-4 py-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "ai-chat-code__label font-mono text-[10px] uppercase tracking-widest",
+				children: r
+			}), /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => navigator.clipboard.writeText(a).then(() => {
+					n(!0), setTimeout(() => n(!1), 2e3);
+				}).catch(() => {}),
+				className: "ai-chat-code__copy flex items-center gap-1.5 rounded px-2 py-0.5 text-[10px] transition-colors",
+				children: t ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(g, { className: "h-3 w-3 text-emerald-500" }), /* @__PURE__ */ p("span", { children: "Copied!" })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, { className: "h-3 w-3" }), /* @__PURE__ */ p("span", { children: "Copy" })] })
+			})]
+		}), /* @__PURE__ */ p("pre", {
+			className: "ai-chat-code__pre overflow-x-auto px-4 py-4 font-mono text-sm leading-relaxed",
+			children: e
+		})]
+	});
+}, we = (e) => /* @__PURE__ */ p("a", {
+	...e,
+	target: "_blank",
+	rel: "noopener noreferrer"
+}), Te = () => /* @__PURE__ */ p(ne, {
+	remarkPlugins: [re],
+	components: {
+		pre: Ce,
+		a: we
+	}
+}), Ee = [
+	"Thinking",
+	"Pondering",
+	"Drafting",
+	"Reasoning",
+	"Composing",
+	"Cogitating",
+	"Synthesizing",
+	"Weighing words",
+	"Brewing",
+	"Sketching",
+	"Untangling",
+	"Threading the needle",
+	"Lining up ideas"
+], De = (e) => {
+	let t = Math.floor(e / 60), n = e % 60;
+	return t > 0 ? `${t}m ${n.toString().padStart(2, "0")}s` : `${n}s`;
+}, Oe = ({ phrases: e = Ee, textClassName: t = "ai-thinking-text", timerClassName: n = "text-xs text-zinc-500/70 tabular-nums", longRunningClassName: r = "ml-1.5 text-zinc-500/45", longRunningHint: i = "· hang tight" }) => {
+	let [a, o] = d(() => e.length > 0 ? Math.floor(Math.random() * e.length) : 0), [s, c] = d(0);
+	l(() => {
+		let t = e.length > 0 ? setInterval(() => {
+			o((t) => (t + 1) % e.length);
+		}, 2800) : null, n = setInterval(() => {
+			c((e) => e + 1);
+		}, 1e3);
+		return () => {
+			t !== null && clearInterval(t), clearInterval(n);
+		};
+	}, [e.length]);
+	let u = e[a] ?? "Thinking", f = s >= 3, h = s >= 30;
+	return /* @__PURE__ */ m("div", {
+		className: "flex items-center gap-3 py-1",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "ai-dust",
+				children: [
+					/* @__PURE__ */ p("span", { style: {
+						left: "4px",
+						"--delay": ".3s"
+					} }),
+					/* @__PURE__ */ p("span", { style: {
+						left: "12px",
+						"--delay": "0s"
+					} }),
+					/* @__PURE__ */ p("span", { style: {
+						left: "20px",
+						"--delay": ".6s"
+					} })
+				]
+			}),
+			/* @__PURE__ */ m("span", {
+				className: `${t} font-semibold text-sm transition-opacity duration-500`,
+				children: [u, "…"]
+			}),
+			f && /* @__PURE__ */ m("span", {
+				className: n,
+				children: [De(s), h && /* @__PURE__ */ p("span", {
+					className: r,
+					children: i
+				})]
+			})
+		]
+	});
+}, ke = () => null, Ae = "max-w-none text-sm text-zinc-900 leading-relaxed [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_a:hover]:text-sky-700 [&_a]:break-words [&_a]:font-medium [&_a]:text-sky-600 [&_a]:underline [&_a]:underline-offset-2 [&_li]:text-sm [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p]:my-2 [&_p]:text-sm [&_strong]:font-semibold [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", je = "text-xs text-zinc-500/60", Me = "rounded p-1.5 text-zinc-500 transition-colors hover:text-zinc-900", Ne = ({ tools: e = ke, Parts: n, thinkingIndicator: r = /* @__PURE__ */ p(Oe, {}), contentClassName: i = Ae, wrapContent: a, metaSlot: o, copyIdleClassName: s, copyCopiedClassName: c, reloadClassName: l = Me, timeClassName: u = je, timeFormatOptions: d, readOnly: f = !1, belowContent: h }) => {
+	let g = M(), _ = n ?? O.Content, v = g.status?.type === "running", y = /* @__PURE__ */ p("div", {
+		className: i,
+		children: /* @__PURE__ */ p(_, { components: {
+			Text: Te,
+			tools: { Fallback: e }
+		} })
+	});
+	return /* @__PURE__ */ p(O.Root, {
+		className: "group pr-4 pb-6",
+		children: /* @__PURE__ */ m("div", {
+			className: "flex min-w-0 flex-col",
+			children: [
+				a ? a(y) : y,
+				v && /* @__PURE__ */ p("div", {
+					className: "mt-1",
+					children: r
+				}),
+				!v && h && /* @__PURE__ */ p("div", {
+					className: "mt-2",
+					children: h
+				}),
+				!v && /* @__PURE__ */ m("div", {
+					className: "mt-2 flex items-center gap-2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: u,
+							children: t(g.createdAt, d)
+						}),
+						o,
+						/* @__PURE__ */ m(T.Root, {
+							className: "flex items-center gap-0.5",
+							children: [/* @__PURE__ */ p(K, {
+								idleClassName: s,
+								copiedClassName: c
+							}), !f && /* @__PURE__ */ p(T.Reload, {
+								className: l,
+								children: /* @__PURE__ */ p(x, { className: "h-3 w-3" })
+							})]
+						})
+					]
+				})
+			]
+		})
+	});
+}, Pe = "rounded-2xl border border-zinc-200 bg-zinc-100 px-3.5 py-2.5 text-sm text-zinc-900 leading-relaxed", Fe = "text-xs text-zinc-500/60", Ie = "rounded px-2 py-1 font-medium text-xs text-zinc-500 transition-colors hover:text-zinc-900", Le = ({ attachmentsSlot: e, bubbleClassName: n = Pe, timeClassName: r = Fe, editClassName: i = Ie, copyIdleClassName: a, copyCopiedClassName: o, timeFormatOptions: s, readOnly: c = !1 }) => {
+	let l = M();
+	return /* @__PURE__ */ m(O.Root, {
+		className: "group flex flex-col items-end pb-4 pl-12",
+		"data-user-message": "true",
+		children: [
+			e,
+			/* @__PURE__ */ p("div", {
+				className: n,
+				children: /* @__PURE__ */ p(O.Content, {})
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "mt-1 flex items-center gap-2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+				children: [/* @__PURE__ */ p("span", {
+					className: r,
+					children: t(l.createdAt, s)
+				}), /* @__PURE__ */ m(T.Root, {
+					className: "flex items-center gap-0.5",
+					children: [/* @__PURE__ */ p(K, {
+						idleClassName: a,
+						copiedClassName: o
+					}), !c && /* @__PURE__ */ p(T.Edit, {
+						className: i,
+						children: "Edit"
+					})]
+				})]
+			})
+		]
+	});
+}, Re = () => /* @__PURE__ */ p(Se, { sendStyle: {
+	backgroundColor: "var(--color-brand, #0a0a0a)",
+	color: "var(--color-brand-foreground, #fff)"
+} }), ze = [
+	"What do you offer?",
+	"How much does it cost?",
+	"Why should I choose you?",
+	"How do I get in touch?"
+], Be = [
+	"w-3/4",
+	"w-4/5",
+	"w-2/3",
+	"w-3/5"
+], q = ({ workspaceId: e, siteName: t, siteLogo: n, apiBaseUrl: r, authHeaders: i, followUps: a, hideComposer: o = !1 }) => {
+	let c = j(), d = N((e) => e.isRunning), { agentUnavailable: f } = de(), h = u(null), { isAtBottom: g, scrollToBottom: _ } = ge({
+		viewportRef: h,
+		isRunning: d
+	}), v = B({
+		endpoint: e ? `${r}/suggestions` : void 0,
+		headers: e ? {
+			...i,
+			"Levo-Workspace": e
+		} : void 0,
+		fallback: ze
+	}), y = s((e) => {
+		c.thread.composer.setText(e), c.thread.composer.send();
+	}, [c]), b = s(() => c.thread.cancelRun(), [c]), x = s(() => {
+		c.thread.cancelRun(), setTimeout(() => c.thread.composer.send(), 0);
+	}, [c]), S = u(d);
+	return l(() => {
+		S.current = d;
+	}, [d]), l(() => {
+		let e = (e) => {
+			e.key !== "Escape" || e.isComposing || !S.current || (e.preventDefault(), e.stopImmediatePropagation(), c.thread.cancelRun());
+		};
+		return window.addEventListener("keydown", e, !0), () => window.removeEventListener("keydown", e, !0);
+	}, [c]), /* @__PURE__ */ m(k.Root, {
+		className: "relative flex flex-1 flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ p(k.If, {
+				empty: !0,
+				children: /* @__PURE__ */ p("div", {
+					className: "pointer-events-none absolute inset-0 z-0 overflow-hidden",
+					children: /* @__PURE__ */ p("div", {
+						className: "absolute inset-0",
+						style: { background: ["radial-gradient(at 12% 18%, color-mix(in oklch, var(--color-brand, #4691e8) 12%, transparent) 0px, transparent 55%)", "radial-gradient(at 88% 82%, color-mix(in oklch, var(--color-brand-secondary, #db646d) 8%, transparent) 0px, transparent 55%)"].join(", ") }
+					})
+				})
+			}),
+			f && /* @__PURE__ */ p("div", {
+				role: "alert",
+				className: "relative z-20 shrink-0 border-amber-200 border-b bg-amber-50 px-4 py-2.5 text-amber-800 text-xs",
+				children: "This conversation is no longer available. Please refresh the page to start a new chat."
+			}),
+			/* @__PURE__ */ m(k.Viewport, {
+				ref: h,
+				turnAnchor: "top",
+				className: "relative z-10 flex-1 overflow-y-auto",
+				autoScroll: !1,
+				scrollToBottomOnRunStart: !1,
+				scrollToBottomOnInitialize: !1,
+				scrollToBottomOnThreadSwitch: !1,
+				children: [/* @__PURE__ */ p(k.Empty, { children: /* @__PURE__ */ m("div", {
+					className: "flex min-h-full flex-col items-center justify-center px-6 py-6",
+					children: [/* @__PURE__ */ m("div", {
+						className: "mb-5 flex flex-col items-center gap-2 text-center",
+						children: [
+							n ? /* @__PURE__ */ p("img", {
+								src: n,
+								alt: t ?? "Site logo",
+								className: "mb-1 h-12 w-auto max-w-[180px] object-contain"
+							}) : /* @__PURE__ */ p("span", {
+								className: "font-semibold text-lg text-zinc-900 tracking-tight",
+								children: t ?? "This site"
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "mt-1 text-2xl text-zinc-900 tracking-tight",
+								style: {
+									fontFamily: "var(--font-heading, inherit)",
+									fontWeight: 600
+								},
+								children: "Ask anything"
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "text-sm text-zinc-500",
+								style: { fontFamily: "var(--font-heading, inherit)" },
+								children: "Get instant answers about products, pricing, and how to get started."
+							})
+						]
+					}), /* @__PURE__ */ p("div", {
+						className: "flex w-full max-w-md flex-col gap-2",
+						children: v === null ? Be.map((e, t) => /* @__PURE__ */ p("div", {
+							className: "flex h-[42px] items-center rounded-lg border border-zinc-200 bg-white px-4",
+							children: /* @__PURE__ */ p("span", { className: `block h-3 animate-pulse rounded bg-zinc-200 ${e}` })
+						}, `skeleton-${t}`)) : v.map((e) => /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => y(e),
+							className: "rounded-lg border border-zinc-200 bg-white px-4 py-2.5 text-left text-sm text-zinc-700 transition-colors hover:border-zinc-300 hover:bg-zinc-50",
+							children: e
+						}, e))
+					})]
+				}) }), /* @__PURE__ */ p(k.If, {
+					empty: !1,
+					children: /* @__PURE__ */ p("div", {
+						className: "mx-auto max-w-3xl px-6 py-6 pt-8",
+						children: /* @__PURE__ */ p(k.Messages, { components: {
+							UserMessage: Le,
+							AssistantMessage: Ne,
+							EditComposer: Re
+						} })
+					})
+				})]
+			}),
+			!o && /* @__PURE__ */ p("div", {
+				className: "relative z-10 shrink-0 border-zinc-200 border-t bg-white/95 backdrop-blur-sm",
+				children: /* @__PURE__ */ m("div", {
+					className: "relative mx-auto max-w-3xl px-4 pt-3 pb-3",
+					children: [
+						!g && /* @__PURE__ */ p("div", {
+							className: "pointer-events-none absolute inset-x-0 -top-9 z-20 flex justify-center",
+							children: /* @__PURE__ */ p(z, {
+								onClick: _,
+								isRunning: d,
+								className: "pointer-events-auto rounded-full border border-zinc-200 bg-white/95 px-3 py-1.5 font-medium text-xs text-zinc-500 shadow-lg backdrop-blur-sm hover:text-zinc-900"
+							})
+						}),
+						a.length > 0 && !d && /* @__PURE__ */ p("div", {
+							className: "mb-2",
+							children: /* @__PURE__ */ p(F, {
+								chips: a,
+								onSelect: y,
+								size: "compact"
+							})
+						}),
+						/* @__PURE__ */ m(D.Root, { children: [
+							/* @__PURE__ */ p(k.If, {
+								empty: !0,
+								children: /* @__PURE__ */ p(G, {
+									variant: "expanded",
+									isRunning: d,
+									onStop: b,
+									onStopAndSend: x
+								})
+							}),
+							/* @__PURE__ */ p(k.If, {
+								empty: !1,
+								children: /* @__PURE__ */ p(G, {
+									variant: "compact",
+									isRunning: d,
+									onStop: b,
+									onStopAndSend: x
+								})
+							}),
+							/* @__PURE__ */ p(D.If, {
+								dictation: !0,
+								children: /* @__PURE__ */ m("div", {
+									className: "mt-2 flex items-center justify-center gap-2",
+									children: [/* @__PURE__ */ p("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-red-500" }), /* @__PURE__ */ p("span", {
+										className: "font-medium text-red-500 text-xs tracking-wide",
+										children: "Listening… speak now"
+									})]
+								})
+							})
+						] }),
+						/* @__PURE__ */ p(k.If, {
+							empty: !1,
+							children: /* @__PURE__ */ p("p", {
+								className: "mt-2 text-center text-[10px] text-zinc-500/70",
+								children: "Answers can be inaccurate. Verify before relying on them."
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+}, J = 4096, Ve = 400, He = 300, Ue = 2e3, We = (e) => document.querySelector(e)?.content?.trim() || void 0, Y = (e) => {
+	for (let t of e) {
+		let e = We(t);
+		if (e) return e;
+	}
+}, X = (e, t) => e.length > t ? `${e.slice(0, t - 1).trimEnd()}…` : e, Z = (e) => JSON.stringify(e).length, Ge = () => {
+	if (typeof window > "u" || typeof document > "u") return;
+	let e = {}, t = window.location?.href;
+	t && (e.url = t);
+	let n = document.title?.trim() || Y(["meta[property=\"og:title\"]", "meta[name=\"twitter:title\"]"]);
+	n && (e.page_title = X(n, He));
+	let r = Y([
+		"meta[name=\"description\"]",
+		"meta[property=\"og:description\"]",
+		"meta[name=\"twitter:description\"]"
+	]);
+	r && (e.description = X(r, Ve));
+	let i = document.referrer?.trim();
+	if (i && (e.referrer = i), Object.keys(e).length !== 0) return e.description && Z(e) > J && delete e.description, e.referrer && Z(e) > J && delete e.referrer, e.url && Z(e) > J && (e.url = e.url.slice(0, Ue)), e;
+}, Q = ({ workspaceId: e, siteName: t, siteLogo: n, agentId: r, apiBaseUrl: i, authHeaders: a, children: o }) => {
+	let c = u(e);
+	c.current = e;
+	let l = u(r);
+	l.current = r;
+	let { followUps: f, clearOnSend: m, handleData: h } = le(), [g, _] = d(!1), { conversationIdRef: v, handleFinish: y, reset: b } = ce(r ? `${e ?? ""}:${r}` : e), x = te({
+		transport: ie({
+			api: `${i}/stream`,
+			credentials: "include",
+			headers: a,
+			onSendStart: () => {
+				m(), _(!1);
+			},
+			getHeaders: () => {
+				let e = {};
+				return c.current && (e["Levo-Workspace"] = c.current), e;
+			},
+			getBody: (e) => {
+				let t = {
+					messages: e.messages,
+					workspace_id: c.current
+				};
+				v.current && (t.conversation_id = v.current), l.current && (t.agent_id = l.current);
+				let n = Ge();
+				return n && (t.context = n), t;
+			}
+		}),
+		adapters: { dictation: new A() },
+		onData: h,
+		onFinish: y,
+		onError: (e) => {
+			ue(e) ? _(!0) : console.warn("[levo-kb-chat] stream error:", e);
+		}
+	}), S = s(() => {
+		x.threads.switchToNewThread().catch((e) => {
+			console.warn("[levo-kb-chat] switchToNewThread failed:", e);
+		}), b(), m(), _(!1);
+	}, [
+		x,
+		b,
+		m
+	]);
+	return /* @__PURE__ */ p(E, {
+		runtime: x,
+		children: /* @__PURE__ */ p(L.Provider, {
+			value: { agentUnavailable: g },
+			children: o ? o({
+				followUps: f,
+				onResetChat: S
+			}) : /* @__PURE__ */ p(q, {
+				workspaceId: e,
+				siteName: t,
+				siteLogo: n,
+				apiBaseUrl: i,
+				authHeaders: a,
+				followUps: f
+			})
+		})
+	});
+}, $ = (...e) => e.filter(Boolean).join(" "), Ke = (e) => /* @__PURE__ */ p(Je, { ...e }), qe = (e) => {
+	let [t, n] = d(!1);
+	return l(() => {
+		if (!e) return;
+		let t = requestAnimationFrame(() => n(!0));
+		return () => cancelAnimationFrame(t);
+	}, [e]), [t, n];
+}, Je = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: i, agentId: a, apiBaseUrl: o, authHeaders: s, initialOpen: c, initialDraft: d }) => {
+	let [f, m] = qe(c), h = `kb-chat-panel-${e ?? "default"}`, g = u(null), _ = u(null);
+	l(() => {
+		if (!f) return;
+		let e = (e) => {
+			if (e.key !== "Escape" || e.isComposing) return;
+			let t = _.current;
+			if (t?.isRunning) {
+				t.cancelRun();
+				return;
+			}
+			m(!1);
+		}, t = (e) => {
+			let t = e.composedPath();
+			g.current && !t.includes(g.current) && m(!1);
+		};
+		return window.addEventListener("keydown", e, !0), document.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e, !0), document.removeEventListener("mousedown", t);
+		};
+	}, [f, m]);
+	let v = t ? `Ask ${t}` : "Ask AI";
+	return /* @__PURE__ */ p("div", {
+		ref: g,
+		className: $("ai-chat-launcher fixed bottom-8 left-1/2 z-[60] -translate-x-1/2 transition-all duration-500 ease-out", f ? "w-[min(36rem,calc(100vw-2.5rem))]" : "w-64"),
+		children: /* @__PURE__ */ p("div", {
+			className: "relative rounded-xl p-[2px] shadow-2xl",
+			style: { background: r },
+			children: /* @__PURE__ */ p("div", {
+				className: $("flex flex-col overflow-hidden rounded-xl bg-white transition-all duration-500 ease-out", f ? "max-h-[80vh]" : "max-h-[46px]"),
+				children: /* @__PURE__ */ p(Q, {
+					workspaceId: e,
+					siteName: t,
+					siteLogo: n,
+					agentId: a,
+					apiBaseUrl: o,
+					authHeaders: s,
+					children: ({ followUps: r, onResetChat: a }) => /* @__PURE__ */ p(Xe, {
+						open: f,
+						onToggle: () => m((e) => !e),
+						threadStateRef: _,
+						onResetChat: a,
+						askLabel: v,
+						panelId: h,
+						siteName: t,
+						siteIcon: i,
+						initialDraft: d,
+						followUps: r,
+						thread: /* @__PURE__ */ p(q, {
+							workspaceId: e,
+							siteName: t,
+							siteLogo: n,
+							apiBaseUrl: o,
+							authHeaders: s,
+							followUps: r,
+							hideComposer: !0
+						})
+					})
+				})
+			})
+		})
+	});
+}, Ye = [
+	"rounded-full border border-zinc-200 bg-white text-zinc-700",
+	"px-3 py-1 text-[13px] leading-snug",
+	"transition-all duration-150 hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 active:scale-95"
+].join(" "), Xe = ({ open: e, onToggle: t, threadStateRef: r, onResetChat: i, askLabel: a, panelId: o, siteName: c, siteIcon: u, initialDraft: d, followUps: g, thread: _ }) => {
+	let v = j(), x = N((e) => e.isRunning);
+	l(() => (r.current = {
+		isRunning: x,
+		cancelRun: () => v.thread.cancelRun()
+	}, () => {
+		r.current = null;
+	}), [
+		x,
+		v,
+		r
+	]);
+	let T = N((e) => e.messages.length > 0), E = P((e) => e.text.trim().length > 0), O = s(() => {
+		v.thread.cancelRun(), setTimeout(() => v.thread.composer.send(), 0);
+	}, [v]);
+	l(() => {
+		d && v.thread.composer.setText(d);
+	}, []);
+	let k = s((e) => {
+		v.thread.composer.setText(e), v.thread.composer.send();
+	}, [v]), A = c ?? "Ask AI";
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ m("header", {
+			className: $("flex w-full shrink-0 items-center justify-between gap-2 overflow-hidden border-zinc-100 border-b bg-white px-3 transition-all duration-500 ease-out", e ? "h-12 opacity-100" : "pointer-events-none h-0 opacity-0"),
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [u ? /* @__PURE__ */ p("img", {
+					src: u,
+					alt: "",
+					className: "h-6 w-6 shrink-0 rounded-sm object-contain"
+				}) : null, /* @__PURE__ */ p("span", {
+					className: "truncate font-semibold text-sm text-zinc-900",
+					children: A
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: "flex flex-shrink-0 items-center gap-1",
+				children: [T && /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: i,
+					"aria-label": "Start new chat",
+					title: "Start new chat",
+					className: "ai-chat-icon-btn flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md transition-colors",
+					children: /* @__PURE__ */ p(y, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: t,
+					"aria-label": "Close AI chat",
+					className: "ai-chat-icon-btn flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md transition-colors",
+					children: /* @__PURE__ */ p(w, { className: "h-4 w-4" })
+				})]
+			})]
+		}),
+		/* @__PURE__ */ p("section", {
+			id: o,
+			"aria-label": "AI chat",
+			className: $("flex max-h-[60vh] min-h-0 flex-col overflow-hidden transition-opacity duration-500 ease-out", e ? "opacity-100" : "pointer-events-none opacity-0"),
+			children: _
+		}),
+		e && g.length > 0 && !x && /* @__PURE__ */ p("div", {
+			className: "shrink-0 px-3 py-2",
+			children: /* @__PURE__ */ p(F, {
+				chips: g,
+				onSelect: k,
+				chipClassName: Ye
+			})
+		}),
+		/* @__PURE__ */ p(D.Root, { children: /* @__PURE__ */ p("div", {
+			className: $("w-full shrink-0", e ? "border-zinc-100 border-t p-2" : "h-[42px] px-2"),
+			children: /* @__PURE__ */ m("div", {
+				className: "flex h-full items-center gap-2",
+				children: [
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: t,
+						"aria-label": e ? "Collapse AI chat" : "Expand AI chat",
+						"aria-expanded": e,
+						"aria-controls": o,
+						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: /* @__PURE__ */ p(S, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "relative min-w-0 flex-1",
+						children: [/* @__PURE__ */ p(D.Input, {
+							placeholder: e ? "Ask anything…" : "",
+							onFocus: () => {
+								e || t();
+							},
+							onInput: (e) => n(e.currentTarget),
+							onKeyDown: (e) => {
+								e.nativeEvent.isComposing || x && e.key === "Enter" && !e.shiftKey && (e.preventDefault(), E && O());
+							},
+							rows: 1,
+							submitMode: "enter",
+							className: $("ai-chat-nozoom block w-full resize-none overflow-hidden bg-transparent text-sm text-zinc-900 leading-5 placeholder:text-zinc-500 focus:outline-none", "h-5 max-h-[80px]")
+						}), !e && /* @__PURE__ */ p("span", {
+							className: "pointer-events-none absolute inset-y-0 left-0 flex 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: a
+						})]
+					}),
+					e && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(D.If, {
+						dictation: !1,
+						children: /* @__PURE__ */ p(D.Dictate, {
+							"aria-label": "Start dictation",
+							className: "ai-chat-icon-btn flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md transition-colors",
+							children: /* @__PURE__ */ p(b, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ p(D.If, {
+						dictation: !0,
+						children: /* @__PURE__ */ p(D.StopDictation, {
+							"aria-label": "Stop dictation",
+							className: "flex h-8 w-8 flex-shrink-0 animate-pulse items-center justify-center rounded-md bg-red-500/15 text-red-500 transition-colors hover:bg-red-500/25",
+							children: /* @__PURE__ */ p(C, { className: "h-3 w-3 fill-current" })
+						})
+					})] }),
+					x ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => v.thread.cancelRun(),
+						"aria-label": "Stop generating",
+						className: "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: /* @__PURE__ */ p(C, { className: "h-3 w-3 fill-current" })
+					}), E && /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: O,
+						"aria-label": "Stop and send new message",
+						title: "Stop the current response and send",
+						className: "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: /* @__PURE__ */ p(h, { className: "h-3.5 w-3.5 stroke-[2.5px]" })
+					})] }) : /* @__PURE__ */ p(D.Send, {
+						"aria-label": "Send message",
+						className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full shadow-sm transition-transform hover:scale-105 active:scale-95 disabled:cursor-not-allowed disabled:opacity-40 disabled:shadow-none disabled:hover:scale-100",
+						style: {
+							backgroundColor: "var(--color-brand, #0a0a0a)",
+							color: "var(--color-brand-foreground, #fff)"
+						},
+						children: /* @__PURE__ */ p(h, { className: "h-3.5 w-3.5 stroke-[2.5px]" })
+					})
+				]
+			})
+		}) })
+	] });
+};
+//#endregion
+export { Ke as KBChatWidget };