npm - inline-chat-kit - Versions diffs - 0.59.2 → 0.60.0 - Mend

inline-chat-kit 0.59.2 → 0.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGELOG.md +74 -0
package/README.md +5 -1
package/dist/{ChatExperience-umh3nGe_.js → ChatExperience-BBd-p0wh.js} +711 -611
package/dist/ChatExperience-BBd-p0wh.js.map +1 -0
package/dist/ChatHeader/ChatHeader.d.ts +7 -0
package/dist/ChatInput/ChatInput.d.ts +7 -0
package/dist/ChatTurnRow/ChatTurnRow.d.ts +23 -1
package/dist/demo.js +1 -1
package/dist/inline-chat-kit.css +1 -1
package/dist/inline-chat-kit.js +1 -1
package/package.json +1 -1
package/theming.md +69 -0
package/dist/ChatExperience-umh3nGe_.js.map +0 -1

package/dist/{ChatExperience-umh3nGe_.js → ChatExperience-BBd-p0wh.js} RENAMED Viewed

@@ -2,8 +2,8 @@
 import e, { createContext as t, createElement as n, forwardRef as r, isValidElement as i, memo as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { AnimatePresence as y, LayoutGroup as b, MotionConfig as x, animate as S, motion as C, useAnimationControls as w, useMotionValue as T, useReducedMotion as E } from "motion/react";
-import { ArrowDown as D, ArrowLeft as O, Bookmark as k, Brain as A, Check as j, ChevronDown as M, ChevronLeft as N, ChevronRight as ee, Copy as P, CornerDownLeft as F, File as I, FileText as L, Film as R, Highlighter as te, Image as ne, Link2 as re, Maximize2 as z, MessageCircle as ie, Mic as ae, Minimize2 as oe, Moon as se, MoreHorizontal as ce, Music as le, Palette as ue, Paperclip as B, Pencil as de, Plus as fe, RotateCcw as pe, Save as me, Share as he, Square as ge, Sun as _e, TextCursor as ve, ThumbsDown as ye, ThumbsUp as be, Trash2 as xe, TriangleAlert as Se, X as Ce } from "lucide-react";
-var V = {
+import { ArrowDown as D, ArrowLeft as O, Bookmark as k, Brain as A, Check as j, ChevronDown as M, ChevronLeft as N, ChevronRight as ee, Copy as te, CornerDownLeft as P, File as F, FileText as I, Film as ne, Highlighter as L, Image as re, Link2 as ie, Maximize2 as R, MessageCircle as ae, Mic as oe, Minimize2 as se, Moon as ce, MoreHorizontal as le, Music as ue, Palette as de, Paperclip as z, Pencil as fe, Plus as pe, RotateCcw as me, Save as he, Share as ge, Square as _e, Sun as ve, TextCursor as ye, ThumbsDown as be, ThumbsUp as xe, Trash2 as Se, TriangleAlert as Ce, X as we } from "lucide-react";
+var B = {
 	btn: "ick-btn-ZW5E",
 	xs: "ick-xs-rDs4",
 	s: "ick-s-DE-t",
@@ -21,25 +21,25 @@ var V = {
 	loading: "ick-loading-NCs-",
 	spinner: "ick-spinner-0n6Q",
 	spin: "ick-spin-QgE6"
-}, we = {
-	primary: V.primary,
-	secondary: V.secondary,
-	outline: V.outline,
-	ghost: V.ghost,
-	glass: V.glass
 }, Te = {
-	xs: V.xs,
-	s: V.s,
-	m: V.m,
-	l: V.l,
-	xl: V.xl
-}, H = r(function({ variant: e = "primary", size: t = "s", icon: n, iconRight: r, loading: i = !1, children: a, className: o, disabled: s, ...c }, l) {
+	primary: B.primary,
+	secondary: B.secondary,
+	outline: B.outline,
+	ghost: B.ghost,
+	glass: B.glass
+}, Ee = {
+	xs: B.xs,
+	s: B.s,
+	m: B.m,
+	l: B.l,
+	xl: B.xl
+}, V = r(function({ variant: e = "primary", size: t = "s", icon: n, iconRight: r, loading: i = !1, children: a, className: o, disabled: s, ...c }, l) {
 	let u = [
-		V.btn,
-		we[e],
-		Te[t],
-		a ? V.hasText : "",
-		i ? V.loading : "",
+		B.btn,
+		Te[e],
+		Ee[t],
+		a ? B.hasText : "",
+		i ? B.loading : "",
 		o ?? ""
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ v("button", {
@@ -47,27 +47,28 @@ var V = {
 		className: u,
 		disabled: s || i,
 		"aria-busy": i,
+		"data-ick-variant": e,
 		...c,
 		children: [
 			n && /* @__PURE__ */ _("span", {
-				className: V.icon,
+				className: B.icon,
 				children: n
 			}),
 			a && /* @__PURE__ */ _("span", {
-				className: V.label,
+				className: B.label,
 				children: a
 			}),
 			r && /* @__PURE__ */ _("span", {
-				className: V.icon,
+				className: B.icon,
 				children: r
 			}),
 			i && /* @__PURE__ */ _("span", {
-				className: V.spinner,
+				className: B.spinner,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}), Ee = {
+}), De = {
 	list: "ick-list-4-Xw",
 	item: "ick-item-5jP3",
 	picture: "ick-picture-JacB",
@@ -76,7 +77,7 @@ var V = {
 	name: "ick-name-6t7S",
 	size: "ick-size-sR5p",
 	remove: "ick-remove-6I5y"
-}, De = {
+}, Oe = {
 	approval: {
 		once: "Allow once",
 		always: "Always allow",
@@ -226,9 +227,9 @@ var V = {
 		paragraph: "Paragraph {index}",
 		responding: "Generating response"
 	}
-}, Oe = t({});
-function ke({ labels: e, children: t }) {
-	let n = s(Oe), r = e ? JSON.stringify(e) : "", i = f(() => {
+}, ke = t({});
+function Ae({ labels: e, children: t }) {
+	let n = s(ke), r = e ? JSON.stringify(e) : "", i = f(() => {
 		if (!r) return n;
 		let e = JSON.parse(r), t = { ...n };
 		for (let r of Object.keys(e)) t[r] = {
@@ -237,25 +238,25 @@ function ke({ labels: e, children: t }) {
 		};
 		return t;
 	}, [n, r]);
-	return /* @__PURE__ */ _(Oe.Provider, {
+	return /* @__PURE__ */ _(ke.Provider, {
 		value: i,
 		children: t
 	});
 }
-function U(e, t) {
-	let n = s(Oe)[e];
+function H(e, t) {
+	let n = s(ke)[e];
 	return {
-		...De[e],
+		...Oe[e],
 		...n,
 		...t
 	};
 }
-function Ae(e, t) {
+function je(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
 }
 //#endregion
 //#region src/Attachments/Attachments.tsx
-function je(e) {
+function Me(e) {
 	if (e === void 0 || !Number.isFinite(e) || e < 0) return "";
 	if (e < 1024) return `${e} B`;
 	let t = [
@@ -266,50 +267,51 @@ function je(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
 	return `${n < 10 ? n.toFixed(1) : Math.round(n)} ${t[r]}`;
 }
-var Me = (e) => !!e.url && (e.type ?? "").startsWith("image/"), Ne = (e) => e.replace(/["\\]/g, encodeURIComponent);
+var U = (e) => !!e.url && (e.type ?? "").startsWith("image/"), Ne = (e) => e.replace(/["\\]/g, encodeURIComponent);
 function Pe({ type: e }) {
 	let t = (e ?? "").split("/")[0];
-	return _(t === "image" ? ne : t === "video" ? R : t === "audio" ? le : e === "application/pdf" || t === "text" ? L : I, {
+	return _(t === "image" ? re : t === "video" ? ne : t === "audio" ? ue : e === "application/pdf" || t === "text" ? I : F, {
 		size: 16,
 		"aria-hidden": !0
 	});
 }
 function Fe({ attachments: e, onRemove: t, labels: n, className: r, ...i }) {
-	let a = U("attachments", n);
+	let a = H("attachments", n);
 	return e.length === 0 ? null : /* @__PURE__ */ _("ul", {
-		className: [Ee.list, r ?? ""].filter(Boolean).join(" "),
+		className: [De.list, r ?? ""].filter(Boolean).join(" "),
 		...i,
 		children: e.map((e) => {
-			let n = je(e.size);
+			let n = Me(e.size);
 			return /* @__PURE__ */ v("li", {
-				className: Ee.item,
-				"data-picture": Me(e) || void 0,
-				children: [Me(e) ? /* @__PURE__ */ _("span", {
-					className: Ee.picture,
+				className: De.item,
+				"data-picture": U(e) || void 0,
+				children: [U(e) ? /* @__PURE__ */ _("span", {
+					className: De.picture,
 					style: { backgroundImage: `url("${Ne(e.url)}")` },
 					role: "img",
 					"aria-label": e.name
 				}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-					className: Ee.glyph,
+					className: De.glyph,
 					children: /* @__PURE__ */ _(Pe, { type: e.type })
 				}), /* @__PURE__ */ v("span", {
-					className: Ee.body,
+					className: De.body,
 					children: [/* @__PURE__ */ _("span", {
-						className: Ee.name,
+						className: De.name,
 						children: e.name
 					}), n && /* @__PURE__ */ _("span", {
-						className: Ee.size,
+						className: De.size,
 						children: n
 					})]
 				})] }), t && /* @__PURE__ */ _("span", {
-					className: Ee.remove,
-					children: /* @__PURE__ */ _(H, {
+					className: De.remove,
+					children: /* @__PURE__ */ _(V, {
 						variant: "glass",
+						"data-ick-role": "remove-attachment",
 						size: "s",
 						onClick: () => t(e.id),
 						onPointerDown: (e) => e.stopPropagation(),
 						"aria-label": `${a.remove} ${e.name}`,
-						icon: /* @__PURE__ */ _(Ce, {
+						icon: /* @__PURE__ */ _(we, {
 							size: 14,
 							"aria-hidden": !0
 						})
@@ -365,13 +367,13 @@ function Le({ mode: e, color: t = "currentColor", duration: n = .22, size: r = 1
 					alignItems: "center",
 					justifyContent: "center"
 				},
-				children: e === "send" ? /* @__PURE__ */ _(F, {
+				children: e === "send" ? /* @__PURE__ */ _(P, {
 					size: r,
 					color: t,
 					strokeWidth: 1.8,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
-				}) : e === "mic" ? /* @__PURE__ */ _(ae, {
+				}) : e === "mic" ? /* @__PURE__ */ _(oe, {
 					size: r,
 					color: t,
 					strokeWidth: 1.8,
@@ -383,7 +385,7 @@ function Le({ mode: e, color: t = "currentColor", duration: n = .22, size: r = 1
 					strokeWidth: 2.2,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
-				}) : /* @__PURE__ */ _(ge, {
+				}) : /* @__PURE__ */ _(_e, {
 					size: r,
 					color: t,
 					fill: t,
@@ -421,7 +423,7 @@ var W = {
 //#endregion
 //#region src/ChatInput/HoverActionsRow.tsx
 function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r, onCopy: i, onEdit: a, value: o, ac: s }) {
-	let c = U("input");
+	let c = H("input");
 	return /* @__PURE__ */ _(y, {
 		initial: !1,
 		children: e && /* @__PURE__ */ v(C.div, {
@@ -467,8 +469,9 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 					},
 					exit: {}
 				},
-				children: /* @__PURE__ */ _(H, {
+				children: /* @__PURE__ */ _(V, {
 					variant: "ghost",
+					"data-ick-role": "read-more",
 					icon: n ? c.readLess : c.readMore,
 					onClick: (e) => {
 						e.stopPropagation(), r((e) => !e);
@@ -483,7 +486,7 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				})
 			}, "read-more"), [{
 				id: "copy",
-				icon: /* @__PURE__ */ _(P, {
+				icon: /* @__PURE__ */ _(te, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -491,7 +494,7 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				label: c.copy
 			}, {
 				id: "edit",
-				icon: /* @__PURE__ */ _(de, {
+				icon: /* @__PURE__ */ _(fe, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -514,8 +517,10 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 					},
 					exit: {}
 				},
-				children: /* @__PURE__ */ _(H, {
+				children: /* @__PURE__ */ _(V, {
 					variant: "ghost",
+					"data-ick-role": "message-action",
+					"data-ick-action": e,
 					icon: t,
 					onClick: n,
 					"aria-label": r,
@@ -528,12 +533,12 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 //#endregion
 //#region src/ChatInput/AddCardsOverlay.tsx
 function ze() {
-	let e = U("input");
+	let e = H("input");
 	return [
 		{
 			id: "attach",
 			label: e.attach,
-			icon: /* @__PURE__ */ _(B, {
+			icon: /* @__PURE__ */ _(z, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -541,7 +546,7 @@ function ze() {
 		{
 			id: "design",
 			label: e.design,
-			icon: /* @__PURE__ */ _(ue, {
+			icon: /* @__PURE__ */ _(de, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -549,7 +554,7 @@ function ze() {
 		{
 			id: "connectors",
 			label: e.connectors,
-			icon: /* @__PURE__ */ _(re, {
+			icon: /* @__PURE__ */ _(ie, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -557,7 +562,7 @@ function ze() {
 	];
 }
 function Be({ isAddOpen: e, setIsAddOpen: t, onAdd: n, items: r, showInlineGlyph: i, showButtons: a, ac: o }) {
-	let s = ze(), c = r ?? s, { closeMenu: l } = U("input");
+	let s = ze(), c = r ?? s, { closeMenu: l } = H("input");
 	return /* @__PURE__ */ _(y, { children: e && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(C.div, {
 		className: W.addBackdrop,
 		initial: { opacity: 0 },
@@ -661,9 +666,10 @@ function Be({ isAddOpen: e, setIsAddOpen: t, onAdd: n, items: r, showInlineGlyph
 				pointerEvents: "auto",
 				zIndex: 10
 			},
-			children: /* @__PURE__ */ _(H, {
+			children: /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: /* @__PURE__ */ _(Ce, {
+				"data-ick-role": "add-close",
+				icon: /* @__PURE__ */ _(we, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -709,13 +715,13 @@ function Ke(e, t = "polite") {
 }
 //#endregion
 //#region src/reducedMotion/reducedMotion.ts
-var G = "(prefers-reduced-motion: reduce)", K;
-function q() {
-	return K === void 0 && (K = typeof window < "u" && window.matchMedia ? window.matchMedia(G) : null), K?.matches ?? !1;
+var qe = "(prefers-reduced-motion: reduce)", Je;
+function G() {
+	return Je === void 0 && (Je = typeof window < "u" && window.matchMedia ? window.matchMedia(qe) : null), Je?.matches ?? !1;
 }
 //#endregion
 //#region src/voice/useVoiceInput.ts
-var qe = .6, Je = .02, Ye = () => () => {}, Xe = () => typeof window < "u" && typeof navigator < "u" && !!navigator.mediaDevices?.getUserMedia && window.MediaRecorder !== void 0, Ze = () => {
+var K = .6, q = .02, Ye = () => () => {}, Xe = () => typeof window < "u" && typeof navigator < "u" && !!navigator.mediaDevices?.getUserMedia && window.MediaRecorder !== void 0, Ze = () => {
 	let e = [
 		"audio/webm;codecs=opus",
 		"audio/webm",
@@ -730,7 +736,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 		onTranscript: t,
 		onDone: n
 	}), w = p({
-		...De.voice,
+		...Oe.voice,
 		...i
 	});
 	c(() => {
@@ -739,7 +745,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 			onTranscript: t,
 			onDone: n
 		}, w.current = {
-			...De.voice,
+			...Oe.voice,
 			...i
 		};
 	});
@@ -750,7 +756,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 		S.current = !0, x.current?.abort(), T();
 	}, [T]);
 	let E = o((e) => {
-		if (q()) return;
+		if (G()) return;
 		let t = new Uint8Array(e.fftSize), n = 0, i = () => {
 			e.getByteTimeDomainData(t);
 			let a = 0;
@@ -758,8 +764,8 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 				let t = (e - 128) / 128;
 				a += t * t;
 			}
-			let o = Math.sqrt(a / t.length), s = o < Je ? 0 : Math.min(1, o * 3);
-			n = n * qe + s * .4, r?.current?.style.setProperty("--ick-voice-level", n.toFixed(3)), y.current = requestAnimationFrame(i);
+			let o = Math.sqrt(a / t.length), s = o < q ? 0 : Math.min(1, o * 3);
+			n = n * K + s * .4, r?.current?.style.setProperty("--ick-voice-level", n.toFixed(3)), y.current = requestAnimationFrame(i);
 		};
 		y.current = requestAnimationFrame(i);
 	}, [r]), D = o(async (e) => {
@@ -952,24 +958,24 @@ var at = {
 	n.deleteContents();
 	let r = document.createTextNode(e);
 	return n.insertNode(r), n.setStartAfter(r), n.collapse(!0), t.removeAllRanges(), t.addRange(n), !1;
-}, st = r(function({ state: e, value: t, onChange: n, onSubmit: r, onStop: i, onAdd: a, attachments: s, onAttach: d, onRemoveAttachment: f, accept: h = "image/*", multiple: T = !1, onTranscribe: E, onCopy: D, onEdit: O, onCancelEdit: k, isEditing: A = !1, busy: j = !1, placeholder: M, menu: N, labels: ee, animationConfig: P, style: F }, I) {
-	let L = l(), R = U("input", ee), te = U("voice"), ne = M ?? R.placeholder, re = N !== !1, z = p(null), ie = p(null), ae = p(null), oe = p(0), se = p(!1), ce = p(null), [le, ue] = m(!1), [B, de] = m(!1), [pe, me] = m(!1), [he, ge] = m(!0), [_e, ve] = m(!1), [ye, be] = m(!1), [xe, Se] = m(!1), V = p(0), we = p(!1), Te = p(0), Ee = p(!1), De = p(null);
+}, st = r(function({ state: e, value: t, onChange: n, onSubmit: r, onStop: i, onAdd: a, attachments: s, onAttach: d, onRemoveAttachment: f, accept: h = "image/*", multiple: T = !1, onTranscribe: E, onCopy: D, onEdit: O, onCancelEdit: k, isEditing: A = !1, busy: j = !1, placeholder: M, menu: N, labels: ee, onLanded: te, animationConfig: P, style: F }, I) {
+	let ne = l(), L = H("input", ee), re = H("voice"), ie = M ?? L.placeholder, R = N !== !1, ae = p(null), oe = p(null), se = p(null), ce = p(null), [le, ue] = m(0), de = p(!1), z = p(null), [fe, me] = m(!1), [he, ge] = m(!1), [_e, ve] = m(!1), [ye, be] = m(!0), [xe, Se] = m(!1), [Ce, B] = m(!1), [Te, Ee] = m(!1), De = p(0), Oe = p(!1), ke = p(0), Ae = p(!1), je = p(null);
 	c(() => () => {
-		De.current && clearTimeout(De.current);
+		je.current && clearTimeout(je.current);
 	}, []);
-	let Oe = w(), ke = p(e), Ae = p(P);
-	Ae.current = P;
-	let je = p(null), [Me, Ne] = m([]), Pe = s ?? Me, Ie = p(Pe);
-	Ie.current = Pe;
-	let ze = p([]);
+	let Me = w(), U = p(e), Ne = p(P);
+	Ne.current = P;
+	let Pe = p(null), [Ie, ze] = m([]), Ve = s ?? Ie, He = p(Ve);
+	He.current = Ve;
+	let Ue = p([]);
 	c(() => () => {
-		ze.current.forEach((e) => URL.revokeObjectURL(e)), ze.current = [];
+		Ue.current.forEach((e) => URL.revokeObjectURL(e)), Ue.current = [];
 	}, []);
-	let Ve = o((e) => {
+	let We = o((e) => {
 		if (!e) return;
-		let t = ze.current.indexOf(e);
-		t !== -1 && (URL.revokeObjectURL(e), ze.current.splice(t, 1));
-	}, []), He = (e) => {
+		let t = Ue.current.indexOf(e);
+		t !== -1 && (URL.revokeObjectURL(e), Ue.current.splice(t, 1));
+	}, []), Ge = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (e.target.value = "", t.length === 0) return;
 		if (d) {
@@ -978,7 +984,7 @@ var at = {
 		}
 		let n = t.map((e) => {
 			let t = URL.createObjectURL(e);
-			return ze.current.push(t), {
+			return Ue.current.push(t), {
 				id: `${e.name}-${e.size}-${e.lastModified}`,
 				name: e.name,
 				type: e.type,
@@ -986,57 +992,57 @@ var at = {
 				url: t
 			};
 		});
-		Ne((e) => {
+		ze((e) => {
 			if (T) return [...e, ...n];
 			let t = n.slice(-1);
-			return e.forEach((e) => Ve(e.url)), n.slice(0, -1).forEach((e) => Ve(e.url)), t;
+			return e.forEach((e) => We(e.url)), n.slice(0, -1).forEach((e) => We(e.url)), t;
 		});
-	}, Ue = o((e) => {
+	}, Ke = o((e) => {
 		if (f) {
 			f(e);
 			return;
 		}
-		Ne((t) => (Ve(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
-	}, [f, Ve]);
+		ze((t) => (We(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
+	}, [f, We]);
 	u(I, () => ({
-		focus: (e) => z.current?.focus(e),
+		focus: (e) => ae.current?.focus(e),
 		setValue: (e) => {
-			let t = z.current;
+			let t = ae.current;
 			t && (t.textContent = e, $e(t)), n(e);
 		},
 		getValue: () => t
 	}), [n, t]);
-	let We = p(null), Ge = p(null), Ke = p(null);
+	let qe = p(null), Je = p(null), G = p(null);
 	c(() => {
 		if (!E) return;
-		let e = z.current;
+		let e = ae.current;
 		if (!e) return;
 		let t = () => {
 			let t = window.getSelection();
-			!t || t.rangeCount === 0 || e.contains(t.getRangeAt(0).endContainer) && (Ke.current = et(e));
+			!t || t.rangeCount === 0 || e.contains(t.getRangeAt(0).endContainer) && (G.current = et(e));
 		};
 		return document.addEventListener("selectionchange", t), () => document.removeEventListener("selectionchange", t);
 	}, [E]);
-	let G = Qe({
+	let K = Qe({
 		onTranscribe: E,
 		onTranscript: o((e) => {
-			let t = Ge.current, r = z.current;
+			let t = Je.current, r = ae.current;
 			if (!t || !r) return;
 			let i = t.base.slice(0, t.at) + e + t.base.slice(t.at);
 			r.textContent = i, tt(r, t.at + e.length), n(i);
 		}, [n]),
 		onDone: () => {
-			Ge.current = null, z.current?.focus();
+			Je.current = null, ae.current?.focus();
 		},
-		meterRef: We,
-		labels: te
-	}), K = e === "responding" || e === "resting", q = K, qe = t.trim().length > 0 || Pe.length > 0, Je = e === "typing" || e === "idle", Ye = Je && qe && !j, Xe = !!i && (e === "responding" || j && Je), Ze = j && Je && qe && !i, rt = e === "resting" && le, st = rt, ct = e === "resting" && ye, lt = G.state === "listening" || G.state === "requesting" || G.state === "transcribing", ut = !!E && G.supported && !A, dt = Ye || Xe || Ze, J = P, ft = J ? {
+		meterRef: qe,
+		labels: re
+	}), q = e === "responding" || e === "resting", Ye = q, Xe = t.trim().length > 0 || Ve.length > 0, Ze = e === "typing" || e === "idle", rt = Ze && Xe && !j, st = !!i && (e === "responding" || j && Ze), ct = j && Ze && Xe && !i, lt = e === "resting" && fe, ut = lt, dt = e === "resting" && Ce, ft = K.state === "listening" || K.state === "requesting" || K.state === "transcribing", pt = !!E && K.supported && !A, mt = rt || st || ct, J = P, ht = J ? {
 		type: "spring",
 		stiffness: J.bubble.stiffness,
 		damping: J.bubble.damping,
 		mass: J.bubble.mass
-	} : at, pt = o(() => {
-		let e = ie.current, t = ae.current;
+	} : at, gt = o(() => {
+		let e = oe.current, t = se.current;
 		if (!e || !t) return;
 		if (!(e.scrollHeight > e.clientHeight)) {
 			t.removeAttribute("data-fade");
@@ -1046,32 +1052,43 @@ var at = {
 		!n && !r ? t.dataset.fade = "both" : n ? r ? t.removeAttribute("data-fade") : t.dataset.fade = "bottom" : t.dataset.fade = "top";
 	}, []);
 	c(() => {
-		let e = ie.current;
-		if (e) return e.addEventListener("scroll", pt, { passive: !0 }), () => e.removeEventListener("scroll", pt);
-	}, [pt]), c(() => {
+		let e = oe.current;
+		if (e) return e.addEventListener("scroll", gt, { passive: !0 }), () => e.removeEventListener("scroll", gt);
+	}, [gt]), c(() => {
 		let e = requestAnimationFrame(() => {
-			let e = ie.current;
-			e && !q && (e.scrollTop = e.scrollHeight), pt();
+			let e = oe.current;
+			e && !Ye && (e.scrollTop = e.scrollHeight), gt();
 		});
 		return () => cancelAnimationFrame(e);
 	}, [
 		t,
-		q,
-		pt
+		Ye,
+		gt
 	]), c(() => {
-		(e === "idle" || e === "typing") && z.current?.focus({ preventScroll: !0 });
+		(e === "idle" || e === "typing") && ae.current?.focus({ preventScroll: !0 });
 	}, [e]), c(() => {
-		let e = z.current;
-		e && (V.current = e.scrollHeight || 17);
+		let e = ae.current;
+		e && (De.current = e.scrollHeight || 17);
 	}, []), c(() => {
-		let e = z.current, t = ce.current;
-		!e || !V.current || requestAnimationFrame(() => {
-			let n = t ? t.offsetWidth : 0, r = e.clientWidth - 16, i = (ie.current?.scrollHeight ?? 0) > V.current + 2, a = Ae.current;
-			we.current ? !(i || n >= r - 2) && n < Te.current * (a?.wrap?.exitThreshold ?? .75) && (we.current = !1, Ee.current = !1, me(!1), ge(!0), De.current &&= (clearTimeout(De.current), null)) : (Te.current = r, (i || n >= Te.current * (a?.wrap?.nearThreshold ?? .92)) && (we.current = !0, Ee.current = !0, ge(!1)));
+		let e = ae.current;
+		if (!e || q) return;
+		let t = e.clientWidth, n = new ResizeObserver(() => {
+			e.clientWidth !== t && (t = e.clientWidth, !e.textContent && e.scrollHeight && (De.current = e.scrollHeight));
+		});
+		return n.observe(e), () => n.disconnect();
+	}, [q]), c(() => {
+		let e = ae.current, n = z.current;
+		!e || !De.current || requestAnimationFrame(() => {
+			let r = n ? n.offsetWidth : 0, i = e.clientWidth - 16, a = (oe.current?.scrollHeight ?? 0) > De.current + 2, o = Ne.current, s = t.length === 0;
+			if (!Oe.current) ke.current = i, !s && (a || r >= ke.current * (o?.wrap?.nearThreshold ?? .92)) && (Oe.current = !0, Ae.current = !0, be(!1));
+			else {
+				let e = a || r >= i - 2;
+				(s || !e && r < ke.current * (o?.wrap?.exitThreshold ?? .75)) && (Oe.current = !1, Ae.current = !1, ve(!1), be(!0), je.current &&= (clearTimeout(je.current), null));
+			}
 		});
 	}, [t]), c(() => {
-		if (!K) return;
-		let e = ie.current;
+		if (!q) return;
+		let e = oe.current;
 		if (!e || e.scrollTop === 0) return;
 		let t = e.scrollTop;
 		S(t, 0, {
@@ -1083,25 +1100,44 @@ var at = {
 				e.scrollTop = t;
 			}
 		});
-	}, [K]), c(() => {
-		K ? Se(!1) : (ve(!1), be(!1));
-	}, [K]), c(() => {
-		if (!K) return;
-		let e = ae.current;
-		e && (ye && !_e ? e.dataset.fade = "bottom" : e.removeAttribute("data-fade"));
+	}, [q]), c(() => {
+		q ? Ee(!1) : (Se(!1), B(!1));
+	}, [q]), c(() => {
+		if (!q) return;
+		let e = se.current;
+		e && (Ce && !xe ? e.dataset.fade = "bottom" : e.removeAttribute("data-fade"));
 	}, [
-		K,
-		ye,
-		_e
+		q,
+		Ce,
+		xe
 	]), c(() => {
-		let t = ke.current;
-		if (ke.current = e, t !== "responding" || e !== "resting") return;
-		requestAnimationFrame(() => {
-			let e = ie.current;
-			e && (oe.current = e.scrollHeight, be(e.scrollHeight > 241), pt());
-		}), de(!0);
-		let n = Ae.current;
-		Oe.start({
+		if (e !== "resting") return;
+		let t = oe.current, n = ae.current;
+		if (!t || !n) return;
+		let r = () => {
+			ue(t.scrollHeight), B(t.scrollHeight > 241), gt();
+		}, i = requestAnimationFrame(r), a = new ResizeObserver(r);
+		return a.observe(n), () => {
+			cancelAnimationFrame(i), a.disconnect();
+		};
+	}, [e, gt]), c(() => {
+		let e = ce.current;
+		if (!te || !e) return;
+		let t = performance.now(), n = e.getBoundingClientRect().top, r = 0, i = 0, a = 0, o = () => {
+			let s = e.getBoundingClientRect().top, c = Math.abs(s - n);
+			if (n = s, r += c, i = c < .5 ? i + 1 : 0, r > 3 && i >= 2 || r <= 3 && performance.now() - t > 150) {
+				te();
+				return;
+			}
+			a = requestAnimationFrame(o);
+		};
+		return a = requestAnimationFrame(o), () => cancelAnimationFrame(a);
+	}, [te]), c(() => {
+		let t = U.current;
+		if (U.current = e, t !== "responding" || e !== "resting") return;
+		ge(!0);
+		let n = Ne.current;
+		Me.start({
 			scaleX: [
 				1,
 				n?.ripple?.scaleX ?? 1.018,
@@ -1122,35 +1158,35 @@ var at = {
 				]
 			}
 		});
-		let r = window.setTimeout(() => de(!1), n?.ripple?.pulseDuration ?? 260);
+		let r = window.setTimeout(() => ge(!1), n?.ripple?.pulseDuration ?? 260);
 		return () => clearTimeout(r);
 	}, [
 		e,
-		Oe,
-		pt
+		Me,
+		gt
 	]);
-	let mt = o(() => {
-		let e = z.current;
-		e && (se.current = !0, n(e.textContent ?? ""));
-	}, [n]), ht = o((e) => {
-		e.preventDefault(), ot(e.clipboardData.getData("text/plain")) || mt();
-	}, [mt]), gt = o((e) => {
+	let Y = o(() => {
+		let e = ae.current;
+		e && (de.current = !0, n(e.textContent ?? ""));
+	}, [n]), _t = o((e) => {
+		e.preventDefault(), ot(e.clipboardData.getData("text/plain")) || Y();
+	}, [Y]), vt = o((e) => {
 		if (e.key === "Enter") {
-			if (e.preventDefault(), e.shiftKey) ot("\n") || mt();
+			if (e.preventDefault(), e.shiftKey) ot("\n") || Y();
 			else if (j) return;
-			else (t.trim().length > 0 || Ie.current.length > 0) && r(t, Ie.current);
+			else (t.trim().length > 0 || He.current.length > 0) && r(t, He.current);
 		}
 	}, [
 		t,
 		r,
-		mt,
+		Y,
 		j
 	]);
 	return c(() => {
-		let e = z.current;
+		let e = ae.current;
 		if (e) {
-			if (se.current) {
-				se.current = !1;
+			if (de.current) {
+				de.current = !1;
 				return;
 			}
 			e.textContent !== t && (e.textContent = t, document.activeElement === e && $e(e));
@@ -1158,24 +1194,25 @@ var at = {
 	}, [t]), /* @__PURE__ */ _(x, {
 		reducedMotion: "user",
 		children: /* @__PURE__ */ _(b, {
-			id: L,
+			id: ne,
 			children: /* @__PURE__ */ v("div", {
 				className: W.wrap,
-				onMouseEnter: () => ue(!0),
-				onMouseLeave: () => ue(!1),
+				onMouseEnter: () => me(!0),
+				onMouseLeave: () => me(!1),
 				style: F,
 				children: [
 					/* @__PURE__ */ _(C.div, {
-						className: `${W.root} ${K ? W.isGlassRoot : ""}`,
+						className: `${W.root} ${q ? W.isGlassRoot : ""}`,
+						ref: ce,
 						layout: !0,
-						animate: { filter: xe ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
+						animate: { filter: Te ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
 						style: {
-							pointerEvents: xe ? "none" : "auto",
+							pointerEvents: Te ? "none" : "auto",
 							width: F?.width === "100%" ? "100%" : void 0,
 							maxWidth: F?.maxWidth
 						},
 						transition: {
-							...ft,
+							...ht,
 							filter: {
 								type: "tween",
 								duration: .2,
@@ -1183,25 +1220,25 @@ var at = {
 							}
 						},
 						children: /* @__PURE__ */ v(C.div, {
-							className: `${W.surface} ${K ? W.glass : ""} ${rt ? W.hovered : ""} ${B ? W.pulsed : ""}`,
+							className: `${W.surface} ${q ? W.glass : ""} ${lt ? W.hovered : ""} ${he ? W.pulsed : ""}`,
 							style: {
 								alignItems: "stretch",
 								flexDirection: "column",
 								justifyContent: "center"
 							},
-							transition: ft,
-							animate: Oe,
-							onClick: () => z.current?.focus(),
+							transition: ht,
+							animate: Me,
+							onClick: () => ae.current?.focus(),
 							children: [
 								/* @__PURE__ */ _("input", {
 									type: "file",
-									ref: je,
+									ref: Pe,
 									accept: h,
 									multiple: T,
 									style: { display: "none" },
-									onChange: He
+									onChange: Ge
 								}),
-								/* @__PURE__ */ _(y, { children: Pe.length > 0 && /* @__PURE__ */ _(C.div, {
+								/* @__PURE__ */ _(y, { children: Ve.length > 0 && /* @__PURE__ */ _(C.div, {
 									initial: {
 										opacity: 0,
 										height: 0
@@ -1226,10 +1263,10 @@ var at = {
 									},
 									children: /* @__PURE__ */ _("div", {
 										className: W.attachedTray,
-										"data-glass": K || void 0,
+										"data-glass": q || void 0,
 										children: /* @__PURE__ */ _(Fe, {
-											attachments: Pe,
-											onRemove: K ? void 0 : Ue
+											attachments: Ve,
+											onRemove: q ? void 0 : Ke
 										})
 									})
 								}) }),
@@ -1238,15 +1275,15 @@ var at = {
 										display: "flex",
 										flexDirection: "row",
 										alignItems: "center",
-										flexWrap: pe ? "wrap" : "nowrap",
-										justifyContent: pe ? "flex-end" : "flex-start",
+										flexWrap: _e ? "wrap" : "nowrap",
+										justifyContent: _e ? "flex-end" : "flex-start",
 										width: "100%",
 										minWidth: 0,
 										flex: 1
 									},
 									children: [
 										/* @__PURE__ */ _("span", {
-											ref: ce,
+											ref: z,
 											"aria-hidden": "true",
 											style: {
 												position: "absolute",
@@ -1259,16 +1296,16 @@ var at = {
 											children: t
 										}),
 										/* @__PURE__ */ _("div", {
-											ref: ae,
+											ref: se,
 											className: W.editorClip,
-											style: { flexBasis: pe ? "100%" : void 0 },
+											style: { flexBasis: _e ? "100%" : void 0 },
 											children: /* @__PURE__ */ _(C.div, {
-												ref: ie,
-												className: `${W.editorWrap} ${K ? W.editorWrapGlass : ""}`,
+												ref: oe,
+												className: `${W.editorWrap} ${q ? W.editorWrapGlass : ""}`,
 												layout: "position",
-												animate: K && ye ? { maxHeight: _e ? oe.current : 240 } : void 0,
+												animate: q && Ce ? { maxHeight: xe ? le : 240 } : void 0,
 												transition: {
-													...ft,
+													...ht,
 													maxHeight: {
 														type: "spring",
 														stiffness: 300,
@@ -1277,24 +1314,24 @@ var at = {
 													}
 												},
 												children: /* @__PURE__ */ _("div", {
-													ref: z,
+													ref: ae,
 													className: W.editor,
-													contentEditable: q ? "false" : "plaintext-only",
+													contentEditable: Ye ? "false" : "plaintext-only",
 													suppressContentEditableWarning: !0,
-													onInput: mt,
-													onKeyDown: gt,
-													onPaste: ht,
+													onInput: Y,
+													onKeyDown: vt,
+													onPaste: _t,
 													spellCheck: !1,
 													role: "textbox",
 													"aria-multiline": "true",
-													"aria-label": ne,
-													"data-placeholder": q ? "" : ne
+													"aria-label": ie,
+													"data-placeholder": Ye ? "" : ie
 												})
 											})
 										}),
 										/* @__PURE__ */ v("div", {
 											className: W.buttonGroup,
-											children: [!K && he && ut && /* @__PURE__ */ _(C.div, {
+											children: [!q && ye && pt && /* @__PURE__ */ _(C.div, {
 												initial: {
 													opacity: 0,
 													scale: nt,
@@ -1312,7 +1349,7 @@ var at = {
 													scale: nt,
 													width: 0,
 													marginLeft: 0,
-													transition: Ee.current ? {
+													transition: Ae.current ? {
 														type: "tween",
 														duration: J?.wrap?.exitDuration ?? .15,
 														ease: "easeOut",
@@ -1337,34 +1374,35 @@ var at = {
 													position: "relative",
 													height: 28
 												},
-												children: /* @__PURE__ */ _(H, {
+												children: /* @__PURE__ */ _(V, {
 													variant: "ghost",
-													"data-voice": G.state,
+													"data-ick-role": "dictate",
+													"data-voice": K.state,
 													icon: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-														ref: We,
+														ref: qe,
 														className: W.voiceMeter,
-														"data-live": G.state === "listening" || void 0,
+														"data-live": K.state === "listening" || void 0,
 														"aria-hidden": !0
 													}), /* @__PURE__ */ _(Le, {
-														mode: G.state === "listening" || G.state === "transcribing" ? "stop" : "mic",
+														mode: K.state === "listening" || K.state === "transcribing" ? "stop" : "mic",
 														size: 14
 													})] }),
 													onClick: (e) => {
-														if (e.stopPropagation(), G.state !== "denied") {
-															if (!lt) {
-																let e = Math.min(Ke.current ?? t.length, t.length);
-																Ge.current = {
+														if (e.stopPropagation(), K.state !== "denied") {
+															if (!ft) {
+																let e = Math.min(G.current ?? t.length, t.length);
+																Je.current = {
 																	base: t,
 																	at: e
 																};
 															}
-															G.toggle();
+															K.toggle();
 														}
 													},
-													"aria-busy": G.state === "requesting" || G.state === "transcribing",
-													"aria-pressed": G.state === "listening",
-													disabled: G.state === "denied",
-													"aria-label": G.state === "listening" ? R.stopListening : G.state === "requesting" ? R.waitingForMicrophone : G.state === "transcribing" ? R.cancelTranscription : G.state === "denied" ? R.microphoneBlocked : R.dictate,
+													"aria-busy": K.state === "requesting" || K.state === "transcribing",
+													"aria-pressed": K.state === "listening",
+													disabled: K.state === "denied",
+													"aria-label": K.state === "listening" ? L.stopListening : K.state === "requesting" ? L.waitingForMicrophone : K.state === "transcribing" ? L.cancelTranscription : K.state === "denied" ? L.microphoneBlocked : L.dictate,
 													style: {
 														width: "100%",
 														height: "100%",
@@ -1374,11 +1412,11 @@ var at = {
 											}, "mic"), /* @__PURE__ */ v(y, {
 												initial: !1,
 												onExitComplete: () => {
-													Ee.current && (Ee.current = !1, me(!0), De.current && clearTimeout(De.current), De.current = window.setTimeout(() => {
-														ge(!0), De.current = null;
-													}, Ae.current?.wrap?.slideInDelay ?? 120));
+													Ae.current && (Ae.current = !1, ve(!0), je.current && clearTimeout(je.current), je.current = window.setTimeout(() => {
+														be(!0), je.current = null;
+													}, Ne.current?.wrap?.slideInDelay ?? 120));
 												},
-												children: [!K && he && (re || A) && /* @__PURE__ */ _(C.div, {
+												children: [!q && ye && (R || A) && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1393,7 +1431,7 @@ var at = {
 														opacity: 0,
 														scale: nt,
 														width: 0,
-														transition: Ee.current ? {
+														transition: Ae.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut",
@@ -1445,23 +1483,24 @@ var at = {
 																position: "absolute",
 																inset: 0
 															},
-															children: /* @__PURE__ */ _(H, {
+															children: /* @__PURE__ */ _(V, {
 																variant: "ghost",
-																icon: /* @__PURE__ */ _(Ce, {
+																"data-ick-role": "cancel-edit",
+																icon: /* @__PURE__ */ _(we, {
 																	size: 14,
 																	"aria-hidden": !0
 																}),
 																onClick: (e) => {
 																	e.stopPropagation(), k?.();
 																},
-																"aria-label": R.cancelEdit,
-																title: R.cancelEdit,
+																"aria-label": L.cancelEdit,
+																title: L.cancelEdit,
 																style: {
 																	width: "100%",
 																	height: "100%"
 																}
 															})
-														}, "cancel-btn") : re && !xe ? /* @__PURE__ */ _(C.div, {
+														}, "cancel-btn") : R && !Te ? /* @__PURE__ */ _(C.div, {
 															initial: {
 																opacity: 0,
 																scale: .5
@@ -1482,17 +1521,18 @@ var at = {
 																position: "absolute",
 																inset: 0
 															},
-															children: /* @__PURE__ */ _(H, {
+															children: /* @__PURE__ */ _(V, {
 																variant: "ghost",
-																icon: /* @__PURE__ */ _(fe, {
+																"data-ick-role": "add",
+																icon: /* @__PURE__ */ _(pe, {
 																	size: 14,
 																	"aria-hidden": !0
 																}),
 																onClick: (e) => {
-																	e.stopPropagation(), Se(!0);
+																	e.stopPropagation(), Ee(!0);
 																},
-																"aria-label": R.add,
-																title: R.add,
+																"aria-label": L.add,
+																title: L.add,
 																style: {
 																	width: "100%",
 																	height: "100%"
@@ -1500,7 +1540,7 @@ var at = {
 															})
 														}, "plus-btn") : null
 													})
-												}, "lead"), dt && he && /* @__PURE__ */ _(C.div, {
+												}, "lead"), mt && ye && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1518,7 +1558,7 @@ var at = {
 														scale: nt,
 														width: 0,
 														marginLeft: 0,
-														transition: Ee.current ? {
+														transition: Ae.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut"
@@ -1530,8 +1570,8 @@ var at = {
 																type: "tween",
 																duration: .15
 															},
-															width: it(ft),
-															marginLeft: it(ft)
+															width: it(ht),
+															marginLeft: it(ht)
 														}
 													},
 													transition: {
@@ -1552,14 +1592,15 @@ var at = {
 														transformOrigin: "right",
 														height: 28
 													},
-													children: /* @__PURE__ */ _(H, {
+													children: /* @__PURE__ */ _(V, {
 														variant: "primary",
-														icon: /* @__PURE__ */ _(Le, { mode: Xe ? "stop" : A ? "check" : "send" }),
+														"data-ick-role": st ? "stop" : A ? "save" : "send",
+														icon: /* @__PURE__ */ _(Le, { mode: st ? "stop" : A ? "check" : "send" }),
 														onClick: (e) => {
-															e.stopPropagation(), Xe ? i?.() : j || r(t, Pe);
+															e.stopPropagation(), st ? i?.() : j || r(t, Ve);
 														},
-														disabled: Ze,
-														"aria-label": Xe ? R.stop : A ? R.save : R.send,
+														disabled: ct,
+														"aria-label": st ? L.stop : A ? L.save : L.send,
 														style: {
 															flexShrink: 0,
 															width: 28
@@ -1574,31 +1615,31 @@ var at = {
 						})
 					}),
 					/* @__PURE__ */ _(Be, {
-						isAddOpen: xe,
-						setIsAddOpen: Se,
+						isAddOpen: Te,
+						setIsAddOpen: Ee,
 						items: N || void 0,
 						onAdd: (e, t) => {
 							let n = N ? N.find((e) => e.id === t) : void 0;
-							t === "attach" && !n?.onSelect && je.current?.click(), a?.();
+							t === "attach" && !n?.onSelect && Pe.current?.click(), a?.();
 						},
-						showInlineGlyph: dt,
-						showButtons: he,
+						showInlineGlyph: mt,
+						showButtons: ye,
 						ac: J
 					}),
 					/* @__PURE__ */ _(Re, {
-						showActions: st,
-						showReadMore: ct,
-						isExpanded: _e,
-						setIsExpanded: ve,
+						showActions: ut,
+						showReadMore: dt,
+						isExpanded: xe,
+						setIsExpanded: Se,
 						onCopy: D,
 						onEdit: O,
 						value: t,
 						ac: J
 					}),
-					ut && (G.state === "denied" || G.state === "failed") && /* @__PURE__ */ _("p", {
+					pt && (K.state === "denied" || K.state === "failed") && /* @__PURE__ */ _("p", {
 						className: W.voiceNote,
-						"data-tone": G.state,
-						children: G.state === "denied" ? R.microphoneBlockedHelp : G.error ?? te.couldNotOpen
+						"data-tone": K.state,
+						children: K.state === "denied" ? L.microphoneBlockedHelp : K.error ?? re.couldNotOpen
 					})
 				]
 			})
@@ -1618,15 +1659,15 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/useChatTurns/useChatTurns.ts
-var lt = 260, ut = 220, dt = "Generating response", J = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 11), ft = () => ({
-	id: J(),
+var lt = 260, ut = 220, dt = "Generating response", ft = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 11), pt = () => ({
+	id: ft(),
 	user: "",
 	ai: "",
 	parts: [],
 	versions: [],
 	versionIndex: 0,
 	state: "idle"
-}), pt = (e) => {
+}), mt = (e) => {
 	let t = e.versions;
 	if (!t?.length) return e;
 	let n = e.versionIndex ?? 0, r = t[n];
@@ -1638,7 +1679,7 @@ var lt = 260, ut = 220, dt = "Generating response", J = () => typeof crypto < "u
 			parts: e.parts
 		} : t)
 	};
-}, mt = (e) => typeof e == "object" && !!e && Symbol.asyncIterator in e, ht = (e, t, n) => {
+}, J = (e) => typeof e == "object" && !!e && Symbol.asyncIterator in e, ht = (e, t, n) => {
 	let r = 1e3 / t, i = Array(e.length), a = 0;
 	for (let t = 0; t < e.length; t++) {
 		a += r;
@@ -1648,7 +1689,7 @@ var lt = 260, ut = 220, dt = "Generating response", J = () => typeof crypto < "u
 	return i;
 };
 function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcements: r, nextTurn: i = "after-answer" }) {
-	let [a, s] = m(() => [ft()]), [l, u] = m(!1), d = p(null), f = p(null), h = p(/* @__PURE__ */ new Map()), g = p(/* @__PURE__ */ new Map()), _ = p(null), v = p(e), y = p(r), b = p(a);
+	let [a, s] = m(() => [pt()]), [l, u] = m(!1), d = p(null), f = p(null), h = p(/* @__PURE__ */ new Map()), g = p(/* @__PURE__ */ new Map()), _ = p(null), v = p(e), y = p(r), b = p(a);
 	c(() => {
 		v.current = e, b.current = a, y.current = r;
 	});
@@ -1661,7 +1702,7 @@ function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcemen
 					...n,
 					...t
 				};
-				return "versionIndex" in t || "versions" in t ? i : pt(i);
+				return "versionIndex" in t || "versions" in t ? i : mt(i);
 			});
 			return r ? (b.current = i, i) : n;
 		});
@@ -1673,7 +1714,7 @@ function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcemen
 		e.clear(), t.clear(), s((e) => {
 			let t = e.map((e) => {
 				let t = n.find(([t]) => t === e.id)?.[1], i = r.find(([t]) => t === e.id)?.[1];
-				return t === void 0 && !i ? e : pt({
+				return t === void 0 && !i ? e : mt({
 					...e,
 					...t === void 0 ? null : { ai: t },
 					...i ? { parts: i.reduce(ct, e.parts) } : null
@@ -1701,13 +1742,13 @@ function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcemen
 	let D = o(() => {
 		s((e) => {
 			if (e.some((e) => (e.state === "idle" || e.state === "typing") && e.ai === "")) return e;
-			let t = [...e, ft()];
+			let t = [...e, pt()];
 			return b.current = t, t;
 		});
 	}, []), O = o((e, t) => {
 		u(!1), d.current = null, x(e, { state: "resting" }), t || D();
 	}, [x, D]), k = o((e, r, i) => new Promise((a) => {
-		if (q()) {
+		if (G()) {
 			w(e, r), a();
 			return;
 		}
@@ -1762,7 +1803,7 @@ function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcemen
 				turnId: e,
 				attachments: r
 			});
-			if (mt(n)) for await (let t of n) {
+			if (J(n)) for await (let t of n) {
 				if (a.signal.aborted) break;
 				if (typeof t == "string") c += t, w(e, c);
 				else {
@@ -1887,7 +1928,7 @@ var Y = {
 	}
 	return window;
 }, wt = r(function({ title: e, subtitle: t, avatar: n, headingLevel: r = 2, truncate: i = !0, onBack: a, backHref: s, backLabel: l, actions: u = [], overflowLabel: d, variant: f = "plain", size: h = "m", align: g = "start", sticky: y = !1, elevateOnScroll: b = y, collapseActionsAt: x = 520, landmark: S = !0, children: C, className: w, ...T }, E) {
-	let D = U("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, N] = m(!1), [ee, P] = m(!1), F = o((e) => {
+	let D = H("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, N] = m(!1), [ee, te] = m(!1), P = o((e) => {
 		j.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 	}, [E]);
 	c(() => {
@@ -1902,13 +1943,13 @@ var Y = {
 		if (!b) return;
 		let e = Ct(j.current), t = () => {
 			let t = e === window ? window.scrollY : e.scrollTop;
-			P(t > 0);
+			te(t > 0);
 		};
 		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, [b]);
-	let I = x !== !1 && M, L = I ? u.filter((e) => e.pinned) : u, R = I ? u.filter((e) => !e.pinned) : [], te = r ? `h${r}` : "span";
+	let F = x !== !1 && M, I = F ? u.filter((e) => e.pinned) : u, ne = F ? u.filter((e) => !e.pinned) : [], L = r ? `h${r}` : "span";
 	return /* @__PURE__ */ v(S ? "header" : "div", {
-		ref: F,
+		ref: P,
 		className: [
 			Y.header,
 			bt[h],
@@ -1926,12 +1967,14 @@ var Y = {
 					href: s,
 					className: Y.back,
 					"aria-label": k,
+					"data-ick-role": "back",
 					children: /* @__PURE__ */ _(O, {
 						size: yt[h],
 						"aria-hidden": !0
 					})
-				}) : a ? /* @__PURE__ */ _(H, {
+				}) : a ? /* @__PURE__ */ _(V, {
 					variant: "secondary",
+					"data-ick-role": "back",
 					size: _t[h],
 					icon: /* @__PURE__ */ _(O, {
 						size: yt[h],
@@ -1946,7 +1989,7 @@ var Y = {
 				}),
 				(e || t) && /* @__PURE__ */ v("div", {
 					className: Y.titles,
-					children: [e && /* @__PURE__ */ _(te, {
+					children: [e && /* @__PURE__ */ _(L, {
 						className: [Y.title, i ? Y.truncate : ""].filter(Boolean).join(" "),
 						title: typeof e == "string" && i ? e : void 0,
 						children: e
@@ -1960,12 +2003,12 @@ var Y = {
 			className: Y.end,
 			children: [
 				C,
-				L.map((e) => /* @__PURE__ */ _(Tt, {
+				I.map((e) => /* @__PURE__ */ _(Tt, {
 					action: e,
 					size: h
 				}, e.id)),
-				R.length > 0 && /* @__PURE__ */ _(Et, {
-					actions: R,
+				ne.length > 0 && /* @__PURE__ */ _(Et, {
+					actions: ne,
 					size: h,
 					label: A
 				})
@@ -1984,11 +2027,15 @@ function Tt({ action: e, size: t }) {
 		className: Y.back,
 		"aria-label": n,
 		title: e.label,
+		"data-ick-role": "header-action",
+		"data-ick-action": e.id,
 		children: [e.icon, r]
 	}) : /* @__PURE__ */ v("span", {
 		className: Y.actionWrap,
-		children: [/* @__PURE__ */ _(H, {
-			variant: "secondary",
+		children: [/* @__PURE__ */ _(V, {
+			variant: e.variant ?? "secondary",
+			"data-ick-role": "header-action",
+			"data-ick-action": e.id,
 			size: _t[t],
 			icon: e.icon,
 			"aria-label": n,
@@ -2000,38 +2047,54 @@ function Tt({ action: e, size: t }) {
 	});
 }
 function Et({ actions: e, size: t, label: n }) {
-	let [r, i] = m(!1), [a, s] = m(0), [u, d] = m(!1), f = p(null), h = p(null), g = l(), y = o((e) => {
+	let [r, i] = m(!1), [a, s] = m(0), [u, d] = m(!1), f = p(null), h = p(null), g = p(!1), y = l(), b = o((e) => {
 		i(!1), e && f.current?.focus();
-	}, []), b = Math.min(a, Math.max(e.length - 1, 0));
+	}, []), x = Math.min(a, Math.max(e.length - 1, 0));
 	return c(() => {
-		r && (h.current?.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"]"))?.[b]?.focus();
+		r && (h.current?.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"]"))?.[x]?.focus();
+	}, [r, x]), c(() => {
+		if (!r) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (h.current?.contains(t) || f.current?.contains(t) || b(!1));
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	}, [r, b]), /* @__PURE__ */ v("span", {
 		className: Y.overflow,
-		children: [/* @__PURE__ */ _(H, {
+		children: [/* @__PURE__ */ _(V, {
 			ref: f,
 			variant: "secondary",
+			"data-ick-role": "header-more",
 			size: _t[t],
-			icon: /* @__PURE__ */ _(ce, {
+			icon: /* @__PURE__ */ _(le, {
 				size: yt[t],
 				"aria-hidden": !0
 			}),
 			"aria-label": n,
 			"aria-haspopup": "menu",
 			"aria-expanded": r,
-			"aria-controls": r ? g : void 0,
+			"aria-controls": r ? y : void 0,
+			onPointerDown: () => {
+				g.current = r;
+			},
 			onClick: (e) => {
-				d(e.detail === 0), s(0), i((e) => !e);
+				let t = r || e.detail > 0 && g.current;
+				if (g.current = !1, t) {
+					b(!1);
+					return;
+				}
+				d(e.detail === 0), s(0), i(!0);
 			}
 		}), r && /* @__PURE__ */ _("div", {
 			ref: h,
-			id: g,
+			id: y,
 			role: "menu",
 			"aria-label": n,
 			className: Y.menu,
 			"data-keyboard": u || void 0,
 			onKeyDown: (t) => {
 				if (t.key === "Escape") {
-					t.stopPropagation(), y(!0);
+					t.stopPropagation(), b(!0);
 					return;
 				}
 				if ([
@@ -2054,17 +2117,19 @@ function Et({ actions: e, size: t, label: n }) {
 				t.key === "End" && (t.preventDefault(), s(e.length - 1));
 			},
 			onBlur: (e) => {
-				e.currentTarget.contains(e.relatedTarget) || y(!1);
+				e.currentTarget.contains(e.relatedTarget) || b(!1);
 			},
 			children: e.map((e, t) => /* @__PURE__ */ v("button", {
 				type: "button",
 				role: e.active === void 0 ? "menuitem" : "menuitemcheckbox",
 				"aria-checked": e.active,
-				tabIndex: b === t ? 0 : -1,
+				tabIndex: x === t ? 0 : -1,
 				className: Y.menuItem,
+				"data-ick-role": "header-menu-item",
+				"data-ick-action": e.id,
 				disabled: e.disabled,
 				onClick: () => {
-					e.onClick?.(), y(!0);
+					e.onClick?.(), b(!0);
 				},
 				children: [
 					/* @__PURE__ */ _("span", {
@@ -2086,7 +2151,7 @@ var Dt = {
 	reveal: "ick-reveal-z3mw"
 }, Ot = 1600;
 function kt({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i = null, children: a, reveal: s = !1, busy: l = !1, labels: u, className: d, ...f }) {
-	let [h, y] = m(!1), b = p(null), x = U("answerActions", u);
+	let [h, y] = m(!1), b = p(null), x = H("answerActions", u);
 	c(() => () => {
 		b.current && clearTimeout(b.current);
 	}, []);
@@ -2105,9 +2170,11 @@ function kt({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 		].filter(Boolean).join(" "),
 		...f,
 		children: [
-			e.trim() && /* @__PURE__ */ _(H, {
+			e.trim() && /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: _(h ? j : P, {
+				"data-ick-role": "answer-action",
+				"data-ick-action": "copy",
+				icon: _(h ? j : te, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2115,9 +2182,11 @@ function kt({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 				"aria-label": h ? x.copied : x.copy,
 				title: h ? x.copied : x.copy
 			}),
-			n && /* @__PURE__ */ _(H, {
+			n && /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: /* @__PURE__ */ _(pe, {
+				"data-ick-role": "answer-action",
+				"data-ick-action": "regenerate",
+				icon: /* @__PURE__ */ _(me, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2127,9 +2196,11 @@ function kt({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 				"aria-label": x.regenerate,
 				title: x.regenerate
 			}),
-			r && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(H, {
+			r && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: /* @__PURE__ */ _(be, {
+				"data-ick-role": "answer-action",
+				"data-ick-action": "up",
+				icon: /* @__PURE__ */ _(xe, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2137,9 +2208,11 @@ function kt({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 				"aria-pressed": i === "up",
 				"aria-label": x.up,
 				title: x.up
-			}), /* @__PURE__ */ _(H, {
+			}), /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: /* @__PURE__ */ _(ye, {
+				"data-ick-role": "answer-action",
+				"data-ick-action": "down",
+				icon: /* @__PURE__ */ _(be, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2161,7 +2234,7 @@ var At = {
 //#endregion
 //#region src/Branch/Branch.tsx
 function jt({ total: e, index: t, onSelect: n, labels: r, className: i, ...a }) {
-	let o = U("branch", r);
+	let o = H("branch", r);
 	if (e < 2) return null;
 	let s = Math.min(Math.max(t, 0), e - 1), c = o.position.replace("{index}", String(s + 1)).replace("{total}", String(e));
 	return /* @__PURE__ */ v("div", {
@@ -2314,7 +2387,7 @@ var Rt = {
 //#endregion
 //#region src/disclosure/DisclosureBody.tsx
 function zt({ id: e, open: t, className: n, children: r }) {
-	let i = q();
+	let i = G();
 	return /* @__PURE__ */ _("div", {
 		id: e,
 		className: Rt.outer,
@@ -2366,7 +2439,7 @@ var Vt = {
 //#endregion
 //#region src/Reasoning/Reasoning.tsx
 function Ht({ children: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = U("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Pt({
+	let u = H("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Pt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2494,7 +2567,7 @@ var en = {
 	pre: "ick-pre-qaBX"
 }, tn = 1600;
 function nn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor: a = tn, labels: s, className: l, ...u }) {
-	let d = U("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Qt);
+	let d = H("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Qt);
 	c(() => {
 		if (b || !Jt(t)) return;
 		let e = !0;
@@ -2534,7 +2607,7 @@ function nn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor
 				onClick: C,
 				onPointerDown: (e) => e.stopPropagation(),
 				"aria-label": h ? d.copied : d.copyCode,
-				children: [_(h ? j : P, {
+				children: [_(h ? j : te, {
 					size: 13,
 					"aria-hidden": !0
 				}), /* @__PURE__ */ _("span", {
@@ -2564,7 +2637,7 @@ function an({ state: e }) {
 		className: rn.glyph,
 		"data-state": e,
 		"aria-hidden": !0,
-		children: e === "running" ? /* @__PURE__ */ _("span", { className: rn.spinner }) : e === "done" ? /* @__PURE__ */ _(j, { size: 13 }) : e === "error" ? /* @__PURE__ */ _(Se, { size: 13 }) : /* @__PURE__ */ _("span", { className: rn.queued })
+		children: e === "running" ? /* @__PURE__ */ _("span", { className: rn.spinner }) : e === "done" ? /* @__PURE__ */ _(j, { size: 13 }) : e === "error" ? /* @__PURE__ */ _(Ce, { size: 13 }) : /* @__PURE__ */ _("span", { className: rn.queued })
 	});
 }
 var on = {
@@ -2627,7 +2700,7 @@ function cn({ label: e, value: t, tone: n }) {
 	});
 }
 function ln({ name: e, state: t = "done", summary: n, input: r, output: i, error: a, duration: o, open: s, defaultOpen: c, onOpenChange: u, labels: d, className: f, ...p }) {
-	let m = U("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Pt({
+	let m = H("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Pt({
 		open: s,
 		defaultOpen: c,
 		onOpenChange: u,
@@ -2703,7 +2776,7 @@ var un = {
 	denied: "wasDenied"
 };
 function pn({ title: e, description: t, children: n, decision: r = null, onDecide: i, readOnly: a = !1, choices: o = dn, labels: s, className: c, ...u }) {
-	let d = U("approval", s), f = (e) => o.includes(e), p = l(), m = r !== null;
+	let d = H("approval", s), f = (e) => o.includes(e), p = l(), m = r !== null;
 	return /* @__PURE__ */ v("section", {
 		className: [un.approval, c ?? ""].filter(Boolean).join(" "),
 		"data-decision": r ?? void 0,
@@ -2728,29 +2801,32 @@ function pn({ title: e, description: t, children: n, decision: r = null, onDecid
 			m ? /* @__PURE__ */ v("p", {
 				className: un.settled,
 				"data-decision": r,
-				children: [_(r === "denied" ? Ce : j, {
+				children: [_(r === "denied" ? we : j, {
 					size: 13,
 					"aria-hidden": !0
 				}), d[fn[r]]]
 			}) : !a && /* @__PURE__ */ v("div", {
 				className: un.actions,
 				children: [
-					f("deny") && /* @__PURE__ */ _(H, {
+					f("deny") && /* @__PURE__ */ _(V, {
+						"data-ick-role": "approval-deny",
 						variant: "ghost",
 						size: "m",
 						className: un.deny,
 						onClick: () => i?.("denied"),
 						children: d.deny
 					}),
-					f("always") && /* @__PURE__ */ _(H, {
+					f("always") && /* @__PURE__ */ _(V, {
 						variant: "outline",
 						size: "m",
+						"data-ick-role": "approval-always",
 						onClick: () => i?.("always"),
 						children: d.always
 					}),
-					f("once") && /* @__PURE__ */ _(H, {
+					f("once") && /* @__PURE__ */ _(V, {
 						variant: "primary",
 						size: "m",
+						"data-ick-role": "approval-once",
 						onClick: () => i?.("once"),
 						children: d.once
 					})
@@ -2771,7 +2847,7 @@ var mn = {
 //#endregion
 //#region src/TaskList/TaskList.tsx
 function hn({ tasks: e, title: t, collapsible: n = !1, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = U("tasks", o), d = l(), f = q(), p = e.filter((e) => (e.state ?? "pending") === "done").length, m = Pt({
+	let u = H("tasks", o), d = l(), f = G(), p = e.filter((e) => (e.state ?? "pending") === "done").length, m = Pt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2848,7 +2924,7 @@ var gn = {
 //#endregion
 //#region src/ChainOfThought/ChainOfThought.tsx
 function _n({ steps: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = U("chain", o), d = l(), f = q(), p = t === "thinking", { isOpen: m, toggle: h } = Pt({
+	let u = H("chain", o), d = l(), f = G(), p = t === "thinking", { isOpen: m, toggle: h } = Pt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2928,7 +3004,7 @@ var vn = {
 //#endregion
 //#region src/Sources/Sources.tsx
 function yn({ sources: e, title: t, collapsible: n = !1, activeId: r = null, onSelect: i, open: a, defaultOpen: o, onOpenChange: s, labels: c, className: u, ...d }) {
-	let f = U("sources", c), p = l(), m = Pt({
+	let f = H("sources", c), p = l(), m = Pt({
 		open: a,
 		defaultOpen: o,
 		onOpenChange: s,
@@ -2996,7 +3072,7 @@ var bn = { chip: "ick-chip-FJNL" };
 //#endregion
 //#region src/Chip/Chip.tsx
 function xn({ children: e, className: t }) {
-	let n = q();
+	let n = G();
 	return /* @__PURE__ */ _(C.span, {
 		className: [bn.chip, t ?? ""].filter(Boolean).join(" "),
 		initial: n ? { opacity: 0 } : {
@@ -3054,7 +3130,7 @@ var X = {
 		children: e
 	});
 }), Cn = r(function({ letter: e, title: t, description: n, selected: r = !1, className: i, ...a }, o) {
-	let s = q();
+	let s = G();
 	return /* @__PURE__ */ v(C.button, {
 		ref: o,
 		type: "button",
@@ -3214,7 +3290,7 @@ function Nn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 	let [a, o] = m(() => n && "values" in n ? { ...n.values } : {}), [s, l] = m(() => n && "optionIds" in n ? [...n.optionIds ?? []] : []), [u, d] = m(() => n && "optionIds" in n ? n.other ?? "" : ""), [h, g] = m(n && "optionId" in n ? n.optionId : null), y = p(null), b = f(() => e.type === "inputs" ? e.fields.map(() => ({ current: null })) : [], [e]);
 	c(() => {
 		if (e.type !== "inputs") return;
-		let t = setTimeout(() => y.current?.focus({ preventScroll: !0 }), q() ? 0 : jn);
+		let t = setTimeout(() => y.current?.focus({ preventScroll: !0 }), G() ? 0 : jn);
 		return () => clearTimeout(t);
 	}, [e.type]);
 	let x = f(() => e.type !== "inputs" || e.fields.every((e) => e.optional || (a[e.id] ?? "").trim()), [e, a]), S = {
@@ -3227,9 +3303,10 @@ function Nn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 		let t = () => x && r?.({ values: a });
 		return /* @__PURE__ */ _(En, {
 			...S,
-			footer: /* @__PURE__ */ _(H, {
+			footer: /* @__PURE__ */ _(V, {
 				variant: "secondary",
 				size: "m",
+				"data-ick-role": "question-next",
 				disabled: !x,
 				onClick: t,
 				children: i.next
@@ -3271,7 +3348,8 @@ function Nn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 	};
 	return /* @__PURE__ */ v(En, {
 		...S,
-		footer: /* @__PURE__ */ _(H, {
+		footer: /* @__PURE__ */ _(V, {
+			"data-ick-role": "question-next",
 			variant: "secondary",
 			size: "m",
 			disabled: !e.allowEmpty && w,
@@ -3294,7 +3372,7 @@ function Nn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 	});
 }
 function Pn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit: a, readOnly: o = !1, labels: s }) {
-	let c = U("question", s), l = n !== "upcoming", u = q(), d = p(null), f = Dn(d), m;
+	let c = H("question", s), l = n !== "upcoming", u = G(), d = p(null), f = Dn(d), m;
 	if (n === "active") m = /* @__PURE__ */ _(Nn, {
 		question: e,
 		number: t,
@@ -3314,7 +3392,7 @@ function Pn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 			})]
 		}), /* @__PURE__ */ v("span", {
 			className: X.collapsedAnswer,
-			children: [n.map((e, t) => /* @__PURE__ */ _(xn, { children: e }, `${e}-${t}`)), !o && /* @__PURE__ */ _(de, {
+			children: [n.map((e, t) => /* @__PURE__ */ _(xn, { children: e }, `${e}-${t}`)), !o && /* @__PURE__ */ _(fe, {
 				className: X.pencil,
 				size: 14,
 				"aria-hidden": !0
@@ -3387,7 +3465,7 @@ var Fn = {
 	fadeInDelay: .08
 };
 function Rn({ id: e, title: t, questions: n, answers: r, activeIndex: i = null, collapsible: a = !1, onCommit: o, onEdit: s, readOnly: c = !1, labels: u, foldMotion: d, className: f }) {
-	let [h, g] = m(!1), [x, S] = m(!1), w = l(), T = p(null), E = Dn(T), D = U("questionGroup", u), O = q(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
+	let [h, g] = m(!1), [x, S] = m(!1), w = l(), T = p(null), E = Dn(T), D = H("questionGroup", u), O = G(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
 		...Ln,
 		...d
 	}, M = O ? { duration: 0 } : {
@@ -3406,7 +3484,7 @@ function Rn({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 			duration: e,
 			delay: t
 		}
-	}, P = {
+	}, te = {
 		hidden: {
 			opacity: 0,
 			y: O ? 0 : j.rowOffset,
@@ -3417,7 +3495,7 @@ function Rn({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 			y: 0,
 			transition: ee(j.fadeIn, O ? 0 : j.fadeInDelay)
 		}
-	}, F = {
+	}, P = {
 		variants: N,
 		initial: "hidden",
 		animate: "shown",
@@ -3455,9 +3533,9 @@ function Rn({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 					initial: !1,
 					mode: "popLayout",
 					children: k ? /* @__PURE__ */ _(C.div, {
-						...F,
+						...P,
 						children: /* @__PURE__ */ v(C.div, {
-							variants: P,
+							variants: te,
 							className: Fn.summary,
 							children: [/* @__PURE__ */ v("span", {
 								className: Fn.count,
@@ -3473,9 +3551,9 @@ function Rn({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 						})
 					}, "summary") : /* @__PURE__ */ _(C.div, {
 						className: Fn.list,
-						...F,
+						...P,
 						children: n.map((e, t) => /* @__PURE__ */ _(C.div, {
-							variants: P,
+							variants: te,
 							className: Fn.row,
 							children: /* @__PURE__ */ _(Pn, {
 								question: e,
@@ -3587,7 +3665,7 @@ function Kn({ children: e }) {
 		initial: !1,
 		animate: { height: n },
 		transition: {
-			duration: q() ? 0 : .22,
+			duration: G() ? 0 : .22,
 			ease: [
 				.32,
 				.72,
@@ -4050,7 +4128,7 @@ var xr = {
 //#endregion
 //#region src/InlineCitation/InlineCitation.tsx
 function Sr({ index: e, source: t, children: n, onSelect: r, labels: i, className: a, ...o }) {
-	let { cite: s } = U("citation", i), c = t ? `${s} ${e}: ${t.title}` : `${s} ${e}`, l = r ? /* @__PURE__ */ _("button", {
+	let { cite: s } = H("citation", i), c = t ? `${s} ${e}: ${t.title}` : `${s} ${e}`, l = r ? /* @__PURE__ */ _("button", {
 		type: "button",
 		className: xr.marker,
 		onClick: () => r(e, t),
@@ -4127,28 +4205,28 @@ var Cr = {
 	}), t.trim();
 };
 function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlightComplete: a, onReplyInThread: s, sources: u, onSelectSource: d }) {
-	let h = U("highlighter"), g = p(null), [b, S] = m([]), [w, T] = m([]), [E, D] = m(null), [O, k] = m(!1), [A, j] = m(null), [M, N] = m(0), ee = p(null), P = p(null), [F, I] = m(null), [L, R] = m(null), te = o((e) => {
-		e.viaKeyboard && (P.current = document.activeElement), N(0), j(e);
-	}, []), ne = o((e = "none") => {
-		let t = P.current;
-		P.current = null, j(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : g.current?.focus());
+	let h = H("highlighter"), g = p(null), [b, S] = m([]), [w, T] = m([]), [E, D] = m(null), [O, k] = m(!1), [A, j] = m(null), [M, N] = m(0), ee = p(null), te = p(null), [P, F] = m(null), [I, ne] = m(null), L = o((e) => {
+		e.viaKeyboard && (te.current = document.activeElement), N(0), j(e);
+	}, []), re = o((e = "none") => {
+		let t = te.current;
+		te.current = null, j(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : g.current?.focus());
 	}, []);
 	c(() => {
 		let e = (e) => {
-			A && g.current && !g.current.contains(e.target) && ne();
+			A && g.current && !g.current.contains(e.target) && re();
 		};
 		return window.addEventListener("pointerdown", e), () => window.removeEventListener("pointerdown", e);
-	}, [A, ne]);
-	let re = f(() => br(t), [t]), z = re.tokens, ae = p(w), oe = p(a), se = p(A);
+	}, [A, re]);
+	let ie = f(() => br(t), [t]), R = ie.tokens, oe = p(w), se = p(a), ce = p(A);
 	c(() => {
-		ae.current = w, oe.current = a, se.current = A;
+		oe.current = w, se.current = a, ce.current = A;
 	});
-	let ce = f(() => [...b.map((e) => ({
+	let le = f(() => [...b.map((e) => ({
 		id: e.id,
 		d: Er(e.points),
 		kind: "path",
 		item: e,
-		text: kr(e.highlightedIndices, z)
+		text: kr(e.highlightedIndices, R)
 	})), ...w.map((e) => ({
 		id: e.id,
 		d: jr(e.rects),
@@ -4158,23 +4236,23 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 	}))], [
 		b,
 		w,
-		z
-	]), le = (e, t = !1) => {
+		R
+	]), ue = (e, t = !1) => {
 		let n = e.kind === "path" ? Dr(e.item.points) : Or(e.item.rects);
-		te({
+		L({
 			x: n.x,
 			y: n.y,
 			pathId: e.id,
 			kind: e.kind,
 			viaKeyboard: t
 		});
-	}, ue = o((e, t, n = !1) => {
+	}, de = o((e, t, n = !1) => {
 		let r = g.current, i = t.trim();
 		if (!r || !i) return;
 		let a = /* @__PURE__ */ new Set();
 		r.querySelectorAll("span[data-index]").forEach((t) => {
 			e.intersectsNode(t) && a.add(parseInt(t.getAttribute("data-index"), 10));
-		}), oe.current?.(i);
+		}), se.current?.(i);
 		let o = r.getBoundingClientRect(), s = Array.from(e.getClientRects()).map((e) => ({
 			x: e.left - o.left,
 			y: e.top - o.top,
@@ -4203,23 +4281,23 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			highlightedIndices: a
 		}]);
 		let d = Or(l);
-		te({
+		L({
 			x: d.x,
 			y: d.y,
 			pathId: u,
 			kind: "selection",
 			viaKeyboard: n
 		});
-	}, [te]);
+	}, [L]);
 	c(() => {
 		let e = (e) => {
-			if (se.current) return;
+			if (ce.current) return;
 			let t = g.current;
 			if (!t) return;
 			let n = window.getSelection();
 			if (!n || n.isCollapsed || n.rangeCount === 0 || !n.toString().trim()) return;
 			let r = n.getRangeAt(0);
-			t.contains(r.commonAncestorContainer) && (ue(r, n.toString(), e), requestAnimationFrame(() => window.getSelection()?.removeAllRanges()));
+			t.contains(r.commonAncestorContainer) && (de(r, n.toString(), e), requestAnimationFrame(() => window.getSelection()?.removeAllRanges()));
 		}, t = () => e(!1), n = (t) => {
 			let n = (t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "a";
 			!t.shiftKey && !n || e(!0);
@@ -4227,34 +4305,34 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		return document.addEventListener("mouseup", t), document.addEventListener("keyup", n), () => {
 			document.removeEventListener("mouseup", t), document.removeEventListener("keyup", n);
 		};
-	}, [ue]);
-	let [B, de] = m(i);
-	B !== i && (de(i), j(null));
-	let fe = f(() => z.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [z]), [pe, me] = m(null), [he, ge] = m(null), _e = l(), ve = f(() => pe === null || he === null ? null : {
-		from: Math.min(he, pe),
-		to: Math.max(he, pe)
-	}, [pe, he]), ye = () => {
-		me(null), ge(null);
-	}, be = () => {
+	}, [de]);
+	let [z, fe] = m(i);
+	z !== i && (fe(i), j(null));
+	let pe = f(() => R.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [R]), [me, he] = m(null), [ge, _e] = m(null), ve = l(), ye = f(() => me === null || ge === null ? null : {
+		from: Math.min(ge, me),
+		to: Math.max(ge, me)
+	}, [me, ge]), be = () => {
+		he(null), _e(null);
+	}, xe = () => {
 		let e = g.current;
-		if (!e || !ve) return;
-		let t = e.querySelector(`span[data-index="${ve.from}"]`), n = e.querySelector(`span[data-index="${ve.to}"]`);
+		if (!e || !ye) return;
+		let t = e.querySelector(`span[data-index="${ye.from}"]`), n = e.querySelector(`span[data-index="${ye.to}"]`);
 		if (!t || !n) return;
 		let r = document.createRange();
 		r.setStartBefore(t), r.setEndAfter(n);
 		let i = "";
-		for (let e = ve.from; e <= ve.to; e++) i += z[e];
-		ue(r, i, !0), ye();
-	}, Se = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
+		for (let e = ye.from; e <= ye.to; e++) i += R[e];
+		de(r, i, !0), be();
+	}, Ce = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
 	c(() => {
 		if (!A) return;
-		let e = Se();
+		let e = Ce();
 		if (e.length === 0) return;
 		let t = ee.current?.contains(document.activeElement);
 		(A.viaKeyboard || t) && e[Math.min(M, e.length - 1)]?.focus();
 	}, [A, M]);
-	let Ce = (e) => {
-		let t = Se().length;
+	let we = (e) => {
+		let t = Ce().length;
 		if (t === 0) return;
 		let n = (n) => {
 			e.preventDefault(), e.stopPropagation(), N((e) => (e + n + t) % t);
@@ -4268,34 +4346,34 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			case "End": return e.preventDefault(), N(t - 1);
 			default: return;
 		}
-	}, V = (e) => {
-		if (e.target !== e.currentTarget && e.key !== "Escape" || fe.length === 0) return;
+	}, B = (e) => {
+		if (e.target !== e.currentTarget && e.key !== "Escape" || pe.length === 0) return;
 		let t = (t, n) => {
 			e.preventDefault();
-			let r = pe === null ? -1 : fe.indexOf(pe), i = r === -1 ? fe[t === 1 ? 0 : fe.length - 1] : fe[Math.min(fe.length - 1, Math.max(0, r + t))];
-			me(i), (!n || he === null) && ge(i);
+			let r = me === null ? -1 : pe.indexOf(me), i = r === -1 ? pe[t === 1 ? 0 : pe.length - 1] : pe[Math.min(pe.length - 1, Math.max(0, r + t))];
+			he(i), (!n || ge === null) && _e(i);
 		}, n = (t) => {
-			e.preventDefault(), me(t), (!e.shiftKey || he === null) && ge(t);
+			e.preventDefault(), he(t), (!e.shiftKey || ge === null) && _e(t);
 		};
 		switch (e.key) {
 			case "ArrowRight": return t(1, e.shiftKey);
 			case "ArrowLeft": return t(-1, e.shiftKey);
-			case "Home": return n(fe[0]);
-			case "End": return n(fe[fe.length - 1]);
+			case "Home": return n(pe[0]);
+			case "End": return n(pe[pe.length - 1]);
 			case "Enter":
-			case " ": return ve ? (e.preventDefault(), be()) : void 0;
-			case "Escape": return !A && pe === null ? void 0 : (e.preventDefault(), ne("restore"), ye());
+			case " ": return ye ? (e.preventDefault(), xe()) : void 0;
+			case "Escape": return !A && me === null ? void 0 : (e.preventDefault(), re("restore"), be());
 			default: return;
 		}
-	}, we = (e, t, n) => {
+	}, Te = (e, t, n) => {
 		let r = document.elementFromPoint(e, t);
 		if (r && r.hasAttribute("data-index")) {
 			let e = parseInt(r.getAttribute("data-index"), 10);
 			n.add(e);
 		}
-	}, Te = (e) => {
+	}, Ee = (e) => {
 		if (A) {
-			ne();
+			re();
 			return;
 		}
 		if (i === "precise" || e.button !== 0 && e.pointerType === "mouse") return;
@@ -4310,14 +4388,14 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			}],
 			highlightedIndices: /* @__PURE__ */ new Set()
 		};
-		D(s), ne(), we(e.clientX, e.clientY, s.highlightedIndices);
-	}, Ee = (e) => {
+		D(s), re(), Te(e.clientX, e.clientY, s.highlightedIndices);
+	}, De = (e) => {
 		if (i === "precise" || !E) return;
 		let t = g.current.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, a = n - r * Tr;
 		D((t) => {
 			if (!t) return t;
 			let n = new Set(t.highlightedIndices);
-			return we(e.clientX, e.clientY, n), {
+			return Te(e.clientX, e.clientY, n), {
 				...t,
 				points: [...t.points, {
 					x: a,
@@ -4326,28 +4404,28 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 				highlightedIndices: n
 			};
 		});
-	}, De = (e) => {
+	}, Oe = (e) => {
 		if (i !== "precise" && (k(!1), E)) {
 			if (e.currentTarget.releasePointerCapture(e.pointerId), S((e) => [...e, E]), E.highlightedIndices.size > 0) {
 				let e = Dr(E.points);
-				te({
+				L({
 					x: e.x,
 					y: e.y,
 					pathId: E.id,
 					kind: "path"
 				});
 			}
-			a && E.highlightedIndices.size > 0 && a(kr(E.highlightedIndices, z)), D(null);
+			a && E.highlightedIndices.size > 0 && a(kr(E.highlightedIndices, R)), D(null);
 		}
-	}, Oe = (e) => {
-		i !== "precise" && (k(!1), E && (e.currentTarget.releasePointerCapture(e.pointerId), D(null)));
 	}, ke = (e) => {
+		i !== "precise" && (k(!1), E && (e.currentTarget.releasePointerCapture(e.pointerId), D(null)));
+	}, Ae = (e) => {
 		let t = b.find((t) => t.id === e);
-		return t ? kr(t.highlightedIndices, z) : "";
-	}, je = (e) => {
+		return t ? kr(t.highlightedIndices, R) : "";
+	}, Me = (e) => {
 		let t = A?.viaKeyboard;
-		A?.kind === "selection" ? T((t) => t.filter((t) => t.id !== e)) : S((t) => t.filter((t) => t.id !== e)), ne(t ? "container" : "none");
-	}, Me = () => {
+		A?.kind === "selection" ? T((t) => t.filter((t) => t.id !== e)) : S((t) => t.filter((t) => t.id !== e)), re(t ? "container" : "none");
+	}, U = () => {
 		let e = A?.viaKeyboard;
 		if (A && s) {
 			if (A.kind === "selection") {
@@ -4361,25 +4439,25 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 					s(e.text, c);
 				}
 			} else {
-				let e = ke(A.pathId), t = document.getElementById(`highlight-path-${A.pathId}`);
+				let e = Ae(A.pathId), t = document.getElementById(`highlight-path-${A.pathId}`);
 				t && s(e, t.getBoundingClientRect());
 			}
 		}
-		ne(e ? "restore" : "none");
+		re(e ? "restore" : "none");
 	}, Ne = (e) => {
-		let t = z[e];
+		let t = R[e];
 		if (!r) return t;
 		let n = !1;
 		A && (n = (A.kind === "path" ? b.find((e) => e.id === A.pathId) : w.find((e) => e.id === A.pathId))?.highlightedIndices?.has(e) ?? !1);
 		let i = !1;
-		return F && (i = (b.find((e) => e.id === F) ?? w.find((e) => e.id === F))?.highlightedIndices?.has(e) ?? !1), /* @__PURE__ */ _("span", {
+		return P && (i = (b.find((e) => e.id === P) ?? w.find((e) => e.id === P))?.highlightedIndices?.has(e) ?? !1), /* @__PURE__ */ _("span", {
 			"data-index": e,
 			className: Cr.token,
 			"data-space": !t.trim() || void 0,
 			"data-active": n || void 0,
 			"data-pressed": i || void 0,
-			"data-kbd-cursor": pe === e || void 0,
-			"data-kbd-selected": ve && e >= ve.from && e <= ve.to || void 0,
+			"data-kbd-cursor": me === e || void 0,
+			"data-kbd-selected": ye && e >= ye.from && e <= ye.to || void 0,
 			children: t
 		}, e);
 	}, Pe = (e) => e.map((e, t) => {
@@ -4420,18 +4498,18 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			"data-menu": !!A || void 0,
 			className: Cr.surface,
 			...r ? {
-				onPointerDown: Te,
-				onPointerMove: Ee,
-				onPointerUp: De,
-				onPointerCancel: Oe,
+				onPointerDown: Ee,
+				onPointerMove: De,
+				onPointerUp: Oe,
+				onPointerCancel: ke,
 				tabIndex: 0,
-				onKeyDown: V,
-				onBlur: ye,
-				"aria-describedby": _e
+				onKeyDown: B,
+				onBlur: be,
+				"aria-describedby": ve
 			} : null,
 			children: [
 				r && /* @__PURE__ */ _("span", {
-					id: _e,
+					id: ve,
 					className: Cr.srOnly,
 					"aria-hidden": "true",
 					children: h.keyboardHint
@@ -4440,51 +4518,51 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 				/* @__PURE__ */ _("div", {
 					className: Cr.tokens,
 					"data-focus": !!A || void 0,
-					children: Pe(re.nodes)
+					children: Pe(ie.nodes)
 				}),
 				r && /* @__PURE__ */ _("svg", {
 					className: Cr.canvas,
 					children: /* @__PURE__ */ v("g", {
 						transform: `skewX(${wr})`,
-						children: [ce.map((t) => /* @__PURE__ */ v(e.Fragment, { children: [/* @__PURE__ */ _("path", {
+						children: [le.map((t) => /* @__PURE__ */ v(e.Fragment, { children: [/* @__PURE__ */ _("path", {
 							id: `highlight-${t.kind}-${t.id}`,
 							className: Cr.marker,
 							d: t.d,
 							"data-cursor": "pointer",
-							"data-pressed": F === t.id || void 0,
-							"data-active": A?.pathId === t.id || L === t.id || void 0,
+							"data-pressed": P === t.id || void 0,
+							"data-active": A?.pathId === t.id || I === t.id || void 0,
 							"data-dimmed": A && A.pathId !== t.id || void 0,
 							style: { pointerEvents: O ? "none" : "stroke" },
 							onPointerDown: (e) => {
-								O || (e.stopPropagation(), I(t.id));
+								O || (e.stopPropagation(), F(t.id));
 							},
 							onPointerUp: (e) => {
-								F === t.id && (e.stopPropagation(), le(t), I(null));
+								P === t.id && (e.stopPropagation(), ue(t), F(null));
 							},
-							onPointerLeave: () => I(null),
-							onPointerCancel: () => I(null)
+							onPointerLeave: () => F(null),
+							onPointerCancel: () => F(null)
 						}), /* @__PURE__ */ _("path", {
 							className: Cr.shimmer,
 							d: t.d,
 							pathLength: 1,
-							"data-active": A?.pathId === t.id || L === t.id || void 0
+							"data-active": A?.pathId === t.id || I === t.id || void 0
 						})] }, t.id)), E && /* @__PURE__ */ _("path", {
 							className: Cr.marker,
 							d: Er(E.points)
 						})]
 					})
 				}),
-				r && ce.length > 0 && /* @__PURE__ */ _("div", {
+				r && le.length > 0 && /* @__PURE__ */ _("div", {
 					role: "group",
-					"aria-label": Ae(ce.length === 1 ? h.countOne : h.countMany, { count: ce.length }),
-					children: ce.map((e) => /* @__PURE__ */ _("button", {
+					"aria-label": je(le.length === 1 ? h.countOne : h.countMany, { count: le.length }),
+					children: le.map((e) => /* @__PURE__ */ _("button", {
 						type: "button",
 						className: Cr.srOnly,
 						onPointerDown: (e) => e.stopPropagation(),
-						onFocus: () => R(e.id),
-						onBlur: () => R(null),
+						onFocus: () => ne(e.id),
+						onBlur: () => ne(null),
 						onClick: (t) => {
-							t.stopPropagation(), le(e, !0);
+							t.stopPropagation(), ue(e, !0);
 						},
 						children: `${h.highlight} ${Ar(e.text)}`
 					}, e.id))
@@ -4493,9 +4571,9 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 					ref: ee,
 					role: "menu",
 					"aria-label": h.menu,
-					onKeyDown: Ce,
+					onKeyDown: we,
 					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || ne();
+						e.currentTarget.contains(e.relatedTarget) || re();
 					},
 					initial: { opacity: 0 },
 					animate: {
@@ -4536,13 +4614,15 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							scale: .9,
 							transition: { duration: .1 }
 						},
-						children: /* @__PURE__ */ _(H, {
+						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
+							"data-ick-role": "highlight-action",
+							"data-ick-action": "reply",
 							tabIndex: M === 0 ? 0 : -1,
-							icon: /* @__PURE__ */ _(ie, { size: 14 }),
+							icon: /* @__PURE__ */ _(ae, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), Me();
+								e.stopPropagation(), U();
 							},
 							title: h.reply,
 							children: h.reply
@@ -4568,13 +4648,15 @@ function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							scale: .9,
 							transition: { duration: .1 }
 						},
-						children: /* @__PURE__ */ _(H, {
+						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
+							"data-ick-role": "highlight-action",
+							"data-ick-action": "remove",
 							tabIndex: M === 1 ? 0 : -1,
-							icon: /* @__PURE__ */ _(xe, { size: 14 }),
+							icon: /* @__PURE__ */ _(Se, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), je(A.pathId);
+								e.stopPropagation(), Me(A.pathId);
 							},
 							title: h.remove,
 							"aria-label": h.remove
@@ -4612,23 +4694,31 @@ var Nr = {
 		part: e
 	});
 	return i < e.length && a(e.length), r;
-}, Ir = a(function({ turn: e, isActiveInput: t = !1, inputRef: n = null, placeholder: r, animationConfig: i, foldMotion: a, openArtifactId: o = null, onOpenArtifact: s, onArtifactChange: c, entranceDelay: l = 0, selectionMode: u = "marker", highlights: d = !0, questionAlign: f = "end", onDraft: p, onSubmit: m, onStop: h, busy: g, onEdit: y, onCancelEdit: b, onCopy: x = Pr, onHighlight: S, onReplyInThread: w, onRegenerate: T, onShowVersion: E, onFeedback: D, feedback: O = null, answerActions: k = !0, onAnswerQuestion: A, onEditQuestion: j, onDecideApproval: M, renderPart: N, composerMenu: ee, labels: P, className: F, onTranscribe: I }) {
-	let L = q(), R = L ? 0 : -16, te = e.parts ?? [], ne = te.find((e) => e.kind === "sources")?.sources, re = Fr(e.ai, te), z = k && (e.state === "resting" || e.state === "responding") && re.length > 0, ie = z && e.state === "resting", ae = z ? re[re.length - 1].kind === "prose" ? re.length - 1 : re.length : -1, oe = z ? /* @__PURE__ */ v("div", {
+}, Ir = a(function({ turn: e, isActiveInput: t = !1, inputRef: n = null, placeholder: r, animationConfig: i, foldMotion: a, openArtifactId: s = null, onOpenArtifact: l, onArtifactChange: u, entranceDelay: d = 0, entrance: f = "rise", answerAfterTravel: p = !1, selectionMode: h = "marker", highlights: g = !0, questionAlign: y = "end", onDraft: b, onSubmit: x, onStop: S, busy: w, onEdit: T, onCancelEdit: E, onCopy: D = Pr, onHighlight: O, onReplyInThread: k, onRegenerate: A, onShowVersion: j, onFeedback: M, feedback: N = null, answerActions: ee = !0, onAnswerQuestion: te, onEditQuestion: P, onDecideApproval: F, renderPart: I, composerMenu: ne, labels: L, className: re, onTranscribe: ie }) {
+	let R = G(), ae = R || f === "fade" ? 0 : -16, [oe, se] = m(!1), [ce, le] = m(e.state);
+	ce !== e.state && (le(e.state), p && !R && e.state === "responding" && (ce === "typing" || ce === "idle") && se(!0));
+	let ue = o(() => se(!1), []);
+	c(() => {
+		if (!oe) return;
+		let e = window.setTimeout(() => se(!1), 1200);
+		return () => window.clearTimeout(e);
+	}, [oe]);
+	let de = e.parts ?? [], z = de.find((e) => e.kind === "sources")?.sources, fe = Fr(e.ai, de), pe = ee && (e.state === "resting" || e.state === "responding") && fe.length > 0, me = pe && e.state === "resting", he = pe ? fe[fe.length - 1].kind === "prose" ? fe.length - 1 : fe.length : -1, ge = pe ? /* @__PURE__ */ v("div", {
 		className: Nr.actions,
-		"data-pending": ie ? void 0 : "",
-		style: ie ? void 0 : { visibility: "hidden" },
+		"data-pending": me ? void 0 : "",
+		style: me ? void 0 : { visibility: "hidden" },
 		children: [/* @__PURE__ */ _(jt, {
 			total: e.versions?.length ?? 0,
 			index: e.versionIndex ?? 0,
-			onSelect: (t) => E?.(e.id, t)
+			onSelect: (t) => j?.(e.id, t)
 		}), /* @__PURE__ */ _(kt, {
 			text: e.ai,
-			onCopy: x,
-			onRegenerate: T ? () => T(e.id) : void 0,
-			onFeedback: D ? (t) => D(e.id, t) : void 0,
-			feedback: O
+			onCopy: D,
+			onRegenerate: A ? () => A(e.id) : void 0,
+			onFeedback: M ? (t) => M(e.id, t) : void 0,
+			feedback: N
 		})]
-	}) : null, se = (t) => {
+	}) : null, _e = (t) => {
 		switch (t.kind) {
 			case "reasoning": return /* @__PURE__ */ _(Ht, {
 				state: t.state,
@@ -4664,7 +4754,7 @@ var Nr = {
 				description: t.description,
 				decision: t.decision ?? null,
 				choices: t.choices,
-				onDecide: (n) => M?.(e.id, t.id, n),
+				onDecide: (n) => F?.(e.id, t.id, n),
 				children: t.tool && /* @__PURE__ */ _(ln, {
 					name: t.tool.name,
 					state: "pending",
@@ -4680,8 +4770,8 @@ var Nr = {
 				lang: t.lang,
 				content: t.content,
 				state: t.state,
-				open: o === t.id,
-				onOpen: s ? (t) => s(e.id, t) : void 0
+				open: s === t.id,
+				onOpen: l ? (t) => l(e.id, t) : void 0
 			}, t.id);
 			case "notice": return /* @__PURE__ */ _(Bn, {
 				tone: t.tone,
@@ -4696,14 +4786,14 @@ var Nr = {
 				collapsible: t.collapsible,
 				readOnly: t.readOnly,
 				foldMotion: a,
-				onCommit: (n, r) => A?.(e.id, t.id, n, r),
-				onEdit: (n) => j?.(e.id, t.id, n)
+				onCommit: (n, r) => te?.(e.id, t.id, n, r),
+				onEdit: (n) => P?.(e.id, t.id, n)
 			}, t.id);
 			case "custom": {
-				let n = N?.(t, {
+				let n = I?.(t, {
 					turnId: e.id,
-					openArtifact: (t) => c ? c(t) : s?.(e.id, t),
-					closeArtifact: () => c?.(null)
+					openArtifact: (t) => u ? u(t) : l?.(e.id, t),
+					closeArtifact: () => u?.(null)
 				});
 				return n == null || n === !1 ? null : /* @__PURE__ */ _("div", {
 					className: Nr.custom,
@@ -4713,14 +4803,14 @@ var Nr = {
 				}, t.id);
 			}
 		}
-	}, ce = /* @__PURE__ */ v(C.article, {
+	}, ve = /* @__PURE__ */ v(C.article, {
 		id: `turn-${e.id}`,
-		className: [Nr.turn, F ?? ""].filter(Boolean).join(" "),
+		className: [Nr.turn, re ?? ""].filter(Boolean).join(" "),
 		"data-active-input": t || void 0,
 		"aria-busy": e.state === "responding" || void 0,
 		initial: {
 			opacity: 0,
-			y: R
+			y: ae
 		},
 		animate: {
 			opacity: 1,
@@ -4728,70 +4818,73 @@ var Nr = {
 		},
 		exit: {
 			opacity: 0,
-			y: R
+			y: ae
 		},
 		transition: {
-			duration: L ? .15 : .4,
+			duration: R ? .15 : .4,
 			ease: [
 				.22,
 				1,
 				.36,
 				1
 			],
-			delay: l
+			delay: d
 		},
 		children: [/* @__PURE__ */ _("div", {
 			className: Nr.question,
-			"data-align": f,
+			"data-align": y,
 			children: /* @__PURE__ */ _(st, {
 				ref: n,
-				style: f === "stretch" ? { width: "100%" } : void 0,
+				style: y === "stretch" ? { width: "100%" } : void 0,
 				state: e.state,
 				value: e.user,
-				onChange: (t) => p?.(e.id, t),
-				onSubmit: (t, n) => m?.(e.id, t, n),
+				onChange: (t) => b?.(e.id, t),
+				onSubmit: (t, n) => x?.(e.id, t, n),
 				attachments: e.attachments,
-				onStop: h,
-				busy: g,
-				onTranscribe: I,
-				onCopy: x,
-				onEdit: () => y?.(e.id),
-				onCancelEdit: () => b?.(e.id),
+				onStop: S,
+				busy: w,
+				onTranscribe: ie,
+				onCopy: D,
+				onEdit: () => T?.(e.id),
+				onCancelEdit: () => E?.(e.id),
 				isEditing: e.ai.length > 0 && e.state === "typing",
+				onLanded: oe ? ue : void 0,
 				animationConfig: i,
 				placeholder: r,
-				menu: ee
+				menu: ne
 			})
 		}), /* @__PURE__ */ v("div", {
 			className: Nr.body,
+			"data-held": oe || void 0,
+			"aria-hidden": oe || void 0,
 			children: [
-				re.map((t, n) => t.kind === "part" ? se(t.part) : /* @__PURE__ */ v("div", {
+				fe.map((t, n) => t.kind === "part" ? _e(t.part) : /* @__PURE__ */ v("div", {
 					className: Nr.answer,
 					children: [/* @__PURE__ */ _(Mr, {
 						text: t.text,
-						marking: d,
-						selectionMode: u,
-						sources: ne,
-						onHighlightComplete: d ? (t) => S?.(e.id, t) : void 0,
-						onReplyInThread: d ? w : void 0
-					}), ae === n && oe]
+						marking: g,
+						selectionMode: h,
+						sources: z,
+						onHighlightComplete: g ? (t) => O?.(e.id, t) : void 0,
+						onReplyInThread: g ? k : void 0
+					}), he === n && ge]
 				}, `prose-${t.from}`)),
-				e.state === "responding" && !e.ai && te.length === 0 && /* @__PURE__ */ _("div", {
+				e.state === "responding" && !e.ai && de.length === 0 && /* @__PURE__ */ _("div", {
 					className: Nr.answer,
 					children: /* @__PURE__ */ _(Nt, {})
 				}),
-				ae === re.length && /* @__PURE__ */ _("div", {
+				he === fe.length && /* @__PURE__ */ _("div", {
 					className: Nr.answer,
 					"data-actions-only": "",
-					children: oe
+					children: ge
 				})
 			]
 		})]
 	});
-	return P ? /* @__PURE__ */ _(ke, {
-		labels: P,
-		children: ce
-	}) : ce;
+	return L ? /* @__PURE__ */ _(Ae, {
+		labels: L,
+		children: ve
+	}) : ve;
 }, (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) {
@@ -4826,7 +4919,7 @@ function Rr(e) {
 }
 var zr = 6, Br = 2 * Math.PI * zr;
 function Vr({ used: e, total: t, warnAt: n = .8, label: r, labels: i, className: a, ...o }) {
-	let s = U("context", i), c = t > 0 ? Math.min(1, Math.max(0, e / t)) : 0, l = Math.round(c * 100), u = c >= n, d = r === !1 ? null : r ?? `${l}%`, f = `${s.name}: ${l}%, ${Rr(e)} ${s.of} ${Rr(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
+	let s = H("context", i), c = t > 0 ? Math.min(1, Math.max(0, e / t)) : 0, l = Math.round(c * 100), u = c >= n, d = r === !1 ? null : r ?? `${l}%`, f = `${s.name}: ${l}%, ${Rr(e)} ${s.of} ${Rr(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
 	return /* @__PURE__ */ v("div", {
 		className: [Lr.context, a ?? ""].filter(Boolean).join(" "),
 		"data-warn": u || void 0,
@@ -4877,7 +4970,7 @@ var Hr = {
 //#endregion
 //#region src/Artifact/ArtifactPane.tsx
 function Ur({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expanded: a = !1, onToggleExpanded: o, closeLabel: s, expandLabel: u, collapseLabel: d, className: f, ...m }) {
-	let h = U("pane"), g = s ?? h.close, y = u ?? h.expand, b = d ?? h.collapse, x = l(), S = p(null), C = p(null);
+	let h = H("pane"), g = s ?? h.close, y = u ?? h.expand, b = d ?? h.collapse, x = l(), S = p(null), C = p(null);
 	return c(() => {
 		C.current?.focus({ preventScroll: !0 });
 	}, []), c(() => {
@@ -4921,10 +5014,11 @@ function Ur({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 							children: t
 						})]
 					}),
-					o && !i && /* @__PURE__ */ _(H, {
+					o && !i && /* @__PURE__ */ _(V, {
 						variant: "ghost",
+						"data-ick-role": "pane-expand",
 						size: "s",
-						icon: _(a ? oe : z, {
+						icon: _(a ? se : R, {
 							size: 15,
 							"aria-hidden": !0
 						}),
@@ -4932,10 +5026,11 @@ function Ur({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 						"aria-pressed": a,
 						onClick: o
 					}),
-					r && /* @__PURE__ */ _(H, {
+					r && /* @__PURE__ */ _(V, {
 						variant: "ghost",
+						"data-ick-role": "pane-close",
 						size: "s",
-						icon: /* @__PURE__ */ _(Ce, {
+						icon: /* @__PURE__ */ _(we, {
 							size: 15,
 							"aria-hidden": !0
 						}),
@@ -5143,7 +5238,7 @@ var ti = {
 }, ni = 64, ri = 500, ii = .2, ai = 120, oi = 50, si = 4, ci = (e, t) => e.offsetTop - t.offsetTop, li = (e, t) => t ? e.querySelector(`[id="${CSS.escape(t)}"]`) : null, ui = (e) => (e.lastElementChild?.offsetHeight ?? 0) + (parseFloat(getComputedStyle(e).rowGap) || 0), di = (e, t, n) => {
 	n !== t.current && (t.current = n, e.style.setProperty("--ick-conversation-tail", `${Math.round(n)}px`));
 }, fi = r(function({ children: e, anchorId: t, anchorOffset: n = 0, endOffset: r = 0, tail: i = "auto", threshold: a = ni, scrollButton: s = !0, scrollButtonLabel: l, follow: f = !0, dock: h = !1, className: g, viewportClassName: y, onScroll: b, ...x }, S) {
-	let C = U("conversation").jump, w = l ?? C, T = p(null);
+	let C = H("conversation").jump, w = l ?? C, T = p(null);
 	u(S, () => T.current, []);
 	let E = p(null), O = p(null), [k, A] = m(!0);
 	c(() => {
@@ -5158,7 +5253,7 @@ var ti = {
 			r.disconnect(), t.style.removeProperty("--ick-dock-height");
 		};
 	}, [h]);
-	let j = p(-1), M = p(-1), N = p(null), ee = p(!1), P = o(() => {
+	let j = p(-1), M = p(-1), N = p(null), ee = p(!1), te = o(() => {
 		let e = T.current, t = E.current;
 		if (!e || !t) return 0;
 		if (i === "auto" && ee.current) return Math.max(0, e.scrollHeight - e.clientHeight);
@@ -5168,7 +5263,7 @@ var ti = {
 		h,
 		r,
 		i
-	]), F = o(() => {
+	]), P = o(() => {
 		let e = T.current, a = E.current;
 		if (!e || !a) return;
 		if (i !== "auto") return di(a, j, Math.max(0, i));
@@ -5186,7 +5281,7 @@ var ti = {
 		r,
 		t,
 		h
-	]), I = o(() => {
+	]), F = o(() => {
 		let e = T.current;
 		if (!e) return 0;
 		if (t) {
@@ -5196,36 +5291,36 @@ var ti = {
 				return Math.max(0, Math.min(Math.max(a, s), t));
 			}
 		}
-		return P();
+		return te();
 	}, [
 		t,
 		n,
-		P,
+		te,
 		h
-	]), L = p(0), R = p(null), te = o((e) => {
+	]), I = p(0), ne = p(null), L = o((e) => {
 		let t = T.current;
 		if (!t) return;
-		let n = e && !q();
-		L.current = n ? performance.now() + ri : 0, t.scrollTo({
-			top: I(),
+		let n = e && !G();
+		I.current = n ? performance.now() + ri : 0, t.scrollTo({
+			top: F(),
 			behavior: n ? "smooth" : "auto"
 		}), A(!0);
-	}, [I]);
+	}, [F]);
 	d(() => {
 		t && (N.current = t);
 		let e = T.current, n = E.current;
-		if (F(), !e || !n || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(F);
+		if (P(), !e || !n || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(P);
 		return r.observe(n), r.observe(e), () => r.disconnect();
-	}, [t, F]), d(() => {
+	}, [t, P]), d(() => {
 		if (!f || !k && !t) return;
 		let e = T.current, n = E.current;
 		if (!e || !n || typeof ResizeObserver > "u") return;
 		let r = 0, i = () => {
-			L.current = 0;
-			let t = I();
-			if (Math.abs(t - e.scrollTop) > a && !q()) {
-				L.current = performance.now() + ri, e.scrollTo({
+			I.current = 0;
+			let t = F();
+			if (Math.abs(t - e.scrollTop) > a && !G()) {
+				I.current = performance.now() + ri, e.scrollTo({
 					top: t,
 					behavior: "smooth"
 				}), r = window.setTimeout(i, 550);
@@ -5233,22 +5328,22 @@ var ti = {
 			}
 			e.scrollTop = t;
 		}, o = () => {
-			let n = I();
-			if (L.current) {
-				let t = L.current - performance.now();
+			let n = F();
+			if (I.current) {
+				let t = I.current - performance.now();
 				if (t > 0 && Math.abs(e.scrollTop - n) > 1) {
 					window.clearTimeout(r), r = window.setTimeout(i, t + oi);
 					return;
 				}
-				L.current = 0;
+				I.current = 0;
 			}
 			let o = n - e.scrollTop;
-			if (N.current && !t && !q() && h) {
+			if (N.current && !t && !G() && h) {
 				!s && Math.abs(o) > si && (window.clearTimeout(c), c = window.setTimeout(l, ai));
 				return;
 			}
-			if (N.current && !t && Math.abs(o) > a && !q()) {
-				L.current = performance.now() + ri, e.scrollTo({
+			if (N.current && !t && Math.abs(o) > a && !G()) {
+				I.current = performance.now() + ri, e.scrollTo({
 					top: n,
 					behavior: "smooth"
 				});
@@ -5258,11 +5353,11 @@ var ti = {
 		}, s = 0, c = 0, l = () => {
 			if (s) return;
 			if (typeof requestAnimationFrame > "u") {
-				e.scrollTop = I();
+				e.scrollTop = F();
 				return;
 			}
 			let t = () => {
-				let n = I(), r = n - e.scrollTop;
+				let n = F(), r = n - e.scrollTop;
 				if (Math.abs(r) <= 1) {
 					e.scrollTop = n, s = 0;
 					return;
@@ -5270,9 +5365,9 @@ var ti = {
 				e.scrollTop += Math.sign(r) * Math.max(1, Math.abs(r) * ii), s = requestAnimationFrame(t);
 			};
 			s = requestAnimationFrame(t);
-		}, u = t != null && t !== R.current;
-		t && (R.current = t), u && !q() && Math.abs(e.scrollTop - I()) > a ? (L.current = performance.now() + ri, e.scrollTo({
-			top: I(),
+		}, u = t != null && t !== ne.current;
+		t && (ne.current = t), u && !G() && Math.abs(e.scrollTop - F()) > a ? (I.current = performance.now() + ri, e.scrollTo({
+			top: F(),
 			behavior: "smooth"
 		})) : o();
 		let d = new ResizeObserver(o);
@@ -5282,7 +5377,7 @@ var ti = {
 	}, [
 		f,
 		k,
-		I,
+		F,
 		t,
 		a,
 		h
@@ -5291,7 +5386,7 @@ var ti = {
 		let e = T.current;
 		if (!e) return;
 		let n = () => {
-			L.current = 0, Math.abs(e.scrollTop - I()) > a && A(!1);
+			I.current = 0, Math.abs(e.scrollTop - F()) > a && A(!1);
 		}, r = (e) => {
 			t ? n() : e.deltaY < 0 && A(!1);
 		}, i = (e) => {
@@ -5317,18 +5412,18 @@ var ti = {
 	}, [
 		f,
 		a,
-		I,
+		F,
 		t
 	]);
-	let ne = o((e) => {
+	let re = o((e) => {
 		if (b?.(e), !f) return;
 		let t = T.current;
-		t && Math.abs(t.scrollTop - I()) <= si && (L.current = 0, A(!0));
+		t && Math.abs(t.scrollTop - F()) <= si && (I.current = 0, A(!0));
 	}, [
 		f,
 		b,
-		I
-	]), re = f && !k;
+		F
+	]), ie = f && !k;
 	return /* @__PURE__ */ v("div", {
 		ref: O,
 		className: [ti.root, g ?? ""].filter(Boolean).join(" "),
@@ -5336,7 +5431,7 @@ var ti = {
 		children: [/* @__PURE__ */ _("div", {
 			ref: T,
 			className: [ti.viewport, y ?? ""].filter(Boolean).join(" "),
-			onScroll: ne,
+			onScroll: re,
 			...x,
 			children: /* @__PURE__ */ _("div", {
 				ref: E,
@@ -5347,10 +5442,10 @@ var ti = {
 		}), s && /* @__PURE__ */ _("button", {
 			type: "button",
 			className: ti.jump,
-			"data-shown": re || void 0,
-			tabIndex: re ? 0 : -1,
-			"aria-hidden": !re || void 0,
-			onClick: () => te(!0),
+			"data-shown": ie || void 0,
+			tabIndex: ie ? 0 : -1,
+			"aria-hidden": !ie || void 0,
+			onClick: () => L(!0),
 			"aria-label": w,
 			children: /* @__PURE__ */ _(D, {
 				size: 15,
@@ -5368,7 +5463,7 @@ var ti = {
 //#endregion
 //#region src/EmptyState/EmptyState.tsx
 function mi({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i, suggestionsLabel: a, children: o, className: s, ...c }) {
-	let l = U("emptyState").suggestions, u = a ?? l, d = i ? r ?? [] : [];
+	let l = H("emptyState").suggestions, u = a ?? l, d = i ? r ?? [] : [];
 	return /* @__PURE__ */ v("div", {
 		className: [pi.empty, s ?? ""].filter(Boolean).join(" "),
 		...c,
@@ -5389,9 +5484,10 @@ function mi({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i
 				className: pi.suggestions,
 				role: "group",
 				"aria-label": u,
-				children: d.map((e) => /* @__PURE__ */ _(H, {
+				children: d.map((e) => /* @__PURE__ */ _(V, {
 					variant: "primary",
 					size: "m",
+					"data-ick-role": "suggestion",
 					onClick: () => i?.(e),
 					children: e
 				}, e))
@@ -5454,7 +5550,7 @@ var Q = {
 	}
 }, Si = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])";
 function Ci({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
-	let i = U("thread"), { responding: a } = U("experience"), [o, s] = m("none"), u = p(null), d = p(null), f = p(null), [h] = m(() => typeof document > "u" ? null : document.activeElement), g = l(), y = l(), b = rt, [S, w] = m(() => typeof window > "u" ? !1 : window.matchMedia?.(`(max-width: ${bi}px)`)?.matches ?? !1);
+	let i = H("thread"), { responding: a } = H("experience"), [o, s] = m("none"), u = p(null), d = p(null), f = p(null), [h] = m(() => typeof document > "u" ? null : document.activeElement), g = l(), y = l(), b = rt, [S, w] = m(() => typeof window > "u" ? !1 : window.matchMedia?.(`(max-width: ${bi}px)`)?.matches ?? !1);
 	c(() => {
 		let e = window.matchMedia?.(`(max-width: ${bi}px)`);
 		if (!e?.addEventListener) return;
@@ -5507,7 +5603,7 @@ function Ci({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			behavior: "smooth"
 		});
 	}, [E]);
-	let { x: N, y: ee, width: P, maxHeight: F } = typeof window > "u" ? {
+	let { x: N, y: ee, width: te, maxHeight: P } = typeof window > "u" ? {
 		x: 0,
 		y: 0,
 		width: 480,
@@ -5537,7 +5633,7 @@ function Ci({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 				animate: S ? "open" : {
 					left: N,
 					top: ee,
-					width: P,
+					width: te,
 					borderRadius: 28,
 					opacity: 1
 				},
@@ -5567,7 +5663,7 @@ function Ci({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 						(n.offset.y > 120 || n.velocity.y > 600) && t();
 					}
 				} : {},
-				style: !S && Number.isFinite(F) ? { maxHeight: F } : void 0,
+				style: !S && Number.isFinite(P) ? { maxHeight: P } : void 0,
 				className: Q.panel,
 				children: /* @__PURE__ */ v("div", {
 					className: Q.column,
@@ -5594,14 +5690,16 @@ function Ci({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 								})]
 							}), /* @__PURE__ */ v("div", {
 								className: Q.headerActions,
-								children: [/* @__PURE__ */ _(H, {
+								children: [/* @__PURE__ */ _(V, {
 									variant: "primary",
-									icon: /* @__PURE__ */ _(me, { size: 16 }),
+									"data-ick-role": "thread-save",
+									icon: /* @__PURE__ */ _(he, { size: 16 }),
 									onClick: n,
 									children: i.save
-								}), /* @__PURE__ */ _(H, {
+								}), /* @__PURE__ */ _(V, {
 									variant: "secondary",
-									icon: /* @__PURE__ */ _(Ce, { size: 16 }),
+									"data-ick-role": "thread-close",
+									icon: /* @__PURE__ */ _(we, { size: 16 }),
 									onClick: t,
 									"aria-label": i.close
 								})]
@@ -5880,34 +5978,34 @@ var $ = {
 	damping: 24,
 	mass: 1
 };
-function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !0, composerMenu: a, onTranscribe: s, onThreadReply: l, title: u, backHref: d, backLabel: h, actions: b, placeholder: x, empty: S, contextTotal: w, contextBase: T = 0, artifact: E, openArtifactId: D, onOpenArtifactChange: O, pane: A = "inline", surface: j = "flush", composer: M = "inline", fill: N = "window", theme: ee, onThemeChange: P, cursor: F = !1, selectionToggle: I = !1, highlights: L = !0, bookmarks: R = !0, anchorOffset: ne = 100, endOffset: re = 120, animationConfig: z, foldMotion: ie, feedDelay: ae = 0, onAnswerQuestion: oe, onEditQuestion: ce, onDecideApproval: le, className: ue }) {
-	let B = U("experience", r?.experience), de = u ?? B.title, [fe, pe] = m([]), [me, ge] = m(!1), [ye, be] = m(null), [xe, Se] = m("marker"), Ce = p(null), V = ee !== void 0, [we, Te] = m(null), H = V ? ee : we, [Ee, De] = m(() => typeof window < "u" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches);
+function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !0, composerMenu: a, onTranscribe: s, onThreadReply: l, title: u, backHref: d, backLabel: h, actions: b, placeholder: x, empty: S, contextTotal: w, contextBase: T = 0, artifact: E, openArtifactId: D, onOpenArtifactChange: O, pane: A = "inline", surface: j = "flush", composer: M = "inline", fill: N = "window", theme: ee, onThemeChange: te, cursor: P = !1, selectionToggle: F = !1, highlights: I = !0, bookmarks: ne = !0, anchorOffset: re = 100, endOffset: ie = 120, animationConfig: R, foldMotion: ae, feedDelay: oe = 0, onAnswerQuestion: se, onEditQuestion: le, onDecideApproval: ue, className: de }) {
+	let z = H("experience", r?.experience), fe = u ?? z.title, [pe, me] = m([]), [he, _e] = m(!1), [be, xe] = m(null), [Se, Ce] = m("marker"), we = p(null), B = ee !== void 0, [Te, Ee] = m(null), V = B ? ee : Te, [De, Oe] = m(() => typeof window < "u" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches);
 	c(() => {
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => De(e.matches);
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => Oe(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let Oe = H ?? (Ee ? "dark" : "light");
-	Ti(H);
-	let je = o((e) => {
-		V || Te(e), P?.(e);
-	}, [V, P]), Me = M === "docked", Ne = f(() => Me ? {
+	let ke = V ?? (De ? "dark" : "light");
+	Ti(V);
+	let Me = o((e) => {
+		B || Ee(e), te?.(e);
+	}, [B, te]), U = M === "docked", Ne = f(() => U ? {
 		...rt,
-		...z,
-		bubble: z?.bubble ?? Di
-	} : z, [Me, z]), Pe = gt({
+		...R,
+		bubble: R?.bubble ?? Di
+	} : R, [U, R]), Pe = gt({
 		onSend: e ?? Ei,
-		announcements: { responding: B.responding },
-		nextTurn: Me ? "at-send" : "after-answer"
+		announcements: { responding: z.responding },
+		nextTurn: U ? "at-send" : "after-answer"
 	}), { turns: Fe, setDraft: Ie, submit: Le, showVersion: W, stop: Re, beginEdit: ze, cancelEdit: Be, updatePart: Ve, isStreaming: He } = t ?? Pe, [Ue, We] = m(null), Ge = o((e, t, n) => {
 		We(e), Le(e, t, n);
-	}, [Le]), G = Ue ? Fe.find((e) => e.id === Ue) ?? null : null, K = (G?.versions?.length ?? 0) > 0, q = G && K && G.state !== "resting" ? Ue : null, [qe, Je] = m(0), Ye = N === "window";
+	}, [Le]), qe = Ue ? Fe.find((e) => e.id === Ue) ?? null : null, Je = (qe?.versions?.length ?? 0) > 0, G = qe && Je && qe.state !== "resting" ? Ue : null, [K, q] = m(0), Ye = N === "window";
 	c(() => {
-		if (!Me || !Ye) return;
+		if (!U || !Ye) return;
 		let e = window.visualViewport;
 		if (!e) return;
-		let t = () => Je(Math.max(0, Math.round(window.innerHeight - e.height)));
+		let t = () => q(Math.max(0, Math.round(window.innerHeight - e.height)));
 		return t(), e.addEventListener("resize", t), () => e.removeEventListener("resize", t);
-	}, [Me, Ye]);
+	}, [U, Ye]);
 	let Xe = o((e) => {
 		We(e), Le(e);
 	}, [Le]), Ze = Fe.length === 1 && !Fe[0].user && !Fe[0].ai, Qe = T + Math.round(Fe.reduce((e, t) => e + t.user.length + t.ai.length + JSON.stringify(t.parts ?? []).length, 0) / 4), $e = w !== void 0 && Qe >= w, et = p(!1);
@@ -5916,8 +6014,8 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			et.current = !1;
 			return;
 		}
-		et.current || (et.current = !0, Ke(B.windowFull));
-	}, [$e, B.windowFull]);
+		et.current || (et.current = !0, Ke(z.windowFull));
+	}, [$e, z.windowFull]);
 	let tt = ei(), nt = D !== void 0, it = nt ? D : tt.openId, at = p({
 		openArtifactId: it,
 		artifactHeld: nt,
@@ -5933,58 +6031,58 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 	let ot = tt.open, st = tt.close, ct = o((e) => {
 		let { artifactHeld: t, onOpenArtifactChange: n } = at.current;
 		t || (e === null ? st() : ot(e)), n?.(e);
-	}, [ot, st]), lt = o(() => ct(null), [ct]), [ut, dt] = m({}), J = o((e, t) => {
+	}, [ot, st]), lt = o(() => ct(null), [ct]), [ut, dt] = m({}), ft = o((e, t) => {
 		dt((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ft = Fe.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? de, pt = o((e, t) => {
-		R && t.trim().length > 0 && pe((n) => [...n, {
+	}, []), pt = Fe.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? fe, mt = o((e, t) => {
+		ne && t.trim().length > 0 && me((n) => [...n, {
 			turnId: e,
 			text: t.trim()
 		}]);
-	}, [R]), mt = o((e, t) => ct(at.current.openArtifactId === t ? null : t), [ct]), ht = o((e, t) => {
-		be({
+	}, [ne]), J = o((e, t) => ct(at.current.openArtifactId === t ? null : t), [ct]), ht = o((e, t) => {
+		xe({
 			text: e,
 			rect: t
 		});
-	}, []), Y = f(() => oe ? (e, t, n, r) => oe(Ve, e, t, n, r) : void 0, [oe, Ve]), _t = f(() => ce ? (e, t, n) => ce(Ve, e, t, n) : void 0, [ce, Ve]), vt = f(() => le ? (e, t, n) => le(Ve, e, t, n) : void 0, [le, Ve]), [yt, bt] = m(() => typeof window > "u" || !window.matchMedia || window.matchMedia("(pointer: fine)").matches);
+	}, []), Y = f(() => se ? (e, t, n, r) => se(Ve, e, t, n, r) : void 0, [se, Ve]), _t = f(() => le ? (e, t, n) => le(Ve, e, t, n) : void 0, [le, Ve]), vt = f(() => ue ? (e, t, n) => ue(Ve, e, t, n) : void 0, [ue, Ve]), [yt, bt] = m(() => typeof window > "u" || !window.matchMedia || window.matchMedia("(pointer: fine)").matches);
 	c(() => {
-		if (!F) return;
+		if (!P) return;
 		let e = window.matchMedia("(pointer: fine)"), t = () => bt(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, [F]);
+	}, [P]);
 	let xt = (e) => i === !0 || Array.isArray(i) && i.includes(e), St = [
-		...L && R && fe.length > 0 ? [{
+		...I && ne && pe.length > 0 ? [{
 			id: "bookmarks",
-			label: B.savedHighlights,
+			label: z.savedHighlights,
 			icon: /* @__PURE__ */ _(k, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			count: fe.length,
+			count: pe.length,
 			pinned: !0,
-			onClick: () => ge(!0)
+			onClick: () => _e(!0)
 		}] : [],
 		...xt("theme") ? [{
 			id: "theme",
-			label: Oe === "dark" ? B.themeToLight : B.themeToDark,
-			icon: _(Oe === "dark" ? _e : se, {
+			label: ke === "dark" ? z.themeToLight : z.themeToDark,
+			icon: _(ke === "dark" ? ve : ce, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			active: Oe === "dark",
-			onClick: () => je(Oe === "dark" ? "light" : "dark")
+			active: ke === "dark",
+			onClick: () => Me(ke === "dark" ? "light" : "dark")
 		}] : [],
 		...xt("share") ? [{
 			id: "share",
-			label: B.share,
-			icon: /* @__PURE__ */ _(he, {
+			label: z.share,
+			icon: /* @__PURE__ */ _(ge, {
 				size: 16,
 				"aria-hidden": !0
 			}),
 			onClick: () => navigator.share?.({
-				title: ft,
+				title: pt,
 				url: window.location.href
 			})
 		}] : [],
@@ -5994,15 +6092,15 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			$.page,
 			j === "panes" || !Ye ? $.fitted : "",
 			"ick-chat-page",
-			ue
+			de
 		].filter(Boolean).join(" "),
-		style: { "--ick-experience-anchor": `${ne}px` },
-		"data-composer": Me ? "docked" : void 0,
+		style: { "--ick-experience-anchor": `${re}px` },
+		"data-composer": U ? "docked" : void 0,
 		initial: { opacity: 0 },
 		animate: {
-			opacity: ye || me ? .4 : 1,
-			filter: ye || me ? "blur(3px)" : "blur(0px)",
-			scale: ye || me ? .9 : 1
+			opacity: be || he ? .4 : 1,
+			filter: be || he ? "blur(3px)" : "blur(0px)",
+			scale: be || he ? .9 : 1
 		},
 		transition: {
 			type: "spring",
@@ -6011,13 +6109,13 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			mass: .9
 		},
 		onAnimationComplete: () => {
-			document.activeElement && document.activeElement !== document.body || Ce.current?.focus();
+			document.activeElement && document.activeElement !== document.body || we.current?.focus();
 		},
 		children: [
 			/* @__PURE__ */ _("div", { className: $.topBlur }),
 			/* @__PURE__ */ v(wt, {
 				className: `${$.header} ick-chat-header`,
-				title: ft,
+				title: pt,
 				backHref: d,
 				backLabel: h,
 				elevateOnScroll: !1,
@@ -6027,36 +6125,36 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					className: $.context,
 					used: Qe,
 					total: w
-				}), I && L && /* @__PURE__ */ v("div", {
+				}), F && I && /* @__PURE__ */ v("div", {
 					className: $.selectMode,
 					role: "group",
-					"aria-label": B.selectionMode,
+					"aria-label": z.selectionMode,
 					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": xe === "marker",
-						onClick: () => Se("marker"),
-						"aria-label": B.marker,
-						title: B.marker,
-						children: /* @__PURE__ */ _(te, { size: 16 })
+						"data-active": Se === "marker",
+						onClick: () => Ce("marker"),
+						"aria-label": z.marker,
+						title: z.marker,
+						children: /* @__PURE__ */ _(L, { size: 16 })
 					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": xe === "precise",
-						onClick: () => Se("precise"),
-						"aria-label": B.precise,
-						title: B.precise,
-						children: /* @__PURE__ */ _(ve, { size: 16 })
+						"data-active": Se === "precise",
+						onClick: () => Ce("precise"),
+						"aria-label": z.precise,
+						title: z.precise,
+						children: /* @__PURE__ */ _(ye, { size: 16 })
 					})]
 				})]
 			}),
 			/* @__PURE__ */ v(fi, {
 				viewportClassName: `${$.feed} ick-chat-feed`,
-				anchorId: q ? `turn-${q}` : void 0,
-				dock: Me,
-				anchorOffset: ne,
-				endOffset: Me ? 0 : re,
+				anchorId: G ? `turn-${G}` : void 0,
+				dock: U,
+				anchorOffset: re,
+				endOffset: U ? 0 : ie,
 				children: [
 					Ze && S && /* @__PURE__ */ _(mi, {
-						className: Me ? `${$.opening} ${$.centred}` : $.opening,
+						className: U ? `${$.opening} ${$.centred}` : $.opening,
 						title: S.title,
 						description: S.description,
 						suggestions: S.suggestions,
@@ -6066,31 +6164,33 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 						let r = t === Fe.length - 1 && (e.state === "idle" || e.state === "typing");
 						return /* @__PURE__ */ _(Ir, {
 							turn: e,
-							questionAlign: Me && r || Ze && t === 0 ? "stretch" : "end",
-							className: Me && r ? $.dock : Ze && t === 0 ? $.opening : void 0,
+							questionAlign: U && r || Ze && t === 0 ? "stretch" : "end",
+							className: U && r ? $.dock : Ze && t === 0 ? $.opening : void 0,
 							onTranscribe: s,
 							isActiveInput: r,
-							inputRef: r ? Ce : null,
-							entranceDelay: t === 0 ? ae : 0,
-							selectionMode: xe,
-							highlights: L,
+							inputRef: r ? we : null,
+							entranceDelay: t === 0 ? oe : 0,
+							entrance: U && r ? "fade" : "rise",
+							answerAfterTravel: U,
+							selectionMode: Se,
+							highlights: I,
 							animationConfig: Ne,
-							foldMotion: ie,
+							foldMotion: ae,
 							openArtifactId: it,
-							onOpenArtifact: mt,
+							onOpenArtifact: J,
 							onArtifactChange: ct,
 							placeholder: x,
 							onDraft: Ie,
 							onSubmit: Ge,
 							onRegenerate: Xe,
 							onShowVersion: W,
-							onFeedback: J,
+							onFeedback: ft,
 							feedback: ut[e.id] ?? null,
-							onStop: !Me || r ? Re : void 0,
-							busy: Me && r ? He : void 0,
+							onStop: !U || r ? Re : void 0,
+							busy: U && r ? He : void 0,
 							onEdit: ze,
 							onCancelEdit: Be,
-							onHighlight: pt,
+							onHighlight: mt,
 							onReplyInThread: l ? ht : void 0,
 							onAnswerQuestion: Y,
 							onEditQuestion: _t,
@@ -6099,21 +6199,21 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 							composerMenu: a
 						}, e.id);
 					}) }),
-					$e && /* @__PURE__ */ _(Bn, { children: B.windowFull })
+					$e && /* @__PURE__ */ _(Bn, { children: z.windowFull })
 				]
 			}),
 			/* @__PURE__ */ _("div", { className: $.bottomBlur })
 		]
 	});
-	return /* @__PURE__ */ v(ke, {
+	return /* @__PURE__ */ v(Ae, {
 		labels: r,
 		children: [
-			F && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), yt && /* @__PURE__ */ _(wi, {})] }),
+			P && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), yt && /* @__PURE__ */ _(wi, {})] }),
 			/* @__PURE__ */ _($r, {
 				className: $.workspace,
 				surface: j,
 				"data-fill": Ye ? void 0 : "container",
-				style: Ye && qe > 0 ? { "--ick-keyboard": `${qe}px` } : void 0,
+				style: Ye && K > 0 ? { "--ick-keyboard": `${K}px` } : void 0,
 				onDismiss: lt,
 				pane: ({ narrow: e, expanded: t, toggleExpanded: n }) => Ct ? /* @__PURE__ */ _(Ur, {
 					title: Ct.title,
@@ -6126,16 +6226,16 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 				}) : null,
 				children: Tt
 			}),
-			/* @__PURE__ */ _(y, { children: me && /* @__PURE__ */ _(C.div, {
+			/* @__PURE__ */ _(y, { children: he && /* @__PURE__ */ _(C.div, {
 				className: $.scrim,
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				onClick: () => ge(!1),
+				onClick: () => _e(!1),
 				children: /* @__PURE__ */ v(C.div, {
 					className: $.sheet,
 					role: "dialog",
-					"aria-label": B.savedHighlights,
+					"aria-label": z.savedHighlights,
 					initial: {
 						y: 20,
 						scale: .95
@@ -6153,24 +6253,24 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 						className: $.sheetHead,
 						children: [/* @__PURE__ */ _("h2", {
 							className: $.sheetTitle,
-							children: B.highlights
+							children: z.highlights
 						}), /* @__PURE__ */ _("button", {
 							className: $.close,
-							onClick: () => ge(!1),
-							children: B.close
+							onClick: () => _e(!1),
+							children: z.close
 						})]
-					}), Array.from(new Set(fe.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
+					}), Array.from(new Set(pe.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
 						className: $.group,
 						children: [/* @__PURE__ */ _("h3", {
 							className: $.groupTitle,
-							children: Ae(B.paragraph, { index: t + 1 })
+							children: je(z.paragraph, { index: t + 1 })
 						}), /* @__PURE__ */ _("div", {
 							className: $.marks,
-							children: fe.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
+							children: pe.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: $.mark,
 								onClick: () => {
-									ge(!1), setTimeout(() => {
+									_e(!1), setTimeout(() => {
 										let t = document.getElementById(`turn-${e}`), n = document.querySelector(".ick-chat-feed"), r = document.querySelector(".ick-chat-header");
 										if (t && n) {
 											let e = r ? r.offsetHeight : 80;
@@ -6190,15 +6290,15 @@ function Oi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					}, e))]
 				})
 			}) }),
-			/* @__PURE__ */ _(y, { children: ye && l && /* @__PURE__ */ _(Ci, {
-				activeReply: ye,
-				onClose: () => be(null),
+			/* @__PURE__ */ _(y, { children: be && l && /* @__PURE__ */ _(Ci, {
+				activeReply: be,
+				onClose: () => xe(null),
 				onSendMessage: l
 			}, "thread-popup") })
 		]
 	});
 }
 //#endregion
-export { De as $, pn as A, vt as B, Cn as C, yn as D, xn as E, Ht as F, Qe as G, ct as H, Nt as I, Re as J, Ke as K, jt as L, nn as M, Jt as N, _n as O, $t as P, ke as Q, kt as R, wn as S, En as T, st as U, gt as V, rt as W, Fe as X, Le as Y, je as Z, Rn as _, mi as a, Mn as b, $r as c, Ir as d, H as et, Mr as f, In as g, Bn as h, Ci as i, ln as j, hn as k, Ur as l, Wn as m, Ti as n, fi as o, Sr as p, Be as q, wi as r, ei as s, Oi as t, Vr as u, Ln as v, Tn as w, Sn as x, Pn as y, wt as z };
+export { Oe as $, pn as A, vt as B, Cn as C, yn as D, xn as E, Ht as F, Qe as G, ct as H, Nt as I, Re as J, Ke as K, jt as L, nn as M, Jt as N, _n as O, $t as P, Ae as Q, kt as R, wn as S, En as T, st as U, gt as V, rt as W, Fe as X, Le as Y, Me as Z, Rn as _, mi as a, Mn as b, $r as c, Ir as d, V as et, Mr as f, In as g, Bn as h, Ci as i, ln as j, hn as k, Ur as l, Wn as m, Ti as n, fi as o, Sr as p, Be as q, wi as r, ei as s, Oi as t, Vr as u, Ln as v, Tn as w, Sn as x, Pn as y, wt as z };
-//# sourceMappingURL=ChatExperience-umh3nGe_.js.map
+//# sourceMappingURL=ChatExperience-BBd-p0wh.js.map