@thewhatmatters/wmds 0.4.3 → 0.4.5

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

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