@levo-so/studio 0.3.2 → 0.3.4

package/{KBChatWidget-BqcuZ1UF.js → KBChatWidget-0dtBwnDA.js}

@@ -2,13 +2,13 @@
 import { _ as e, a as t, c as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, r as d, s as f, t as p, u as m, v as h } from "./pillChrome-CrJ9a5vj.js";
 import { Children as g, createContext as _, isValidElement as v, useCallback as y, useContext as b, useEffect as x, useLayoutEffect as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { ArrowUp as O, Check as k, ChevronDown as A, Copy as j, MessageSquarePlus as M, Mic as ee, RefreshCw as N, Sparkles as te, Square as P, X as F } from "lucide-react";
-import { ActionBarPrimitive as I, AssistantRuntimeProvider as L, ComposerPrimitive as R, MessagePrimitive as z, ThreadPrimitive as B, WebSpeechDictationAdapter as ne, useAssistantRuntime as V, useMessage as H, useThread as U, useThreadComposer as re } from "@assistant-ui/react";
+import { ArrowUp as O, Check as k, ChevronDown as ee, Copy as A, MessageSquarePlus as j, Mic as te, RefreshCw as M, Sparkles as ne, Square as N, X as P } from "lucide-react";
+import { ActionBarPrimitive as F, AssistantRuntimeProvider as I, ComposerPrimitive as L, MessagePrimitive as R, ThreadPrimitive as z, WebSpeechDictationAdapter as re, useAui as B, useAuiState as V } from "@assistant-ui/react";
 import { AssistantChatTransport as ie, useChatRuntime as ae } from "@assistant-ui/react-ai-sdk";
 import { MarkdownTextPrimitive as oe } from "@assistant-ui/react-markdown";
 import se from "remark-gfm";
 //#region ../../libraries/ai-chat/src/FollowUpChips.tsx
-var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipClassName: i }) => {
+var H = ({ 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",
@@ -64,12 +64,12 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			return Array.isArray(t) ? (n(t.filter((e) => typeof e == "string")), !0) : !1;
 		}, [])
 	};
-}, de = (e) => e instanceof Error && e.message.includes("intelligence.site_agent.NO_ACTIVE_AGENT"), G = _({ agentUnavailable: !1 }), fe = () => b(G), pe = (...e) => e.filter(Boolean).join(" "), me = "inline-flex items-center justify-center gap-1.5 transition-all duration-200", he = "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", ge = ({ onClick: e, isRunning: t = !1, iconOnly: n = !1, className: r = he }) => /* @__PURE__ */ D("button", {
+}, de = (e) => e instanceof Error && e.message.includes("intelligence.site_agent.NO_ACTIVE_AGENT"), U = _({ agentUnavailable: !1 }), fe = () => b(U), pe = (...e) => e.filter(Boolean).join(" "), me = "inline-flex items-center justify-center gap-1.5 transition-all duration-200", he = "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", ge = ({ onClick: e, isRunning: t = !1, iconOnly: n = !1, className: r = he }) => /* @__PURE__ */ D("button", {
 	type: "button",
 	"aria-label": "Scroll to bottom",
 	onClick: e,
 	className: pe(me, r),
-	children: [/* @__PURE__ */ E(A, { className: "h-3 w-3" }), !n && (t ? "New messages" : "Scroll to bottom")]
+	children: [/* @__PURE__ */ E(ee, { className: "h-3 w-3" }), !n && (t ? "New messages" : "Scroll to bottom")]
 }), _e = ({ endpoint: e, headers: t, fallback: n, enabled: r = !0 }) => {
 	let [i, a] = w(null), o = t ? JSON.stringify(t) : "", s = C(t);
 	s.current = t;
@@ -151,7 +151,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			});
 		}
 	};
-}, K = (...e) => e.filter(Boolean).join(" "), q = ({ onStop: e }) => /* @__PURE__ */ E("button", {
+}, W = (...e) => e.filter(Boolean).join(" "), G = ({ onStop: e }) => /* @__PURE__ */ E("button", {
 	type: "button",
 	onClick: e,
 	"aria-label": "Stop generating",
@@ -160,20 +160,20 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		backgroundColor: "var(--color-brand, #0a0a0a)",
 		color: "var(--color-brand-foreground, #fff)"
 	},
-	children: /* @__PURE__ */ E(P, { className: "h-3.5 w-3.5 fill-current" })
-}), J = () => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(R.If, {
+	children: /* @__PURE__ */ E(N, { className: "h-3.5 w-3.5 fill-current" })
+}), K = () => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(L.If, {
 	dictation: !1,
-	children: /* @__PURE__ */ E(R.Dictate, {
+	children: /* @__PURE__ */ E(L.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__ */ E(ee, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ E(te, { className: "h-4 w-4" })
 	})
-}), /* @__PURE__ */ E(R.If, {
+}), /* @__PURE__ */ E(L.If, {
 	dictation: !0,
-	children: /* @__PURE__ */ E(R.StopDictation, {
+	children: /* @__PURE__ */ E(L.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__ */ E(P, { className: "h-3 w-3 fill-current" })
+		children: /* @__PURE__ */ E(N, { className: "h-3 w-3 fill-current" })
 	})
-})] }), xe = () => /* @__PURE__ */ E(R.Send, {
+})] }), xe = () => /* @__PURE__ */ E(L.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: {
@@ -187,9 +187,9 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 	};
 	return e === "expanded" ? /* @__PURE__ */ D("div", {
 		className: "rounded-lg border border-zinc-200 bg-white shadow-sm transition-colors focus-within:border-[var(--color-brand,#a1a1aa)]",
-		children: [/* @__PURE__ */ E(R.Input, {
+		children: [/* @__PURE__ */ E(L.Input, {
 			"data-ai-chat-composer": "",
-			className: K("ai-chat-textarea w-full resize-none overflow-y-auto bg-transparent px-6 pt-4 text-base text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", "max-h-[160px]"),
+			className: W("ai-chat-textarea w-full resize-none overflow-y-auto bg-transparent px-6 pt-4 text-base 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",
@@ -201,14 +201,14 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			onKeyDown: r
 		}), /* @__PURE__ */ D("div", {
 			className: "flex items-center justify-between px-3 pt-1 pb-2",
-			children: [/* @__PURE__ */ E(J, {}), t ? /* @__PURE__ */ E(q, { onStop: n }) : /* @__PURE__ */ E(xe, {})]
+			children: [/* @__PURE__ */ E(K, {}), t ? /* @__PURE__ */ E(G, { onStop: n }) : /* @__PURE__ */ E(xe, {})]
 		})]
 	}) : /* @__PURE__ */ D("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__ */ E(R.Input, {
+			/* @__PURE__ */ E(L.Input, {
 				"data-ai-chat-composer": "",
-				className: K("ai-chat-textarea min-w-0 flex-1 resize-none overflow-y-auto bg-transparent px-2 py-1.5 text-base text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", "max-h-[120px]"),
+				className: W("ai-chat-textarea min-w-0 flex-1 resize-none overflow-y-auto bg-transparent px-2 py-1.5 text-base text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", "max-h-[120px]"),
 				placeholder: "Ask a follow-up…",
 				rows: 1,
 				submitMode: "enter",
@@ -219,32 +219,32 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 				onInput: (e) => i(e.currentTarget),
 				onKeyDown: r
 			}),
-			/* @__PURE__ */ E(J, {}),
-			t ? /* @__PURE__ */ E(q, { onStop: n }) : /* @__PURE__ */ E(xe, {})
+			/* @__PURE__ */ E(K, {}),
+			t ? /* @__PURE__ */ E(G, { onStop: n }) : /* @__PURE__ */ E(xe, {})
 		]
 	});
-}, Ce = "rounded-2xl border border-zinc-200 bg-zinc-100 px-3.5 py-2.5", we = "ai-chat-textarea w-full resize-none bg-transparent text-base text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", Te = "rounded-md px-2 py-1 text-xs text-zinc-500 transition-colors hover:bg-zinc-100", Ee = "rounded-md px-2 py-1 text-xs transition-opacity hover:opacity-80", De = ({ autoGrowMax: e, boxClassName: t = Ce, inputClassName: n = we, cancelClassName: r = Te, sendClassName: a = Ee, sendStyle: o }) => /* @__PURE__ */ E(z.Root, {
+}, Ce = "rounded-2xl border border-zinc-200 bg-zinc-100 px-3.5 py-2.5", we = "ai-chat-textarea w-full resize-none bg-transparent text-base text-zinc-900 leading-relaxed placeholder:text-zinc-500 focus:outline-none", Te = "rounded-md px-2 py-1 text-xs text-zinc-500 transition-colors hover:bg-zinc-100", Ee = "rounded-md px-2 py-1 text-xs transition-opacity hover:opacity-80", De = ({ autoGrowMax: e, boxClassName: t = Ce, inputClassName: n = we, cancelClassName: r = Te, sendClassName: a = Ee, sendStyle: o }) => /* @__PURE__ */ E(R.Root, {
 	className: "mb-4 pr-2 pl-0",
-	children: /* @__PURE__ */ D(R.Root, { children: [/* @__PURE__ */ E("div", {
+	children: /* @__PURE__ */ D(L.Root, { children: [/* @__PURE__ */ E("div", {
 		className: t,
-		children: /* @__PURE__ */ E(R.Input, {
+		children: /* @__PURE__ */ E(L.Input, {
 			className: n,
 			rows: 1,
 			onInput: (t) => i(t.currentTarget, e)
 		})
 	}), /* @__PURE__ */ D("div", {
 		className: "mt-2 flex justify-end gap-1.5",
-		children: [/* @__PURE__ */ E(R.Cancel, {
+		children: [/* @__PURE__ */ E(L.Cancel, {
 			className: r,
 			children: "Cancel"
-		}), /* @__PURE__ */ E(R.Send, {
+		}), /* @__PURE__ */ E(L.Send, {
 			className: a,
 			style: o,
 			children: "Save"
 		})]
 	})] })
 }), Oe = ({ 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] = w("idle"), s = H();
+	let [a, o] = w("idle"), s = V((e) => e.message);
 	x(() => {
 		if (a === "idle") return;
 		let e = setTimeout(() => o("idle"), 1500);
@@ -257,7 +257,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		} catch {
 			o("error");
 		}
-	}, l = a === "copied" ? t ?? e : a === "error" ? n ?? e : e, u = a === "copied" ? "Copied" : a === "error" ? "Copy failed" : "Copy message", d = a === "copied" ? k : a === "error" ? F : j;
+	}, l = a === "copied" ? t ?? e : a === "error" ? n ?? e : e, u = a === "copied" ? "Copied" : a === "error" ? "Copy failed" : "Copy message", d = a === "copied" ? k : a === "error" ? P : A;
 	return /* @__PURE__ */ E("button", {
 		type: "button",
 		"aria-label": u,
@@ -285,7 +285,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 					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__ */ D(T, { children: [/* @__PURE__ */ E(k, { className: "h-3 w-3 text-emerald-500" }), /* @__PURE__ */ E("span", { children: "Copied!" })] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(j, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", { children: "Copy" })] })
+				children: t ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(k, { className: "h-3 w-3 text-emerald-500" }), /* @__PURE__ */ E("span", { children: "Copied!" })] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(A, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", { children: "Copy" })] })
 			})]
 		}), /* @__PURE__ */ E("pre", {
 			className: "ai-chat-code__pre overflow-x-auto px-4 py-4 font-mono text-sm leading-relaxed",
@@ -373,14 +373,14 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		]
 	});
 }, Ie = () => null, Le = "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", Re = "group pr-4 pb-6", ze = "mt-2 flex items-center gap-2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100", Be = "text-xs text-zinc-500/60", Ve = "rounded p-1.5 text-zinc-500 transition-colors hover:text-zinc-900", He = ({ tools: e = Ie, Parts: t, thinkingIndicator: n = /* @__PURE__ */ E(Fe, {}), rootClassName: r = Re, contentClassName: i = Le, metaClassName: a = ze, wrapContent: o, metaSlot: s, copyIdleClassName: c, copyCopiedClassName: l, reloadClassName: u = Ve, timeClassName: d = Be, timeFormatOptions: f, readOnly: p = !1, belowContent: m }) => {
-	let g = H(), _ = t ?? z.Content, v = g.status?.type === "running", y = /* @__PURE__ */ E("div", {
+	let g = V((e) => e.message), _ = t ?? R.Content, v = g.status?.type === "running", y = /* @__PURE__ */ E("div", {
 		className: i,
 		children: /* @__PURE__ */ E(_, { components: {
 			Text: Me,
 			tools: { Fallback: e }
 		} })
 	});
-	return /* @__PURE__ */ E(z.Root, {
+	return /* @__PURE__ */ E(R.Root, {
 		className: r,
 		children: /* @__PURE__ */ D("div", {
 			className: "flex min-w-0 flex-col",
@@ -402,14 +402,14 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 							children: h(g.createdAt, f)
 						}),
 						s,
-						/* @__PURE__ */ D(I.Root, {
+						/* @__PURE__ */ D(F.Root, {
 							className: "flex items-center gap-0.5",
 							children: [/* @__PURE__ */ E(Oe, {
 								idleClassName: c,
 								copiedClassName: l
-							}), !p && /* @__PURE__ */ E(I.Reload, {
+							}), !p && /* @__PURE__ */ E(F.Reload, {
 								className: u,
-								children: /* @__PURE__ */ E(N, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ E(M, { className: "h-3 w-3" })
 							})]
 						})
 					]
@@ -418,27 +418,27 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		})
 	});
 }, Ue = "group flex flex-col items-end pb-4 pl-12", We = "rounded-2xl border border-zinc-200 bg-zinc-100 px-3.5 py-2.5 text-sm text-zinc-900 leading-relaxed", Ge = "mt-1 flex items-center gap-2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100", Ke = "text-xs text-zinc-500/60", qe = "rounded px-2 py-1 font-medium text-xs text-zinc-500 transition-colors hover:text-zinc-900", Je = ({ attachmentsSlot: e, rootClassName: t = Ue, bubbleClassName: n = We, contentSlot: r, metaClassName: i = Ge, timeClassName: a = Ke, editClassName: o = qe, copyIdleClassName: s, copyCopiedClassName: c, timeFormatOptions: l, readOnly: u = !1 }) => {
-	let d = H();
-	return /* @__PURE__ */ D(z.Root, {
+	let d = V((e) => e.message);
+	return /* @__PURE__ */ D(R.Root, {
 		className: t,
 		"data-user-message": "true",
 		children: [
 			e,
 			/* @__PURE__ */ E("div", {
 				className: n,
-				children: r ?? /* @__PURE__ */ E(z.Content, {})
+				children: r ?? /* @__PURE__ */ E(R.Content, {})
 			}),
 			/* @__PURE__ */ D("div", {
 				className: i,
 				children: [/* @__PURE__ */ E("span", {
 					className: a,
 					children: h(d.createdAt, l)
-				}), /* @__PURE__ */ D(I.Root, {
+				}), /* @__PURE__ */ D(F.Root, {
 					className: "flex items-center gap-0.5",
 					children: [/* @__PURE__ */ E(Oe, {
 						idleClassName: s,
 						copiedClassName: c
-					}), !u && /* @__PURE__ */ E(I.Edit, {
+					}), !u && /* @__PURE__ */ E(F.Edit, {
 						className: o,
 						children: "Edit"
 					})]
@@ -460,7 +460,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 	"w-2/3",
 	"w-3/5"
 ], Qe = ({ workspaceId: t, siteName: n, siteLogo: r, apiBaseUrl: i, authHeaders: a, agentId: o, followUps: s, hideComposer: c = !1 }) => {
-	let l = V(), u = U((e) => e.isRunning), { agentUnavailable: d } = fe(), f = C(null), { isAtBottom: p, scrollToBottom: m } = be({
+	let l = B(), u = V((e) => e.thread.isRunning), { agentUnavailable: d } = fe(), f = C(null), { isAtBottom: p, scrollToBottom: m } = be({
 		viewportRef: f,
 		isRunning: u
 	}), h = _e({
@@ -471,7 +471,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		} : void 0,
 		fallback: Xe
 	}), g = y((t) => {
-		e(l.thread.composer, t);
+		e(l.thread.composer(), t);
 	}, [l]), _ = y(() => l.thread.cancelRun(), [l]), v = C(u);
 	return x(() => {
 		v.current = u;
@@ -480,10 +480,10 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			e.key !== "Escape" || e.isComposing || !v.current || (e.preventDefault(), e.stopImmediatePropagation(), l.thread.cancelRun());
 		};
 		return window.addEventListener("keydown", e, !0), () => window.removeEventListener("keydown", e, !0);
-	}, [l]), /* @__PURE__ */ D(B.Root, {
+	}, [l]), /* @__PURE__ */ D(z.Root, {
 		className: "relative flex flex-1 flex-col overflow-hidden",
 		children: [
-			/* @__PURE__ */ E(B.If, {
+			/* @__PURE__ */ E(z.If, {
 				empty: !0,
 				children: /* @__PURE__ */ E("div", {
 					className: "pointer-events-none absolute inset-0 z-0 overflow-hidden",
@@ -498,7 +498,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 				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__ */ D(B.Viewport, {
+			/* @__PURE__ */ D(z.Viewport, {
 				ref: f,
 				turnAnchor: "top",
 				className: "relative z-10 flex-1 overflow-y-auto",
@@ -506,7 +506,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 				scrollToBottomOnRunStart: !1,
 				scrollToBottomOnInitialize: !1,
 				scrollToBottomOnThreadSwitch: !1,
-				children: [/* @__PURE__ */ E(B.Empty, { children: /* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ E(z.Empty, { children: /* @__PURE__ */ D("div", {
 					className: "flex min-h-full flex-col items-center justify-center px-6 py-6",
 					children: [/* @__PURE__ */ D("div", {
 						className: "mb-5 flex flex-col items-center gap-2 text-center",
@@ -546,11 +546,11 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 							children: e
 						}, e))
 					})]
-				}) }), /* @__PURE__ */ E(B.If, {
+				}) }), /* @__PURE__ */ E(z.If, {
 					empty: !1,
 					children: /* @__PURE__ */ E("div", {
 						className: "ai-chat-kb-messages mx-auto max-w-3xl px-6 py-6 pt-8",
-						children: /* @__PURE__ */ E(B.Messages, { components: {
+						children: /* @__PURE__ */ E(z.Messages, { components: {
 							UserMessage: Je,
 							AssistantMessage: He,
 							EditComposer: Ye
@@ -573,14 +573,14 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 						}),
 						s.length > 0 && !u && /* @__PURE__ */ E("div", {
 							className: "mb-2",
-							children: /* @__PURE__ */ E(W, {
+							children: /* @__PURE__ */ E(H, {
 								chips: s,
 								onSelect: g,
 								size: "compact"
 							})
 						}),
-						/* @__PURE__ */ D(R.Root, { children: [
-							/* @__PURE__ */ E(B.If, {
+						/* @__PURE__ */ D(L.Root, { children: [
+							/* @__PURE__ */ E(z.If, {
 								empty: !0,
 								children: /* @__PURE__ */ E(Se, {
 									variant: "expanded",
@@ -588,7 +588,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 									onStop: _
 								})
 							}),
-							/* @__PURE__ */ E(B.If, {
+							/* @__PURE__ */ E(z.If, {
 								empty: !1,
 								children: /* @__PURE__ */ E(Se, {
 									variant: "compact",
@@ -596,7 +596,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 									onStop: _
 								})
 							}),
-							/* @__PURE__ */ E(R.If, {
+							/* @__PURE__ */ E(L.If, {
 								dictation: !0,
 								children: /* @__PURE__ */ D("div", {
 									className: "mt-2 flex items-center justify-center gap-2",
@@ -607,7 +607,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 								})
 							})
 						] }),
-						/* @__PURE__ */ E(B.If, {
+						/* @__PURE__ */ E(z.If, {
 							empty: !1,
 							children: /* @__PURE__ */ E("p", {
 								className: "mt-2 text-center text-[10px] text-zinc-500/70",
@@ -619,31 +619,32 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			})
 		]
 	});
-}, Y = 4096, $e = 400, et = 300, tt = 2e3, nt = (e) => document.querySelector(e)?.content?.trim() || void 0, rt = (e) => {
+}, q = 4096, $e = 400, et = 300, tt = 2e3, nt = (e) => document.querySelector(e)?.content?.trim() || void 0, J = (e) => {
 	for (let t of e) {
 		let e = nt(t);
 		if (e) return e;
 	}
-}, it = (e, t) => e.length > t ? `${e.slice(0, t - 1).trimEnd()}…` : e, X = (e) => JSON.stringify(e).length, at = () => {
+}, rt = (e, t) => e.length > t ? `${e.slice(0, t - 1).trimEnd()}…` : e, Y = (e) => JSON.stringify(e).length, it = () => {
 	if (typeof window > "u" || typeof document > "u") return;
 	let e = {}, t = window.location?.href;
 	t && (e.url = t);
-	let n = document.title?.trim() || rt(["meta[property=\"og:title\"]", "meta[name=\"twitter:title\"]"]);
-	n && (e.page_title = it(n, et));
-	let r = rt([
+	let n = document.title?.trim() || J(["meta[property=\"og:title\"]", "meta[name=\"twitter:title\"]"]);
+	n && (e.page_title = rt(n, et));
+	let r = J([
 		"meta[name=\"description\"]",
 		"meta[property=\"og:description\"]",
 		"meta[name=\"twitter:description\"]"
 	]);
-	r && (e.description = it(r, $e));
+	r && (e.description = rt(r, $e));
 	let i = document.referrer?.trim();
-	if (i && (e.referrer = i), Object.keys(e).length !== 0) return e.description && X(e) > Y && delete e.description, e.referrer && X(e) > Y && delete e.referrer, e.url && X(e) > Y && (e.url = e.url.slice(0, tt)), e;
-}, ot = ({ workspaceId: e, siteName: t, siteLogo: n, agentId: r, apiBaseUrl: i, authHeaders: a, children: o }) => {
+	if (i && (e.referrer = i), Object.keys(e).length !== 0) return e.description && Y(e) > q && delete e.description, e.referrer && Y(e) > q && delete e.referrer, e.url && Y(e) > q && (e.url = e.url.slice(0, tt)), e;
+}, at = ({ workspaceId: e, siteName: t, siteLogo: n, agentId: r, apiBaseUrl: i, authHeaders: a, children: o }) => {
 	let s = C(e);
 	s.current = e;
 	let c = C(r);
 	c.current = r;
 	let { followUps: l, clearOnSend: u, handleData: d } = ue(), [f, p] = w(!1), { conversationIdRef: m, handleFinish: h, reset: g } = le(e), _ = ae({
+		joinStrategy: "none",
 		transport: ce({
 			api: `${i}/stream`,
 			credentials: "include",
@@ -661,11 +662,11 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 					workspace_id: s.current
 				};
 				m.current && (t.conversation_id = m.current), c.current && (t.agent_id = c.current);
-				let n = at();
+				let n = it();
 				return n && (t.context = n), t;
 			}
 		}),
-		adapters: { dictation: new ne() },
+		adapters: { dictation: new re({ interimResults: !1 }) },
 		onData: d,
 		onFinish: h,
 		onError: (e) => {
@@ -680,9 +681,9 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		g,
 		u
 	]);
-	return /* @__PURE__ */ E(L, {
+	return /* @__PURE__ */ E(I, {
 		runtime: _,
-		children: /* @__PURE__ */ E(G.Provider, {
+		children: /* @__PURE__ */ E(U.Provider, {
 			value: { agentUnavailable: f },
 			children: o ? o({
 				followUps: l,
@@ -698,7 +699,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			})
 		})
 	});
-}, st = (e, t, n) => {
+}, ot = (e, t, n) => {
 	x(() => {
 		if (!e) return;
 		let r = (e) => {
@@ -716,16 +717,16 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		t,
 		n
 	]);
-}, Z = "(max-width: 639px)", ct = () => {
-	let [e, t] = w(() => typeof window < "u" && window.matchMedia(Z).matches);
+}, X = "(max-width: 639px)", Z = () => {
+	let [e, t] = w(() => typeof window < "u" && window.matchMedia(X).matches);
 	return x(() => {
-		let e = window.matchMedia(Z), n = () => t(e.matches);
+		let e = window.matchMedia(X), n = () => t(e.matches);
 		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
-}, lt = (e, t) => {
+}, st = (e, t) => {
 	x(() => {
 		let n = t.current, r = window.visualViewport;
-		if (!e || !n || !r || !window.matchMedia(Z).matches) return;
+		if (!e || !n || !r || !window.matchMedia(X).matches) return;
 		let i = () => {
 			n.style.setProperty("--ai-vv-top", `${r.offsetTop}px`), n.style.setProperty("--ai-vv-height", `${r.height}px`);
 		};
@@ -733,7 +734,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			r.removeEventListener("resize", i), r.removeEventListener("scroll", i), n.style.removeProperty("--ai-vv-top"), n.style.removeProperty("--ai-vv-height");
 		};
 	}, [e, t]);
-}, ut = (e, t, n) => {
+}, ct = (e, t, n) => {
 	x(() => {
 		if (!e) return;
 		let r = (e) => {
@@ -746,43 +747,43 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		t,
 		n
 	]);
-}, Q = (...e) => e.filter(Boolean).join(" "), dt = ({ open: e, onToggle: i, askLabel: a, panelId: h, initialDraft: g }) => {
-	let _ = V(), v = ct(), y = U((e) => e.isRunning), b = U((e) => e.messages.length > 0), k = re((e) => e.text), A = k.trim().length > 0, [j, M] = w(!1);
+}, Q = (...e) => e.filter(Boolean).join(" "), lt = ({ open: e, onToggle: i, askLabel: a, panelId: h, initialDraft: g }) => {
+	let _ = B(), v = Z(), y = V((e) => e.thread.isRunning), b = V((e) => e.thread.messages.length > 0), k = V((e) => e.composer.text), ee = k.trim().length > 0, [A, j] = w(!1);
 	x(() => {
-		g && _.thread.composer.setText(g);
+		g && _.thread.composer().setText(g);
 	}, []);
-	let N = C(null), F = C(null), I = C(!1);
+	let M = C(null), P = C(null), F = C(!1);
 	S(() => {
-		let e = N.current;
-		!e || document.activeElement === e || (I.current = !0, e.focus({ preventScroll: !0 }));
+		let e = M.current;
+		!e || document.activeElement === e || (F.current = !0, e.focus({ preventScroll: !0 }));
 	}, []), S(() => {
-		let t = N.current, n = F.current;
+		let t = M.current, n = P.current;
 		if (!(!t || !n)) {
 			if (!e) {
-				t.style.height = "", M(!1);
+				t.style.height = "", j(!1);
 				return;
 			}
-			M(c(n, t));
+			j(c(n, t));
 		}
 	}, [k, e]);
-	let L = C(e);
+	let I = C(e);
 	x(() => {
-		let t = L.current;
-		L.current = e;
-		let n = N.current;
+		let t = I.current;
+		I.current = e;
+		let n = M.current;
 		e || !t || !n || document.activeElement === n && n.blur();
 	}, [e]);
-	let z = C(y);
+	let R = C(y);
 	x(() => {
-		let e = !z.current && y;
-		z.current = y, v && e && N.current?.blur();
+		let e = !R.current && y;
+		R.current = y, v && e && M.current?.blur();
 	}, [y, v]);
-	let B = b ? "Continue conversation" : a;
+	let z = b ? "Continue conversation" : a;
 	return /* @__PURE__ */ E("div", {
 		className: Q(l, e ? f : n),
 		children: /* @__PURE__ */ D("div", {
-			ref: F,
-			className: Q(m, j && "ai-chat-pill-surface--stacked"),
+			ref: P,
+			className: Q(m, A && "ai-chat-pill-surface--stacked"),
 			children: [
 				/* @__PURE__ */ E("button", {
 					type: "button",
@@ -791,23 +792,23 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 					"aria-expanded": e,
 					"aria-controls": h,
 					className: s,
-					children: /* @__PURE__ */ E(te, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ E(ne, { className: "h-5 w-5" })
 				}),
 				/* @__PURE__ */ D("div", {
 					className: d,
-					children: [/* @__PURE__ */ E(R.Input, {
-						ref: N,
+					children: [/* @__PURE__ */ E(L.Input, {
+						ref: M,
 						"data-ai-chat-composer": "",
 						placeholder: e ? "Ask anything…" : "",
 						onFocus: () => {
-							if (I.current) {
-								I.current = !1;
+							if (F.current) {
+								F.current = !1;
 								return;
 							}
 							e || i();
 						},
 						onKeyDown: (e) => {
-							e.nativeEvent.isComposing || e.key !== "Enter" || e.shiftKey || (e.preventDefault(), !y && A && _.thread.composer.send());
+							e.nativeEvent.isComposing || e.key !== "Enter" || e.shiftKey || (e.preventDefault(), !y && ee && _.thread.composer().send());
 						},
 						rows: 1,
 						submitMode: "enter",
@@ -822,24 +823,24 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 					}), /* @__PURE__ */ E("span", {
 						className: Q(o, "transition-opacity duration-150", e && "opacity-0"),
 						"aria-hidden": !0,
-						children: B
+						children: z
 					})]
 				}),
 				/* @__PURE__ */ D("div", {
 					className: p,
-					children: [e && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(R.If, {
+					children: [e && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(L.If, {
 						dictation: !1,
-						children: /* @__PURE__ */ E(R.Dictate, {
+						children: /* @__PURE__ */ E(L.Dictate, {
 							"aria-label": "Start dictation",
 							className: "ai-chat-icon-btn flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full transition-colors active:scale-95",
-							children: /* @__PURE__ */ E(ee, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ E(te, { className: "h-5 w-5" })
 						})
-					}), /* @__PURE__ */ E(R.If, {
+					}), /* @__PURE__ */ E(L.If, {
 						dictation: !0,
-						children: /* @__PURE__ */ E(R.StopDictation, {
+						children: /* @__PURE__ */ E(L.StopDictation, {
 							"aria-label": "Stop dictation",
 							className: "flex h-11 w-11 flex-shrink-0 animate-pulse items-center justify-center rounded-full bg-red-500/15 text-red-500 transition-colors hover:bg-red-500/25",
-							children: /* @__PURE__ */ E(P, { className: "h-4 w-4 fill-current" })
+							children: /* @__PURE__ */ E(N, { className: "h-4 w-4 fill-current" })
 						})
 					})] }), e ? y ? /* @__PURE__ */ E("button", {
 						type: "button",
@@ -847,8 +848,8 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 						"aria-label": "Stop generating",
 						className: t,
 						style: u,
-						children: /* @__PURE__ */ E(P, { className: "h-4 w-4 fill-current" })
-					}) : /* @__PURE__ */ E(R.Send, {
+						children: /* @__PURE__ */ E(N, { className: "h-4 w-4 fill-current" })
+					}) : /* @__PURE__ */ E(L.Send, {
 						"aria-label": "Send message",
 						className: Q(t, "disabled:cursor-not-allowed disabled:opacity-40 disabled:shadow-none disabled:hover:scale-100"),
 						style: u,
@@ -865,7 +866,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			]
 		})
 	});
-}, ft = "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))", $ = (...e) => e.filter(Boolean).join(" "), pt = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: r, siteSlug: i, agentId: o, apiBaseUrl: s, authHeaders: c, initialOpen: l, initialDraft: u, showBranding: d = !0 }) => {
+}, ut = "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))", $ = (...e) => e.filter(Boolean).join(" "), dt = ({ workspaceId: e, siteName: t, siteLogo: n, siteIcon: r, siteSlug: i, agentId: o, apiBaseUrl: s, authHeaders: c, initialOpen: l, initialDraft: u, showBranding: d = !0 }) => {
 	let [f, p] = w(!1);
 	x(() => {
 		if (!l) return;
@@ -873,19 +874,19 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		return () => cancelAnimationFrame(e);
 	}, [l]);
 	let m = `kb-chat-panel-${e ?? "default"}`, h = C(null), g = C(null), _ = y(() => p(!1), []);
-	st(f, g, _), ut(f, h, _), lt(f, h);
+	ot(f, g, _), ct(f, h, _), st(f, h);
 	let v = a(t);
 	return /* @__PURE__ */ E("div", {
 		ref: h,
 		className: $("ai-chat-launcher pointer-events-none fixed bottom-5 left-1/2 z-[60] flex -translate-x-1/2 flex-col", "ai-chat-kb-wrap", f ? "w-[min(34rem,calc(100vw-1.5rem))]" : "ai-chat-kb-wrap-closed w-[19.5rem]"),
-		children: /* @__PURE__ */ E(ot, {
+		children: /* @__PURE__ */ E(at, {
 			workspaceId: e,
 			siteName: t,
 			siteLogo: n,
 			agentId: o,
 			apiBaseUrl: s,
 			authHeaders: c,
-			children: ({ followUps: a, onResetChat: l }) => /* @__PURE__ */ E(ht, {
+			children: ({ followUps: a, onResetChat: l }) => /* @__PURE__ */ E(pt, {
 				open: f,
 				onToggle: () => p((e) => !e),
 				threadStateRef: g,
@@ -911,12 +912,12 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			})
 		})
 	});
-}, mt = [
+}, ft = [
 	"rounded-full border border-zinc-200 bg-white text-zinc-700",
 	"px-3 py-1 text-[13px] leading-snug",
 	"transition-[border-color,background-color,color,transform] duration-150 hover:border-zinc-300 hover:bg-zinc-50 hover:text-zinc-900 active:scale-95"
-].join(" "), ht = ({ open: t, onToggle: n, threadStateRef: r, onResetChat: i, askLabel: a, panelId: o, siteName: s, siteIcon: c, siteSlug: l, initialDraft: u, showBranding: d, followUps: f, thread: p }) => {
-	let m = V(), h = U((e) => e.isRunning), g = U((e) => e.messages.length > 0), _ = ct() ? f.slice(0, 2) : f;
+].join(" "), pt = ({ open: t, onToggle: n, threadStateRef: r, onResetChat: i, askLabel: a, panelId: o, siteName: s, siteIcon: c, siteSlug: l, initialDraft: u, showBranding: d, followUps: f, thread: p }) => {
+	let m = B(), h = V((e) => e.thread.isRunning), g = V((e) => e.thread.messages.length > 0), _ = Z() ? f.slice(0, 2) : f;
 	x(() => (r.current = {
 		isRunning: h,
 		cancelRun: () => m.thread.cancelRun()
@@ -928,7 +929,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 		r
 	]);
 	let v = y((t) => {
-		e(m.thread.composer, t);
+		e(m.thread.composer(), t);
 	}, [m]), b = s ?? "Ask AI", S = `https://levo.so/?utm_source=${encodeURIComponent(l || "website")}&utm_term=Powered%20By%20levo.so&utm_campaign=site_agent&utm_medium=organic_site_agent`;
 	return /* @__PURE__ */ D(T, { children: [
 		/* @__PURE__ */ E("div", {
@@ -937,7 +938,7 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 			style: { filter: "drop-shadow(0 16px 32px rgba(0,0,0,0.16)) drop-shadow(0 2px 8px rgba(0,0,0,0.08))" },
 			children: /* @__PURE__ */ E("div", {
 				className: $("ai-chat-kb-surface h-full w-full p-[2px]", !t && "ai-chat-kb-surface-closed"),
-				style: { background: ft },
+				style: { background: ut },
 				children: /* @__PURE__ */ E("div", { className: "h-full w-full rounded-t-[26px] rounded-b-[40px] bg-white" })
 			})
 		}),
@@ -967,13 +968,13 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 							"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-full transition-[background-color,color,transform] duration-150 active:scale-95",
-							children: /* @__PURE__ */ E(M, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ E(j, { className: "h-4 w-4" })
 						}), /* @__PURE__ */ E("button", {
 							type: "button",
 							onClick: n,
 							"aria-label": "Close AI chat",
 							className: "ai-chat-icon-btn flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full transition-[background-color,color,transform] duration-150 active:scale-95",
-							children: /* @__PURE__ */ E(F, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ E(P, { className: "h-4 w-4" })
 						})]
 					})]
 				}),
@@ -984,17 +985,17 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 				}),
 				_.length > 0 && !h && /* @__PURE__ */ E("div", {
 					className: "shrink-0 px-4 pt-1 pb-2",
-					children: /* @__PURE__ */ E(W, {
+					children: /* @__PURE__ */ E(H, {
 						chips: _,
 						onSelect: v,
-						chipClassName: mt
+						chipClassName: ft
 					})
 				})
 			]
 		}),
 		/* @__PURE__ */ E("div", {
 			className: "ai-chat-kb-pillbox pointer-events-auto relative z-20 mx-3 mt-1",
-			children: /* @__PURE__ */ E(dt, {
+			children: /* @__PURE__ */ E(lt, {
 				open: t,
 				onToggle: n,
 				askLabel: a,
@@ -1008,17 +1009,13 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 				className: "overflow-hidden",
 				children: /* @__PURE__ */ D("p", {
 					className: "pt-2 text-center text-[11px] text-zinc-400",
-					children: [
-						"Powered by",
-						" ",
-						/* @__PURE__ */ E("a", {
-							href: S,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							className: "pointer-events-auto font-medium text-zinc-500 underline-offset-2 transition-colors hover:text-zinc-700 hover:underline",
-							children: "levo.so"
-						})
-					]
+					children: ["Powered by ", /* @__PURE__ */ E("a", {
+						href: S,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "pointer-events-auto font-medium text-zinc-500 underline-offset-2 transition-colors hover:text-zinc-700 hover:underline",
+						children: "levo.so"
+					})]
 				})
 			})
 		}),
@@ -1026,4 +1023,4 @@ var W = ({ chips: e, onSelect: t, size: n = "comfortable", className: r, chipCla
 	] });
 };
 //#endregion
-export { pt as KBChatWidget };
+export { dt as KBChatWidget };