@thewhatmatters/wmds 0.4.2 → 0.4.4

package/dist/components/organisms/ChatDock/ChatDock.js

@@ -1,21 +1,22 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { motionBeatSeconds as t, motionStaggerSeconds as n, motionTransitionProp as r, readMotionDurationSeconds as i } from "../../../lib/motion.js";
-import { ButtonIcon as a } from "../../atoms/Button/ButtonIcon.js";
-import { Button as o } from "../../atoms/Button/Button.js";
-import { IconButton as s } from "../../atoms/IconButton/IconButton.js";
+import { motionBeatSeconds as t, motionStaggerSeconds as n, motionTransitionProp as r } from "../../../lib/motion.js";
+import { ButtonIcon as i } from "../../atoms/Button/ButtonIcon.js";
+import { Button as a } from "../../atoms/Button/Button.js";
+import { IconButton as o } from "../../atoms/IconButton/IconButton.js";
 import { Status as ee } from "../../atoms/Status/Status.js";
 import { PromptBar as te } from "../../molecules/PromptBar/PromptBar.js";
 import { OverlayPanelHeader as ne } from "../Dialog/OverlayPanelHeader.js";
-import { subscribeChatDockViewport as re, useChatDockVisibleArea as ie, useChatDockWide as ae } from "./chatDockViewport.js";
-import { ChatDockGate as c, chatDockGateDefaultLabels as l } from "./ChatDockGate.js";
-import { chatDockAssistantMessageClasses as u, chatDockComposerAreaClasses as oe, chatDockComposerClasses as se, chatDockComposerFootSpacerClasses as ce, chatDockComposerLayerClasses as le, chatDockDisclaimerClasses as ue, chatDockDockClasses as de, chatDockDockHoverClasses as fe, chatDockFollowUpRowClasses as pe, chatDockFollowUpsComposerClasses as me, chatDockFollowUpsInlineClasses as he, chatDockGridClasses as ge, chatDockMarkClasses as _e, chatDockPillClasses as ve, chatDockPillsClasses as ye, chatDockPlacements as d, chatDockReplyActionsClasses as be, chatDockReplyActionsPendingClasses as xe, chatDockReplyButtonsClasses as Se, chatDockReplyClasses as Ce, chatDockReplyMetaClasses as we, chatDockRootClasses as Te, chatDockRootRaisedClasses as Ee, chatDockSuggestionLabelClasses as De, chatDockSuggestionListClasses as Oe, chatDockSuggestionRowContentClasses as ke, chatDockThinkingClasses as Ae, chatDockThreadClasses as je, chatDockUserMessageClasses as Me, chatDockWindowClasses as Ne, chatDockWindowContentClasses as Pe } from "./chatDockStyles.js";
-import { useContext as Fe, useEffect as f, useId as Ie, useLayoutEffect as p, useRef as m, useState as h, useSyncExternalStore as Le } from "react";
-import { Check as Re, Copy as ze, CornerDownRight as Be, ThumbsDown as Ve, ThumbsUp as He } from "lucide-react";
-import { Fragment as Ue, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AnimatePresence as v, MotionConfigContext as We, motion as y, useReducedMotion as Ge } from "motion/react";
+import { ChatDockGateContext as re } from "./chatDockGateContext.js";
+import { subscribeChatDockViewport as ie, useChatDockReducedMotion as ae, useChatDockVisibleArea as oe, useChatDockWide as se } from "./chatDockViewport.js";
+import { ChatDockGate as s, chatDockGateDefaultLabels as ce } from "./ChatDockGate.js";
+import { chatDockAssistantMessageClasses as le, chatDockComposerClasses as ue, chatDockComposerFootSpacerClasses as de, chatDockDisclaimerClasses as fe, chatDockDockClasses as pe, chatDockDockHoverClasses as me, chatDockFollowUpRowClasses as he, chatDockFollowUpsComposerClasses as ge, chatDockFollowUpsInlineClasses as _e, chatDockGateSlotClasses as ve, chatDockGridClasses as ye, chatDockMarkClasses as be, chatDockPillClasses as xe, chatDockPillsClasses as Se, chatDockPlacements as c, chatDockReplyActionsClasses as Ce, chatDockReplyActionsPendingClasses as we, chatDockReplyButtonsClasses as Te, chatDockReplyClasses as Ee, chatDockReplyMetaClasses as De, chatDockRootClasses as Oe, chatDockRootRaisedClasses as ke, chatDockSuggestionLabelClasses as Ae, chatDockSuggestionListClasses as je, chatDockSuggestionRowContentClasses as Me, chatDockThinkingClasses as Ne, chatDockThreadClasses as Pe, chatDockThreadContentClasses as Fe, chatDockUserMessageClasses as Ie, chatDockWindowClasses as Le, chatDockWindowContentClasses as Re } from "./chatDockStyles.js";
+import { useContext as ze, useEffect as l, useId as Be, useLayoutEffect as u, useRef as d, useState as f, useSyncExternalStore as Ve } from "react";
+import { Check as He, Copy as Ue, CornerDownRight as We, ThumbsDown as Ge, ThumbsUp as Ke } from "lucide-react";
+import { Fragment as qe, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { AnimatePresence as h, MotionConfigContext as Je, motion as g } from "motion/react";
 //#region src/components/organisms/ChatDock/ChatDock.tsx
-var Ke = {
+var Ye = {
 	close: "Close chat",
 	thinking: "Thinking…",
 	conversation: "Conversation",
@@ -26,19 +27,20 @@ var Ke = {
 	copy: "Copy reply",
 	copied: "Copied",
 	helpful: "Mark this reply helpful",
-	notHelpful: "Mark this reply not helpful"
-}, b = ["inline", "composer"];
-function qe(e) {
+	notHelpful: "Mark this reply not helpful",
+	gatePlaceholder: "Finish or cancel the form to keep chatting"
+}, Xe = ["inline", "composer"];
+function Ze(e) {
 	return e.filter((e) => e.prompt != null && e.prompt.trim() !== "");
 }
-function Je(e, t) {
+function Qe(e, t) {
 	return e.length > 0 && t.length === 0;
 }
-function Ye({ followUps: e, messages: t, thinking: n, sentAfterId: r }) {
+function $e({ followUps: e, messages: t, thinking: n, sentAfterId: r }) {
 	let i = t[t.length - 1];
 	return e.length > 0 && !n && i?.role === "assistant" && i.id !== r;
 }
-function Xe({ message: e, isLatest: t, thinking: n, takesVotes: r }) {
+function et({ message: e, isLatest: t, thinking: n, takesVotes: r }) {
 	if (e.role !== "assistant") return null;
 	let i = {
 		copy: e.copyText != null,
@@ -50,189 +52,214 @@ function Xe({ message: e, isLatest: t, thinking: n, takesVotes: r }) {
 		ready: !(t && n)
 	};
 }
-var Ze = 2e3, Qe = 48;
-function $e() {
+var tt = 2e3, nt = 48;
+function rt() {
 	return window.innerHeight;
 }
-function et() {
+function it() {
 	return Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
 }
-function x(e, t, n) {
+function at(e, t, n) {
 	return e === "inline" ? 32 * n : Math.max(0, Math.min(40 * n, t - 7 * n));
 }
-var S = 7, C = 12;
-function tt({ windowHeight: e, headerHeight: t, bottomInset: n, remPx: r }) {
-	let i = r + t + .75 * r + S * r + .75 * r + n;
-	return Math.round(Math.max(C * r, e - i));
+function ot({ normal: e, needed: t, max: n }) {
+	return Math.round(Math.max(e, Math.min(n, t)));
 }
-function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thinking: C = !1, suggestions: w = [], onSend: nt, onSuggestionSelect: rt, followUps: T = [], followUpsPlacement: it = "inline", onMessageFeedback: at, gate: ot, open: st, defaultOpen: ct = !1, onOpenChange: lt, placeholder: ut, disclaimer: E, labels: dt, placement: D = "fixed", className: ft }) {
-	let O = {
-		...Ke,
-		...dt
-	}, pt = Ie(), mt = Ie(), { reducedMotion: ht } = Fe(We), k = Ge() === !0 || ht === "always", A = ae(), gt = Le(re, $e, () => 800), j = Le(re, et, () => 16), _t = st !== void 0, [vt, yt] = h(ct), M = _t ? st : vt, [bt, xt] = h(""), [St, Ct] = h(null), [N, wt] = h(null), [Tt, Et] = h(!M);
-	M && Tt && Et(!1);
-	let P = !M && Tt, F = ot != null, I = F && M, [Dt, Ot] = h(I), [L, R] = h(!1);
-	Dt !== I && (Ot(I), R(!0));
-	let [kt, At] = h(null), [jt, Mt] = h(!I);
-	I && jt && Mt(!1);
-	let [Nt, Pt] = h(I);
-	!I && Nt && Pt(!1);
-	let z = ie(D === "fixed" && !A && !P), B = m(null), Ft = m(null), It = m(null), Lt = m(null), Rt = m(null), V = m(null), zt = m(null), Bt = m(F), H = m(I), U = m(null), Vt = m(null), Ht = m(!0), W = m(!1), Ut = m(M), Wt = m(M);
-	function G(e) {
-		e !== M && (_t || yt(e), lt?.(e));
+var st = 900;
+function ct(e, t) {
+	e != null && t != null && (t.offsetHeight <= e.clientHeight ? e.scrollTop = e.scrollHeight : e.scrollTop += t.getBoundingClientRect().top - e.getBoundingClientRect().top);
+}
+function _({ title: s, subtitle: ce, mark: c, greeting: Xe, messages: _ = [], thinking: v = !1, suggestions: y = [], onSend: lt, onSuggestionSelect: ut, followUps: b = [], followUpsPlacement: dt = "inline", onMessageFeedback: ft, gate: pt, gateSubtitle: mt, open: ht, defaultOpen: gt = !1, onOpenChange: _t, placeholder: vt, disclaimer: x, labels: yt, placement: S = "fixed", className: bt }) {
+	let C = {
+		...Ye,
+		...yt
+	}, xt = Be(), St = Be(), { reducedMotion: Ct } = ze(Je), w = ae(Ct), T = se(), wt = Ve(ie, rt, () => 800), E = Ve(ie, it, () => 16), Tt = ht !== void 0, [Et, Dt] = f(gt), D = Tt ? ht : Et, [Ot, kt] = f(""), [At, jt] = f(null), [O, Mt] = f(null), [Nt, Pt] = f(!D);
+	D && Nt && Pt(!1);
+	let k = !D && Nt, A = pt != null, j = A && D, [Ft, It] = f(null), M = oe(S === "fixed" && !T && !k), N = d(null), Lt = d(null), Rt = d(null), zt = d(null), P = d(null), Bt = d(null), Vt = d(null), F = d(null), Ht = d(0), Ut = d(A), I = d(A), L = d(j), R = d(null), z = d(null), B = d(!0), V = d(!1), H = d(D), U = d(D);
+	function W(e) {
+		e !== D && (Tt || Dt(e), _t?.(e));
 	}
-	function Gt(e) {
+	function Wt(e) {
 		let t = e.trim();
-		t !== "" && (G(!0), Ht.current = !0, xt(""), Ct(S[S.length - 1]?.id ?? null), nt(t));
+		t !== "" && (W(!0), B.current = !0, kt(""), jt(_[_.length - 1]?.id ?? null), lt(t));
 	}
-	function Kt(e) {
-		rt?.(e), e.prompt != null && Gt(e.prompt);
+	function G(e) {
+		ut?.(e), e.prompt != null && Wt(e.prompt);
 	}
-	function qt(e) {
+	function Gt(e) {
 		let t = e.copyText, n = typeof navigator > "u" ? void 0 : navigator.clipboard;
-		t != null && n != null && n.writeText(t).then(() => wt({
+		t != null && n != null && n.writeText(t).then(() => Mt({
 			id: e.id,
 			at: Date.now()
 		}), () => void 0);
 	}
-	f(() => {
-		if (N == null) return;
-		let e = window.setTimeout(() => wt(null), Ze);
+	l(() => {
+		if (O == null) return;
+		let e = window.setTimeout(() => Mt(null), tt);
 		return () => window.clearTimeout(e);
-	}, [N]);
-	function Jt(e) {
-		Kt(e), U.current?.focus();
+	}, [O]);
+	function Kt(e) {
+		G(e), R.current?.focus();
 	}
-	function Yt(e) {
-		Kt(e), e.prompt != null && U.current?.focus();
+	function qt(e) {
+		G(e), e.prompt != null && R.current?.focus();
 	}
-	f(() => {
-		Wt.current = M;
-		let e = U.current;
-		if (e != null && M && !Ut.current) document.activeElement !== e && e.focus();
-		else if (e != null && !M && Ut.current) {
-			let t = document.activeElement, n = t == null || t === document.body || B.current?.contains(t) === !0;
-			t !== e && n && (W.current = !0, e.focus(), W.current = !1);
+	l(() => {
+		U.current = D;
+		let e = R.current;
+		if (e != null && D && !H.current) document.activeElement !== e && e.focus();
+		else if (e != null && !D && H.current) {
+			let t = document.activeElement, n = t == null || t === document.body || N.current?.contains(t) === !0;
+			t !== e && n && (V.current = !0, e.focus(), V.current = !1);
 		}
-		Ut.current = M;
-	}, [M]), f(() => {
-		F && !Bt.current && !Wt.current && G(!0), Bt.current = F;
-	}), f(() => {
-		if (I && !H.current) {
-			let e = zt.current;
+		H.current = D;
+	}, [D]), l(() => {
+		A && !Ut.current && !U.current && W(!0), Ut.current = A;
+	}), l(() => {
+		if (j && !L.current) {
+			let e = P.current;
 			(e?.querySelector("[data-chat-dock-gate-focus]") ?? e)?.focus({ preventScroll: !0 });
-		} else if (!I && H.current && M) {
-			let e = U.current, t = document.activeElement, n = t == null || t === document.body || B.current?.contains(t) === !0;
-			e != null && n && (W.current = !0, e.focus({ preventScroll: !0 }), W.current = !1);
+		} else if (!j && L.current && D) {
+			let e = R.current, t = document.activeElement, n = t == null || t === document.body || N.current?.contains(t) === !0;
+			e != null && n && (V.current = !0, e.focus({ preventScroll: !0 }), V.current = !1);
 		}
-		H.current = I;
-	}, [I, M]), f(() => {
-		if (!L) return;
-		let e = (i("fast") + i("medium")) * 1e3 + 100, t = window.setTimeout(() => R(!1), e);
-		return () => window.clearTimeout(t);
-	}, [L]), p(() => {
-		let e = Rt.current;
-		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => At(e.offsetHeight));
-		return t.observe(e), () => {
-			t.disconnect();
+		L.current = j;
+	}, [j, D]);
+	let [K] = f(() => ({ revealGate: () => {
+		Ht.current = performance.now() + st, ct(z.current, P.current);
+	} }));
+	l(() => {
+		j && K.revealGate();
+	}, [j, K]), u(() => {
+		let e = z.current, t = F.current;
+		if (!j || e == null || t == null || typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(() => {
+			performance.now() <= Ht.current && ct(e, P.current);
+		});
+		return n.observe(e), n.observe(t), () => {
+			n.disconnect();
 		};
-	}, []);
-	let Xt = E != null, K = D === "fixed" && !A ? "rise" : "grow";
-	p(() => {
-		let e = B.current, t = It.current, n = Lt.current;
+	}, [j]);
+	let Jt = x != null, q = S === "fixed" && !T ? "rise" : "grow";
+	u(() => {
+		let e = N.current, t = Rt.current, n = zt.current;
 		if (e == null || t == null || n == null) return;
 		let r = () => {
-			let r = K === "rise" ? Math.max(0, window.innerHeight - z.bottom - e.getBoundingClientRect().bottom) : 0;
-			Ft.current?.style.setProperty("--chat-dock-composer", `${t.offsetHeight + n.offsetHeight + r}px`);
-			let i = tt({
-				windowHeight: K === "rise" ? window.innerHeight - z.top - z.bottom : x(D, window.innerHeight, j),
-				headerHeight: V.current?.offsetHeight || 4 * j,
-				bottomInset: n.offsetHeight + r,
-				remPx: j
-			});
-			e.style.setProperty("--chat-dock-gate-max", `${i}px`);
+			let r = q === "rise" ? Math.max(0, window.innerHeight - M.bottom - e.getBoundingClientRect().bottom) : 0;
+			Lt.current?.style.setProperty("--chat-dock-composer", `${t.offsetHeight + n.offsetHeight + r}px`);
 		};
 		if (r(), typeof ResizeObserver > "u") return;
 		let i = new ResizeObserver(r);
-		return i.observe(t), i.observe(n), V.current != null && i.observe(V.current), () => {
+		return i.observe(t), i.observe(n), () => {
 			i.disconnect();
 		};
 	}, [
-		Xt,
-		K,
-		gt,
-		z.top,
-		z.bottom,
-		D,
-		j,
-		I
-	]), p(() => {
-		let e = Vt.current;
-		e != null && Ht.current && (e.scrollTop = e.scrollHeight);
-	});
-	function Zt(e) {
-		!M || I || e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), G(!1));
+		Jt,
+		q,
+		wt,
+		M.top,
+		M.bottom
+	]);
+	let Yt = j && S === "fixed" && q === "grow";
+	u(() => {
+		let e = Bt.current, t = Vt.current, n = F.current, r = z.current;
+		if (!Yt || e == null || t == null || n == null || r == null) {
+			It(null);
+			return;
+		}
+		let i = () => {
+			let i = getComputedStyle(e), a = getComputedStyle(r), o = Number.parseFloat(i.paddingTop) + Number.parseFloat(i.paddingBottom) + t.offsetHeight + Number.parseFloat(i.rowGap || "0") + n.offsetHeight + Number.parseFloat(a.paddingTop) + Number.parseFloat(a.paddingBottom);
+			It(ot({
+				normal: at(S, window.innerHeight, E),
+				needed: o,
+				max: Math.max(0, window.innerHeight - 7 * E)
+			}));
+		};
+		if (i(), typeof ResizeObserver > "u") return;
+		let a = new ResizeObserver(i);
+		return a.observe(n), a.observe(t), () => {
+			a.disconnect();
+		};
+	}, [
+		Yt,
+		S,
+		E,
+		wt
+	]), u(() => {
+		let e = z.current;
+		I.current && !A && (B.current = !0), I.current = A, e != null && B.current && !A && (e.scrollTop = e.scrollHeight);
+	}), u(() => {
+		let e = z.current;
+		if (e == null || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => {
+			!I.current && B.current && (e.scrollTop = e.scrollHeight);
+		});
+		return t.observe(e), () => {
+			t.disconnect();
+		};
+	}, []);
+	function Xt(e) {
+		!D || e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), W(!1));
 	}
-	let Qt = qe(w), $t = !I && Je(w, S), en = !I && Ye({
-		followUps: T,
-		messages: S,
-		thinking: C,
-		sentAfterId: St
-	}), q = M ? "open" : "closed", J = r("medium"), Y = r("fast"), tn = n(), nn = t(1), X = tn, Z = { duration: 0 }, Q = {
-		default: Z,
-		opacity: Y
-	}, rn = 3.25 * j, an = {
+	let Zt = A ? mt : ce, Qt = Ze(y), $t = !A && Qe(y, _), en = !A && $e({
+		followUps: b,
+		messages: _,
+		thinking: v,
+		sentAfterId: At
+	}), J = D ? "open" : "closed", Y = r("medium"), X = r("fast"), tn = n(), nn = t(1), Z = tn, Q = { duration: 0 }, $ = {
+		default: Q,
+		opacity: X
+	}, rn = 3.25 * E, an = {
 		height: rn,
 		left: 0,
 		right: 0,
 		borderRadius: rn / 2
 	}, on = {
-		height: x(D, gt, j),
-		left: -j,
-		right: -j,
-		borderRadius: j
-	}, sn = k ? {
+		height: Yt && Ft != null ? Ft : at(S, wt, E),
+		left: -E,
+		right: -E,
+		borderRadius: E
+	}, sn = w ? {
 		open: {
-			...K === "grow" ? on : { y: 0 },
+			...q === "grow" ? on : { y: 0 },
 			opacity: 1,
-			transition: Q
+			transition: $
 		},
 		closed: {
-			...K === "grow" ? on : { y: 0 },
+			...q === "grow" ? on : { y: 0 },
 			opacity: 0,
-			transition: Q
+			transition: $
 		}
-	} : K === "grow" ? {
+	} : q === "grow" ? {
 		open: {
 			...on,
 			opacity: 1,
-			transition: J
+			transition: Y
 		},
 		closed: {
 			...an,
 			opacity: 1,
 			transition: {
-				...J,
-				delay: X
+				...Y,
+				delay: Z
 			}
 		}
 	} : {
 		open: {
 			y: 0,
 			opacity: 1,
-			transition: J
+			transition: Y
 		},
 		closed: {
 			y: "100%",
 			opacity: 1,
 			transition: {
-				...J,
-				delay: X
+				...Y,
+				delay: Z
 			}
 		}
 	}, cn = {
-		variants: k ? {
+		variants: w ? {
 			open: {},
 			closed: {}
 		} : {
@@ -240,37 +267,37 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 				opacity: 1,
 				y: 0,
 				transition: {
-					...Y,
+					...X,
 					delay: nn + e * tn
 				}
 			}),
 			closed: {
 				opacity: 0,
 				y: 8,
-				transition: Y
+				transition: X
 			}
 		},
 		initial: !1,
-		animate: q
+		animate: J
 	}, ln = {
 		open: {
 			width: 0,
 			opacity: 0,
-			transition: k ? Q : {
-				width: J,
-				opacity: Y
+			transition: w ? $ : {
+				width: Y,
+				opacity: X
 			}
 		},
 		closed: {
 			width: "auto",
 			opacity: 1,
-			transition: k ? Q : {
+			transition: w ? $ : {
 				width: {
-					...J,
-					delay: X
+					...Y,
+					delay: Z
 				},
 				opacity: {
-					...Y,
+					...X,
 					delay: nn
 				}
 			}
@@ -279,10 +306,10 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 		open: {
 			height: "auto",
 			opacity: 1,
-			transition: k ? Q : {
-				height: J,
+			transition: w ? $ : {
+				height: Y,
 				opacity: {
-					...Y,
+					...X,
 					delay: nn
 				}
 			}
@@ -290,33 +317,33 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 		closed: {
 			height: 0,
 			opacity: 0,
-			transition: k ? Q : {
+			transition: w ? $ : {
 				height: {
-					...J,
-					delay: X
+					...Y,
+					delay: Z
 				},
-				opacity: Y
+				opacity: X
 			}
 		}
 	}, dn = {
-		initial: !k && "hidden",
-		animate: M ? "visible" : "folded",
+		initial: !w && "hidden",
+		animate: D ? "visible" : "folded",
 		exit: {
 			opacity: 0,
-			transition: Z
+			transition: Q
 		},
 		variants: {
 			hidden: {},
 			visible: {
 				opacity: 1,
 				transition: {
-					...Y,
+					...X,
 					staggerChildren: tn
 				}
 			},
 			folded: {
 				opacity: 0,
-				transition: k ? Z : Y
+				transition: w ? Q : X
 			}
 		}
 	}, fn = {
@@ -327,147 +354,215 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 		visible: {
 			opacity: 1,
 			y: 0,
-			transition: Y
+			transition: X
 		}
-	}, $ = (e) => e.preventDefault(), pn = A ? "sm" : "md";
-	function mn(t, n) {
-		let r = N?.id === t.id, i = t.feedback ?? null, a = (e) => at?.(t, i === e ? null : e);
-		return /* @__PURE__ */ _("div", {
-			className: e(be, n.ready ? void 0 : xe),
+	}, pn = (e) => e.preventDefault(), mn = T ? "sm" : "md";
+	function hn(t, n) {
+		let r = O?.id === t.id, i = t.feedback ?? null, a = (e) => ft?.(t, i === e ? null : e);
+		return /* @__PURE__ */ m("div", {
+			className: e(Ce, n.ready ? void 0 : we),
 			"data-reply-actions": n.ready ? "ready" : "pending",
-			children: [n.copy || n.vote ? /* @__PURE__ */ _("div", {
-				className: Se,
-				children: [n.copy ? /* @__PURE__ */ g(s, {
-					size: pn,
-					icon: g(r ? Re : ze, {}),
-					"aria-label": r ? O.copied : O.copy,
-					onClick: () => qt(t)
-				}) : null, n.vote ? /* @__PURE__ */ _(Ue, { children: [/* @__PURE__ */ g(s, {
-					size: pn,
-					icon: /* @__PURE__ */ g(He, {}),
-					"aria-label": O.helpful,
+			children: [n.copy || n.vote ? /* @__PURE__ */ m("div", {
+				className: Te,
+				children: [n.copy ? /* @__PURE__ */ p(o, {
+					size: mn,
+					icon: p(r ? He : Ue, {}),
+					"aria-label": r ? C.copied : C.copy,
+					onClick: () => Gt(t)
+				}) : null, n.vote ? /* @__PURE__ */ m(qe, { children: [/* @__PURE__ */ p(o, {
+					size: mn,
+					icon: /* @__PURE__ */ p(Ke, {}),
+					"aria-label": C.helpful,
 					pressed: i === "up",
 					onClick: () => a("up")
-				}), /* @__PURE__ */ g(s, {
-					size: pn,
-					icon: /* @__PURE__ */ g(Ve, {}),
-					"aria-label": O.notHelpful,
+				}), /* @__PURE__ */ p(o, {
+					size: mn,
+					icon: /* @__PURE__ */ p(Ge, {}),
+					"aria-label": C.notHelpful,
 					pressed: i === "down",
 					onClick: () => a("down")
 				})] }) : null]
-			}) : null, t.meta == null ? null : /* @__PURE__ */ _("p", {
-				className: we,
-				children: [t.meta.label, t.meta.description == null ? null : /* @__PURE__ */ _("span", {
+			}) : null, t.meta == null ? null : /* @__PURE__ */ m("p", {
+				className: De,
+				children: [t.meta.label, t.meta.description == null ? null : /* @__PURE__ */ m("span", {
 					className: "sr-only",
 					children: [". ", t.meta.description]
 				})]
 			})]
 		});
 	}
-	return /* @__PURE__ */ g("div", {
-		className: e(Te[D], D === "fixed" && !P ? Ee : void 0, ft),
-		"data-open": M ? "" : void 0,
-		"data-gate": I ? "" : void 0,
-		style: z.top > 0 || z.bottom > 0 ? {
-			"--chat-dock-vv-top": `${z.top}px`,
-			"--chat-dock-vv-bottom": `${z.bottom}px`
+	return /* @__PURE__ */ p("div", {
+		className: e(Oe[S], S === "fixed" && !k ? ke : void 0, bt),
+		"data-open": D ? "" : void 0,
+		"data-gate": j ? "" : void 0,
+		style: M.top > 0 || M.bottom > 0 ? {
+			"--chat-dock-vv-top": `${M.top}px`,
+			"--chat-dock-vv-bottom": `${M.bottom}px`
 		} : void 0,
-		children: /* @__PURE__ */ g("div", {
-			className: ge,
-			children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ p("div", {
+			className: ye,
+			children: /* @__PURE__ */ p("div", {
 				className: "band",
-				children: /* @__PURE__ */ _("div", {
-					ref: B,
-					className: e(de, P ? fe : void 0),
-					role: M ? "dialog" : void 0,
-					"aria-modal": M ? "false" : void 0,
-					"aria-labelledby": M ? pt : void 0,
-					"aria-describedby": M && l != null ? mt : void 0,
-					onKeyDown: Zt,
+				children: /* @__PURE__ */ m("div", {
+					ref: N,
+					className: e(pe, k ? me : void 0),
+					role: D ? "dialog" : void 0,
+					"aria-modal": D ? "false" : void 0,
+					"aria-labelledby": D ? xt : void 0,
+					"aria-describedby": D && Zt != null ? St : void 0,
+					onKeyDown: Xt,
 					children: [
-						/* @__PURE__ */ g(v, {
+						/* @__PURE__ */ p(h, {
 							initial: !1,
-							children: !M && Qt.length > 0 ? /* @__PURE__ */ g(y.div, {
-								className: ye,
+							children: !D && Qt.length > 0 ? /* @__PURE__ */ p(g.div, {
+								className: Se,
 								role: "group",
-								"aria-label": O.suggestions,
+								"aria-label": C.suggestions,
 								exit: {
 									opacity: 0,
-									transition: k ? Z : Y
+									transition: w ? Q : X
 								},
-								children: Qt.map((e, t) => /* @__PURE__ */ g("span", {
-									className: ve,
+								children: Qt.map((e, t) => /* @__PURE__ */ p("span", {
+									className: xe,
 									style: { "--chat-dock-pill-index": t },
-									children: /* @__PURE__ */ g(o, {
+									children: /* @__PURE__ */ p(a, {
 										type: "button",
 										role: "secondary",
 										size: "md",
 										icon: e.icon,
-										onClick: () => Kt(e),
+										onClick: () => G(e),
 										children: e.label
 									})
 								}, e.id))
 							}, "pills") : null
 						}),
-						/* @__PURE__ */ g(y.div, {
-							ref: Ft,
-							className: Ne[D],
-							"data-chat-dock-window": q,
-							hidden: P,
-							variants: sn,
+						/* @__PURE__ */ p(g.div, {
+							ref: Lt,
+							className: Le[S],
+							"data-chat-dock-window": J,
+							hidden: k,
 							initial: !1,
-							animate: q,
-							onAnimationComplete: (e) => {
-								e === "closed" && !Wt.current && Et(!0);
+							animate: sn[J],
+							onAnimationComplete: () => {
+								U.current || Pt(!0);
 							},
-							children: /* @__PURE__ */ _("div", {
-								className: Pe,
+							children: /* @__PURE__ */ m("div", {
+								ref: Bt,
+								className: Re,
 								children: [
-									/* @__PURE__ */ g(y.div, {
-										ref: V,
+									/* @__PURE__ */ p(g.div, {
+										ref: Vt,
 										className: "shrink-0",
 										custom: 0,
 										...cn,
-										children: /* @__PURE__ */ g(ne, {
-											titleId: pt,
-											descriptionId: mt,
-											title: c,
-											description: l,
-											headerStart: d,
-											closeLabel: O.close,
-											onClose: () => G(!1),
+										children: /* @__PURE__ */ p(ne, {
+											titleId: xt,
+											descriptionId: St,
+											title: s,
+											description: Zt,
+											headerStart: c,
+											closeLabel: C.close,
+											onClose: () => W(!1),
 											delineated: !0
 										})
 									}),
-									/* @__PURE__ */ _(y.div, {
-										ref: Vt,
-										className: je,
+									/* @__PURE__ */ p(g.div, {
+										ref: z,
+										className: Pe,
 										role: "log",
-										"aria-label": O.conversation,
+										"aria-label": C.conversation,
 										tabIndex: 0,
 										custom: 1,
 										...cn,
 										onScroll: (e) => {
 											let t = e.currentTarget;
-											Ht.current = t.scrollHeight - t.scrollTop - t.clientHeight <= Qe;
+											B.current = t.scrollHeight - t.scrollTop - t.clientHeight <= nt;
 										},
-										children: [b == null ? null : /* @__PURE__ */ g("div", {
-											className: u,
-											children: b
-										}), /* @__PURE__ */ _(v, {
-											initial: !1,
-											children: [
-												S.map((e, t) => {
-													let n = Xe({
-														message: e,
-														isLatest: t === S.length - 1,
-														thinking: C,
-														takesVotes: at != null
-													});
-													return /* @__PURE__ */ g(y.div, {
-														"data-role": e.role,
-														className: e.role === "user" ? Me : n == null ? u : Ce,
-														initial: !k && {
+										children: /* @__PURE__ */ m("div", {
+											ref: F,
+											className: Fe,
+											children: [Xe == null ? null : /* @__PURE__ */ p("div", {
+												className: le,
+												children: Xe
+											}), /* @__PURE__ */ m(h, {
+												initial: !1,
+												children: [
+													_.map((e, t) => {
+														let n = A ? null : et({
+															message: e,
+															isLatest: t === _.length - 1,
+															thinking: v,
+															takesVotes: ft != null
+														});
+														return /* @__PURE__ */ p(g.div, {
+															"data-role": e.role,
+															className: e.role === "user" ? Ie : n == null ? le : Ee,
+															initial: !w && {
+																opacity: 0,
+																y: 8
+															},
+															animate: {
+																opacity: 1,
+																y: 0
+															},
+															transition: X,
+															children: n == null ? e.content : /* @__PURE__ */ m(qe, { children: [/* @__PURE__ */ p("div", {
+																className: le,
+																children: e.content
+															}), hn(e, n)] })
+														}, e.id);
+													}),
+													en && dt === "inline" ? /* @__PURE__ */ p(g.div, {
+														role: "group",
+														"aria-label": C.followUps,
+														"data-follow-ups": "inline",
+														className: _e,
+														...dn,
+														animate: "visible",
+														children: b.map((e) => /* @__PURE__ */ p(g.div, {
+															className: he,
+															variants: fn,
+															children: /* @__PURE__ */ p(a, {
+																type: "button",
+																role: "ghost",
+																layout: "row",
+																onMouseDown: pn,
+																onClick: () => Kt(e),
+																children: /* @__PURE__ */ m("span", {
+																	className: Me,
+																	children: [/* @__PURE__ */ p(i, {
+																		size: "md",
+																		children: /* @__PURE__ */ p(We, {})
+																	}), /* @__PURE__ */ p("span", {
+																		className: Ae,
+																		children: e.label
+																	})]
+																})
+															})
+														}, e.id))
+													}, "follow-ups") : null,
+													v ? /* @__PURE__ */ m(g.div, {
+														className: Ne,
+														initial: !w && { opacity: 0 },
+														animate: { opacity: 1 },
+														exit: {
+															opacity: 0,
+															transition: Q
+														},
+														transition: X,
+														children: [/* @__PURE__ */ p(ee, {
+															variant: "dot",
+															tone: "neutral",
+															pulsing: !0,
+															besideLabel: !0
+														}), /* @__PURE__ */ p("span", { children: C.thinking })]
+													}, "thinking") : null,
+													A ? /* @__PURE__ */ p(g.div, {
+														ref: P,
+														className: ve,
+														"data-chat-dock-gate": "",
+														"aria-live": "off",
+														initial: !w && {
 															opacity: 0,
 															y: 8
 														},
@@ -475,102 +570,61 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 															opacity: 1,
 															y: 0
 														},
-														transition: Y,
-														children: n == null ? e.content : /* @__PURE__ */ _(Ue, { children: [/* @__PURE__ */ g("div", {
-															className: u,
-															children: e.content
-														}), mn(e, n)] })
-													}, e.id);
-												}),
-												en && it === "inline" ? /* @__PURE__ */ g(y.div, {
-													role: "group",
-													"aria-label": O.followUps,
-													"data-follow-ups": "inline",
-													className: he,
-													...dn,
-													animate: "visible",
-													children: T.map((e) => /* @__PURE__ */ g(y.div, {
-														className: pe,
-														variants: fn,
-														children: /* @__PURE__ */ g(o, {
-															type: "button",
-															role: "ghost",
-															layout: "row",
-															onMouseDown: $,
-															onClick: () => Jt(e),
-															children: /* @__PURE__ */ _("span", {
-																className: ke,
-																children: [/* @__PURE__ */ g(a, {
-																	size: "md",
-																	children: /* @__PURE__ */ g(Be, {})
-																}), /* @__PURE__ */ g("span", {
-																	className: De,
-																	children: e.label
-																})]
-															})
+														exit: {
+															opacity: 0,
+															transition: Q
+														},
+														transition: X,
+														children: /* @__PURE__ */ p(re.Provider, {
+															value: K,
+															children: pt
 														})
-													}, e.id))
-												}, "follow-ups") : null,
-												C ? /* @__PURE__ */ _(y.div, {
-													className: Ae,
-													initial: !k && { opacity: 0 },
-													animate: { opacity: 1 },
-													exit: {
-														opacity: 0,
-														transition: Z
-													},
-													transition: Y,
-													children: [/* @__PURE__ */ g(ee, {
-														variant: "dot",
-														tone: "neutral",
-														pulsing: !0,
-														besideLabel: !0
-													}), /* @__PURE__ */ g("span", { children: O.thinking })]
-												}, "thinking") : null
-											]
-										})]
+													}, "gate") : null
+												]
+											})]
+										})
 									}),
-									$t ? /* @__PURE__ */ g(y.div, {
-										className: Oe,
+									$t ? /* @__PURE__ */ p(g.div, {
+										className: je,
 										role: "group",
-										"aria-label": O.suggestions,
+										"aria-label": C.suggestions,
 										custom: 2,
 										...cn,
-										children: w.map((e) => /* @__PURE__ */ g(o, {
+										children: y.map((e) => /* @__PURE__ */ p(a, {
 											type: "button",
 											role: "ghost",
 											layout: "row",
-											onMouseDown: e.prompt == null ? void 0 : $,
-											onClick: () => Yt(e),
-											children: /* @__PURE__ */ _("span", {
-												className: ke,
-												children: [e.icon == null ? null : /* @__PURE__ */ g(a, {
+											onMouseDown: e.prompt == null ? void 0 : pn,
+											onClick: () => qt(e),
+											children: /* @__PURE__ */ m("span", {
+												className: Me,
+												children: [e.icon == null ? null : /* @__PURE__ */ p(i, {
 													size: "md",
 													children: e.icon
-												}), /* @__PURE__ */ g("span", {
-													className: De,
+												}), /* @__PURE__ */ p("span", {
+													className: Ae,
 													children: e.label
 												})]
 											})
 										}, e.id))
 									}) : null,
-									/* @__PURE__ */ g(v, {
+									/* @__PURE__ */ p(h, {
 										initial: !1,
-										children: en && it === "composer" ? /* @__PURE__ */ g(y.div, {
+										children: en && dt === "composer" ? /* @__PURE__ */ p(g.div, {
 											role: "group",
-											"aria-label": O.followUps,
+											"aria-label": C.followUps,
 											"data-follow-ups": "composer",
-											className: me,
+											className: ge,
 											...dn,
-											children: T.map((e) => /* @__PURE__ */ g(y.span, {
+											children: b.map((e) => /* @__PURE__ */ p(g.span, {
 												className: "inline-flex",
 												variants: fn,
-												children: /* @__PURE__ */ g(o, {
+												children: /* @__PURE__ */ p(a, {
 													type: "button",
 													role: "secondary",
 													size: "md",
-													onMouseDown: $,
-													onClick: () => Jt(e),
+													onMouseDown: pn,
+													onClick: () => Kt(e),
 													children: e.label
 												})
 											}, e.id))
@@ -578,111 +632,52 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 									})
 								]
 							})
-						}, K),
-						/* @__PURE__ */ g("span", {
+						}, q),
+						/* @__PURE__ */ p("span", {
 							className: "sr-only",
 							role: "status",
-							children: N == null ? "" : O.copied
+							children: O == null ? "" : C.copied
 						}),
-						/* @__PURE__ */ _("div", {
-							className: se,
-							children: [/* @__PURE__ */ g(y.div, {
-								ref: It,
-								initial: !1,
-								animate: { height: kt ?? "auto" },
-								transition: L && !k ? J : Z,
-								style: L ? { overflow: "hidden" } : void 0,
-								onAnimationComplete: () => R(!1),
-								children: /* @__PURE__ */ _("div", {
-									ref: Rt,
-									className: oe,
-									children: [/* @__PURE__ */ g(v, {
+						/* @__PURE__ */ m("div", {
+							className: ue,
+							children: [/* @__PURE__ */ p("div", {
+								ref: Rt,
+								children: /* @__PURE__ */ p(te, {
+									ref: R,
+									value: Ot,
+									onValueChange: (e) => {
+										kt(e), W(!0);
+									},
+									onSend: Wt,
+									onFocus: () => {
+										V.current || W(!0);
+									},
+									onClick: () => W(!0),
+									disabled: j,
+									start: c == null ? void 0 : /* @__PURE__ */ p(g.span, {
+										className: be,
+										"aria-hidden": D ? !0 : void 0,
+										variants: ln,
 										initial: !1,
-										children: F ? /* @__PURE__ */ g(y.div, {
-											ref: zt,
-											className: e(le, I ? void 0 : "pointer-events-none"),
-											"data-chat-dock-gate": "",
-											hidden: jt,
-											initial: {
-												opacity: 0,
-												y: 12
-											},
-											animate: I ? {
-												opacity: 1,
-												y: 0,
-												transition: {
-													...Y,
-													delay: k ? 0 : Y.duration
-												}
-											} : {
-												opacity: 0,
-												y: 12,
-												transition: Y
-											},
-											exit: {
-												opacity: 0,
-												y: 12,
-												transition: Y
-											},
-											onAnimationComplete: () => {
-												I || Mt(!0);
-											},
-											children: ot
-										}, "gate") : null
-									}), /* @__PURE__ */ g(y.div, {
-										className: e(le, I ? "pointer-events-none" : void 0),
-										hidden: Nt,
-										initial: !1,
-										animate: I ? {
-											opacity: 0,
-											transition: Y
-										} : {
-											opacity: 1,
-											transition: {
-												...Y,
-												delay: L && !k ? Y.duration : 0
-											}
-										},
-										onAnimationComplete: () => {
-											I && Pt(!0);
-										},
-										children: /* @__PURE__ */ g(te, {
-											ref: U,
-											value: bt,
-											onValueChange: (e) => {
-												xt(e), G(!0);
-											},
-											onSend: Gt,
-											onFocus: () => {
-												W.current || G(!0);
-											},
-											onClick: () => G(!0),
-											start: d == null ? void 0 : /* @__PURE__ */ g(y.span, {
-												className: _e,
-												"aria-hidden": M ? !0 : void 0,
-												variants: ln,
-												initial: !1,
-												animate: q,
-												children: d
-											}),
-											placeholder: ut,
-											"aria-label": O.field,
-											sendLabel: O.send
-										})
-									})]
+										animate: J,
+										children: c
+									}),
+									placeholder: j ? C.gatePlaceholder : vt,
+									"aria-label": C.field,
+									sendLabel: C.send
 								})
-							}), /* @__PURE__ */ g(y.div, {
+							}), /* @__PURE__ */ p(g.div, {
 								className: "overflow-hidden",
-								"aria-hidden": !M || void 0,
+								"aria-hidden": !D || void 0,
 								variants: un,
 								initial: !1,
-								animate: q,
-								children: /* @__PURE__ */ g("div", {
-									ref: Lt,
-									children: E != null && !I ? /* @__PURE__ */ g("p", {
-										className: ue[D],
-										children: E
-									}) : /* @__PURE__ */ g("div", { className: ce[D] })
+								animate: J,
+								children: /* @__PURE__ */ p("div", {
+									ref: zt,
+									children: x == null ? /* @__PURE__ */ p("div", { className: de[S] }) : /* @__PURE__ */ p("p", {
+										className: fe[S],
+										children: x
+									})
 								})
 							})]
 						})
@@ -692,6 +687,6 @@ function w({ title: c, subtitle: l, mark: d, greeting: b, messages: S = [], thin
 		})
 	});
 }
-var nt = Object.assign(w, { Gate: c });
+var v = Object.assign(_, { Gate: s });
 //#endregion
-export { nt as ChatDock, c as ChatDockGate, Ke as chatDockDefaultLabels, b as chatDockFollowUpsPlacements, l as chatDockGateDefaultLabels, tt as chatDockGateMaxHeight, x as chatDockOpenHeight, qe as chatDockPillSuggestions, d as chatDockPlacements, Xe as chatDockReplyRow, Ye as chatDockShowsFollowUps, Je as chatDockShowsSuggestionRows };
+export { v as ChatDock, s as ChatDockGate, Ye as chatDockDefaultLabels, Xe as chatDockFollowUpsPlacements, ce as chatDockGateDefaultLabels, ot as chatDockGateWindowHeight, at as chatDockOpenHeight, Ze as chatDockPillSuggestions, c as chatDockPlacements, et as chatDockReplyRow, $e as chatDockShowsFollowUps, Qe as chatDockShowsSuggestionRows };