inline-chat-kit 0.59.0 → 0.60.0

package/dist/{ChatExperience-BeLjIxHU.js → ChatExperience-BBd-p0wh.js}

@@ -2,7 +2,7 @@
 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 ee, ChevronRight as te, Copy as N, CornerDownLeft as P, File as F, FileText as ne, Film as I, Highlighter as re, Image as L, 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";
+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",
@@ -47,6 +47,7 @@ var B = {
 		className: u,
 		disabled: s || i,
 		"aria-busy": i,
+		"data-ick-variant": e,
 		...c,
 		children: [
 			n && /* @__PURE__ */ _("span", {
@@ -269,7 +270,7 @@ function Me(e) {
 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" ? L : t === "video" ? I : t === "audio" ? ue : e === "application/pdf" || t === "text" ? ne : F, {
+	return _(t === "image" ? re : t === "video" ? ne : t === "audio" ? ue : e === "application/pdf" || t === "text" ? I : F, {
 		size: 16,
 		"aria-hidden": !0
 	});
@@ -305,6 +306,7 @@ function Fe({ attachments: e, onRemove: t, labels: n, className: r, ...i }) {
 					className: De.remove,
 					children: /* @__PURE__ */ _(V, {
 						variant: "glass",
+						"data-ick-role": "remove-attachment",
 						size: "s",
 						onClick: () => t(e.id),
 						onPointerDown: (e) => e.stopPropagation(),
@@ -469,6 +471,7 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				},
 				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__ */ _(N, {
+				icon: /* @__PURE__ */ _(te, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -516,6 +519,8 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				},
 				children: /* @__PURE__ */ _(V, {
 					variant: "ghost",
+					"data-ick-role": "message-action",
+					"data-ick-action": e,
 					icon: t,
 					onClick: n,
 					"aria-label": r,
@@ -663,6 +668,7 @@ function Be({ isAddOpen: e, setIsAddOpen: t, onAdd: n, items: r, showInlineGlyph
 			},
 			children: /* @__PURE__ */ _(V, {
 				variant: "ghost",
+				"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",
@@ -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) => {
@@ -929,12 +935,20 @@ var nt = .9, rt = {
 		angle3: -50,
 		hoverPull: 12
 	}
-}, it = {
+};
+function it(e) {
+	let { stiffness: t, damping: n, mass: r = 1 } = e;
+	return t === void 0 ? e : {
+		...e,
+		damping: Math.max(n ?? 0, 2 * Math.sqrt(t * r))
+	};
+}
+var at = {
 	type: "spring",
 	stiffness: 600,
 	damping: 21.5,
 	mass: .2
-}, at = (e) => {
+}, ot = (e) => {
 	if (typeof document.execCommand == "function") try {
 		if (document.execCommand("insertText", !1, e)) return !0;
 	} catch {}
@@ -944,24 +958,24 @@ var nt = .9, rt = {
 	n.deleteContents();
 	let r = document.createTextNode(e);
 	return n.insertNode(r), n.setStartAfter(r), n.collapse(!0), t.removeAllRanges(), t.addRange(n), !1;
-}, ot = 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: ee, labels: te, animationConfig: N, style: P }, F) {
-	let ne = l(), I = H("input", te), re = H("voice"), L = M ?? I.placeholder, ie = ee !== !1, R = p(null), ae = p(null), oe = p(null), se = p(0), ce = p(!1), le = p(null), [ue, de] = m(!1), [z, fe] = m(!1), [me, he] = m(!1), [ge, _e] = m(!0), [ve, ye] = m(!1), [be, xe] = m(!1), [Se, Ce] = m(!1), B = p(0), Te = p(!1), Ee = p(0), De = p(!1), Oe = 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(() => () => {
-		Oe.current && clearTimeout(Oe.current);
+		je.current && clearTimeout(je.current);
 	}, []);
-	let ke = w(), Ae = p(e), je = p(N);
-	je.current = N;
-	let Me = p(null), [U, Ne] = m([]), Pe = s ?? U, 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) {
@@ -970,7 +984,7 @@ var nt = .9, rt = {
 		}
 		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,
@@ -978,57 +992,57 @@ var nt = .9, rt = {
 				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]);
-	u(F, () => ({
-		focus: (e) => R.current?.focus(e),
+		ze((t) => (We(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
+	}, [f, We]);
+	u(I, () => ({
+		focus: (e) => ae.current?.focus(e),
 		setValue: (e) => {
-			let t = R.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 = R.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 = R.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, R.current?.focus();
+			Je.current = null, ae.current?.focus();
 		},
-		meterRef: We,
+		meterRef: qe,
 		labels: re
-	}), 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" && ue, ot = rt, st = e === "resting" && be, ct = G.state === "listening" || G.state === "requesting" || G.state === "transcribing", lt = !!E && G.supported && !A, ut = Ye || Xe || Ze, J = N, dt = J ? {
+	}), 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
-	} : it, ft = o(() => {
-		let e = ae.current, t = oe.current;
+	} : at, gt = o(() => {
+		let e = oe.current, t = se.current;
 		if (!e || !t) return;
 		if (!(e.scrollHeight > e.clientHeight)) {
 			t.removeAttribute("data-fade");
@@ -1038,32 +1052,43 @@ var nt = .9, rt = {
 		!n && !r ? t.dataset.fade = "both" : n ? r ? t.removeAttribute("data-fade") : t.dataset.fade = "bottom" : t.dataset.fade = "top";
 	}, []);
 	c(() => {
-		let e = ae.current;
-		if (e) return e.addEventListener("scroll", ft, { passive: !0 }), () => e.removeEventListener("scroll", ft);
-	}, [ft]), 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 = ae.current;
-			e && !q && (e.scrollTop = e.scrollHeight), ft();
+			let e = oe.current;
+			e && !Ye && (e.scrollTop = e.scrollHeight), gt();
 		});
 		return () => cancelAnimationFrame(e);
 	}, [
 		t,
-		q,
-		ft
+		Ye,
+		gt
 	]), c(() => {
-		(e === "idle" || e === "typing") && R.current?.focus({ preventScroll: !0 });
+		(e === "idle" || e === "typing") && ae.current?.focus({ preventScroll: !0 });
 	}, [e]), c(() => {
-		let e = R.current;
-		e && (B.current = e.scrollHeight || 17);
+		let e = ae.current;
+		e && (De.current = e.scrollHeight || 17);
 	}, []), c(() => {
-		let e = R.current, t = le.current;
-		!e || !B.current || requestAnimationFrame(() => {
-			let n = t ? t.offsetWidth : 0, r = e.clientWidth - 16, i = (ae.current?.scrollHeight ?? 0) > B.current + 2, a = je.current;
-			Te.current ? !(i || n >= r - 2) && n < Ee.current * (a?.wrap?.exitThreshold ?? .75) && (Te.current = !1, De.current = !1, he(!1), _e(!0), Oe.current &&= (clearTimeout(Oe.current), null)) : (Ee.current = r, (i || n >= Ee.current * (a?.wrap?.nearThreshold ?? .92)) && (Te.current = !0, De.current = !0, _e(!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 = ae.current;
+		if (!q) return;
+		let e = oe.current;
 		if (!e || e.scrollTop === 0) return;
 		let t = e.scrollTop;
 		S(t, 0, {
@@ -1075,25 +1100,44 @@ var nt = .9, rt = {
 				e.scrollTop = t;
 			}
 		});
-	}, [K]), c(() => {
-		K ? Ce(!1) : (ye(!1), xe(!1));
-	}, [K]), c(() => {
-		if (!K) return;
-		let e = oe.current;
-		e && (be && !ve ? 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,
-		be,
-		ve
+		q,
+		Ce,
+		xe
 	]), c(() => {
-		let t = Ae.current;
-		if (Ae.current = e, t !== "responding" || e !== "resting") return;
-		requestAnimationFrame(() => {
-			let e = ae.current;
-			e && (se.current = e.scrollHeight, xe(e.scrollHeight > 241), ft());
-		}), fe(!0);
-		let n = je.current;
-		ke.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,
@@ -1114,35 +1158,35 @@ var nt = .9, rt = {
 				]
 			}
 		});
-		let r = window.setTimeout(() => fe(!1), n?.ripple?.pulseDuration ?? 260);
+		let r = window.setTimeout(() => ge(!1), n?.ripple?.pulseDuration ?? 260);
 		return () => clearTimeout(r);
 	}, [
 		e,
-		ke,
-		ft
+		Me,
+		gt
 	]);
-	let pt = o(() => {
-		let e = R.current;
-		e && (ce.current = !0, n(e.textContent ?? ""));
-	}, [n]), mt = o((e) => {
-		e.preventDefault(), at(e.clipboardData.getData("text/plain")) || pt();
-	}, [pt]), ht = 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) at("\n") || pt();
+			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,
-		pt,
+		Y,
 		j
 	]);
 	return c(() => {
-		let e = R.current;
+		let e = ae.current;
 		if (e) {
-			if (ce.current) {
-				ce.current = !1;
+			if (de.current) {
+				de.current = !1;
 				return;
 			}
 			e.textContent !== t && (e.textContent = t, document.activeElement === e && $e(e));
@@ -1153,21 +1197,22 @@ var nt = .9, rt = {
 			id: ne,
 			children: /* @__PURE__ */ v("div", {
 				className: W.wrap,
-				onMouseEnter: () => de(!0),
-				onMouseLeave: () => de(!1),
-				style: P,
+				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: Se ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
+						animate: { filter: Te ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
 						style: {
-							pointerEvents: Se ? "none" : "auto",
-							width: P?.width === "100%" ? "100%" : void 0,
-							maxWidth: P?.maxWidth
+							pointerEvents: Te ? "none" : "auto",
+							width: F?.width === "100%" ? "100%" : void 0,
+							maxWidth: F?.maxWidth
 						},
 						transition: {
-							...dt,
+							...ht,
 							filter: {
 								type: "tween",
 								duration: .2,
@@ -1175,25 +1220,25 @@ var nt = .9, rt = {
 							}
 						},
 						children: /* @__PURE__ */ v(C.div, {
-							className: `${W.surface} ${K ? W.glass : ""} ${rt ? W.hovered : ""} ${z ? W.pulsed : ""}`,
+							className: `${W.surface} ${q ? W.glass : ""} ${lt ? W.hovered : ""} ${he ? W.pulsed : ""}`,
 							style: {
 								alignItems: "stretch",
 								flexDirection: "column",
 								justifyContent: "center"
 							},
-							transition: dt,
-							animate: ke,
-							onClick: () => R.current?.focus(),
+							transition: ht,
+							animate: Me,
+							onClick: () => ae.current?.focus(),
 							children: [
 								/* @__PURE__ */ _("input", {
 									type: "file",
-									ref: Me,
+									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
@@ -1218,10 +1263,10 @@ var nt = .9, rt = {
 									},
 									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
 										})
 									})
 								}) }),
@@ -1230,15 +1275,15 @@ var nt = .9, rt = {
 										display: "flex",
 										flexDirection: "row",
 										alignItems: "center",
-										flexWrap: me ? "wrap" : "nowrap",
-										justifyContent: me ? "flex-end" : "flex-start",
+										flexWrap: _e ? "wrap" : "nowrap",
+										justifyContent: _e ? "flex-end" : "flex-start",
 										width: "100%",
 										minWidth: 0,
 										flex: 1
 									},
 									children: [
 										/* @__PURE__ */ _("span", {
-											ref: le,
+											ref: z,
 											"aria-hidden": "true",
 											style: {
 												position: "absolute",
@@ -1251,16 +1296,16 @@ var nt = .9, rt = {
 											children: t
 										}),
 										/* @__PURE__ */ _("div", {
-											ref: oe,
+											ref: se,
 											className: W.editorClip,
-											style: { flexBasis: me ? "100%" : void 0 },
+											style: { flexBasis: _e ? "100%" : void 0 },
 											children: /* @__PURE__ */ _(C.div, {
-												ref: ae,
-												className: `${W.editorWrap} ${K ? W.editorWrapGlass : ""}`,
+												ref: oe,
+												className: `${W.editorWrap} ${q ? W.editorWrapGlass : ""}`,
 												layout: "position",
-												animate: K && be ? { maxHeight: ve ? se.current : 240 } : void 0,
+												animate: q && Ce ? { maxHeight: xe ? le : 240 } : void 0,
 												transition: {
-													...dt,
+													...ht,
 													maxHeight: {
 														type: "spring",
 														stiffness: 300,
@@ -1269,24 +1314,24 @@ var nt = .9, rt = {
 													}
 												},
 												children: /* @__PURE__ */ _("div", {
-													ref: R,
+													ref: ae,
 													className: W.editor,
-													contentEditable: q ? "false" : "plaintext-only",
+													contentEditable: Ye ? "false" : "plaintext-only",
 													suppressContentEditableWarning: !0,
-													onInput: pt,
-													onKeyDown: ht,
-													onPaste: mt,
+													onInput: Y,
+													onKeyDown: vt,
+													onPaste: _t,
 													spellCheck: !1,
 													role: "textbox",
 													"aria-multiline": "true",
-													"aria-label": L,
-													"data-placeholder": q ? "" : L
+													"aria-label": ie,
+													"data-placeholder": Ye ? "" : ie
 												})
 											})
 										}),
 										/* @__PURE__ */ v("div", {
 											className: W.buttonGroup,
-											children: [!K && ge && lt && /* @__PURE__ */ _(C.div, {
+											children: [!q && ye && pt && /* @__PURE__ */ _(C.div, {
 												initial: {
 													opacity: 0,
 													scale: nt,
@@ -1304,7 +1349,7 @@ var nt = .9, rt = {
 													scale: nt,
 													width: 0,
 													marginLeft: 0,
-													transition: De.current ? {
+													transition: Ae.current ? {
 														type: "tween",
 														duration: J?.wrap?.exitDuration ?? .15,
 														ease: "easeOut",
@@ -1331,32 +1376,33 @@ var nt = .9, rt = {
 												},
 												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 (!ct) {
-																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" ? I.stopListening : G.state === "requesting" ? I.waitingForMicrophone : G.state === "transcribing" ? I.cancelTranscription : G.state === "denied" ? I.microphoneBlocked : I.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%",
@@ -1366,11 +1412,11 @@ var nt = .9, rt = {
 											}, "mic"), /* @__PURE__ */ v(y, {
 												initial: !1,
 												onExitComplete: () => {
-													De.current && (De.current = !1, he(!0), Oe.current && clearTimeout(Oe.current), Oe.current = window.setTimeout(() => {
-														_e(!0), Oe.current = null;
-													}, je.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 && ge && (ie || A) && /* @__PURE__ */ _(C.div, {
+												children: [!q && ye && (R || A) && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1385,7 +1431,7 @@ var nt = .9, rt = {
 														opacity: 0,
 														scale: nt,
 														width: 0,
-														transition: De.current ? {
+														transition: Ae.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut",
@@ -1439,6 +1485,7 @@ var nt = .9, rt = {
 															},
 															children: /* @__PURE__ */ _(V, {
 																variant: "ghost",
+																"data-ick-role": "cancel-edit",
 																icon: /* @__PURE__ */ _(we, {
 																	size: 14,
 																	"aria-hidden": !0
@@ -1446,14 +1493,14 @@ var nt = .9, rt = {
 																onClick: (e) => {
 																	e.stopPropagation(), k?.();
 																},
-																"aria-label": I.cancelEdit,
-																title: I.cancelEdit,
+																"aria-label": L.cancelEdit,
+																title: L.cancelEdit,
 																style: {
 																	width: "100%",
 																	height: "100%"
 																}
 															})
-														}, "cancel-btn") : ie && !Se ? /* @__PURE__ */ _(C.div, {
+														}, "cancel-btn") : R && !Te ? /* @__PURE__ */ _(C.div, {
 															initial: {
 																opacity: 0,
 																scale: .5
@@ -1476,15 +1523,16 @@ var nt = .9, rt = {
 															},
 															children: /* @__PURE__ */ _(V, {
 																variant: "ghost",
+																"data-ick-role": "add",
 																icon: /* @__PURE__ */ _(pe, {
 																	size: 14,
 																	"aria-hidden": !0
 																}),
 																onClick: (e) => {
-																	e.stopPropagation(), Ce(!0);
+																	e.stopPropagation(), Ee(!0);
 																},
-																"aria-label": I.add,
-																title: I.add,
+																"aria-label": L.add,
+																title: L.add,
 																style: {
 																	width: "100%",
 																	height: "100%"
@@ -1492,7 +1540,7 @@ var nt = .9, rt = {
 															})
 														}, "plus-btn") : null
 													})
-												}, "lead"), ut && ge && /* @__PURE__ */ _(C.div, {
+												}, "lead"), mt && ye && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1510,7 +1558,7 @@ var nt = .9, rt = {
 														scale: nt,
 														width: 0,
 														marginLeft: 0,
-														transition: De.current ? {
+														transition: Ae.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut"
@@ -1522,8 +1570,8 @@ var nt = .9, rt = {
 																type: "tween",
 																duration: .15
 															},
-															width: dt,
-															marginLeft: dt
+															width: it(ht),
+															marginLeft: it(ht)
 														}
 													},
 													transition: {
@@ -1546,12 +1594,13 @@ var nt = .9, rt = {
 													},
 													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 ? I.stop : A ? I.save : I.send,
+														disabled: ct,
+														"aria-label": st ? L.stop : A ? L.save : L.send,
 														style: {
 															flexShrink: 0,
 															width: 28
@@ -1566,31 +1615,31 @@ var nt = .9, rt = {
 						})
 					}),
 					/* @__PURE__ */ _(Be, {
-						isAddOpen: Se,
-						setIsAddOpen: Ce,
-						items: ee || void 0,
+						isAddOpen: Te,
+						setIsAddOpen: Ee,
+						items: N || void 0,
 						onAdd: (e, t) => {
-							let n = ee ? ee.find((e) => e.id === t) : void 0;
-							t === "attach" && !n?.onSelect && Me.current?.click(), a?.();
+							let n = N ? N.find((e) => e.id === t) : void 0;
+							t === "attach" && !n?.onSelect && Pe.current?.click(), a?.();
 						},
-						showInlineGlyph: ut,
-						showButtons: ge,
+						showInlineGlyph: mt,
+						showButtons: ye,
 						ac: J
 					}),
 					/* @__PURE__ */ _(Re, {
-						showActions: ot,
-						showReadMore: st,
-						isExpanded: ve,
-						setIsExpanded: ye,
+						showActions: ut,
+						showReadMore: dt,
+						isExpanded: xe,
+						setIsExpanded: Se,
 						onCopy: D,
 						onEdit: O,
 						value: t,
 						ac: J
 					}),
-					lt && (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" ? I.microphoneBlockedHelp : G.error ?? re.couldNotOpen
+						"data-tone": K.state,
+						children: K.state === "denied" ? L.microphoneBlockedHelp : K.error ?? re.couldNotOpen
 					})
 				]
 			})
@@ -1599,7 +1648,7 @@ var nt = .9, rt = {
 });
 //#endregion
 //#region src/turnParts/turnParts.ts
-function st(e, t) {
+function ct(e, t) {
 	let n = e.findIndex((e) => e.id === t.id);
 	if (n === -1) return [...e, t];
 	let r = e.slice();
@@ -1610,15 +1659,15 @@ function st(e, t) {
 }
 //#endregion
 //#region src/useChatTurns/useChatTurns.ts
-var ct = 260, lt = 220, ut = "Generating response", J = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 11), dt = () => ({
-	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"
-}), ft = (e) => {
+}), mt = (e) => {
 	let t = e.versions;
 	if (!t?.length) return e;
 	let n = e.versionIndex ?? 0, r = t[n];
@@ -1630,7 +1679,7 @@ var ct = 260, lt = 220, ut = "Generating response", J = () => typeof crypto < "u
 			parts: e.parts
 		} : t)
 	};
-}, pt = (e) => typeof e == "object" && !!e && Symbol.asyncIterator in e, mt = (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;
@@ -1639,8 +1688,8 @@ var ct = 260, lt = 220, ut = "Generating response", J = () => typeof crypto < "u
 	}
 	return i;
 };
-function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcements: r, nextTurn: i = "after-answer" }) {
-	let [a, s] = m(() => [dt()]), [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);
+function gt({ onSend: e, revealSpeed: t = lt, sentencePause: n = ut, announcements: r, nextTurn: i = "after-answer" }) {
+	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;
 	});
@@ -1653,7 +1702,7 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 					...n,
 					...t
 				};
-				return "versionIndex" in t || "versions" in t ? i : ft(i);
+				return "versionIndex" in t || "versions" in t ? i : mt(i);
 			});
 			return r ? (b.current = i, i) : n;
 		});
@@ -1665,10 +1714,10 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, 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 : ft({
+				return t === void 0 && !i ? e : mt({
 					...e,
 					...t === void 0 ? null : { ai: t },
-					...i ? { parts: i.reduce(st, e.parts) } : null
+					...i ? { parts: i.reduce(ct, e.parts) } : null
 				});
 			});
 			return b.current = t, t;
@@ -1693,17 +1742,17 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 	let D = o(() => {
 		s((e) => {
 			if (e.some((e) => (e.state === "idle" || e.state === "typing") && e.ai === "")) return e;
-			let t = [...e, dt()];
+			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;
 		}
-		let o = mt(r, t, n), s = performance.now(), c = 0, l = () => {
+		let o = ht(r, t, n), s = performance.now(), c = 0, l = () => {
 			if (i.aborted) {
 				w(e, r), a();
 				return;
@@ -1725,7 +1774,7 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 		let n = y.current;
 		if (n === !1) return;
 		if (e === "responding") {
-			let e = n && "responding" in n ? n.responding : ut;
+			let e = n && "responding" in n ? n.responding : dt;
 			e && Ke(e);
 			return;
 		}
@@ -1754,7 +1803,7 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 				turnId: e,
 				attachments: r
 			});
-			if (pt(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 {
@@ -1854,23 +1903,23 @@ var Y = {
 	menuItem: "ick-menuItem-V7gI",
 	menuIcon: "ick-menuIcon-tjBi",
 	menuCount: "ick-menuCount-tC3s"
-}, gt = {
+}, _t = {
 	s: "s",
 	m: "m",
 	l: "l"
-}, _t = {
+}, vt = {
 	s: 14,
 	m: 16,
 	l: 18
-}, vt = _t, yt = {
+}, yt = vt, bt = {
 	s: Y.s,
 	m: Y.m,
 	l: Y.l
-}, bt = {
+}, xt = {
 	plain: Y.plain,
 	glass: Y.glass,
 	bordered: Y.bordered
-}, xt = (e) => e.count === void 0 ? e.label : `${e.label}, ${e.count}`, St = (e) => {
+}, St = (e) => e.count === void 0 ? e.label : `${e.label}, ${e.count}`, Ct = (e) => {
 	let t = e?.parentElement ?? null;
 	for (; t;) {
 		let { overflowY: e } = getComputedStyle(t);
@@ -1878,8 +1927,8 @@ var Y = {
 		t = t.parentElement;
 	}
 	return window;
-}, Ct = 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 = H("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, ee] = m(!1), [te, N] = m(!1), P = o((e) => {
+}, 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 = 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(() => {
@@ -1887,29 +1936,29 @@ var Y = {
 		if (!e || x === !1 || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
 			let t = e.contentRect.width;
-			ee(t > 0 && t < x);
+			N(t > 0 && t < x);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [x]), c(() => {
 		if (!b) return;
-		let e = St(j.current), t = () => {
+		let e = Ct(j.current), t = () => {
 			let t = e === window ? window.scrollY : e.scrollTop;
-			N(t > 0);
+			te(t > 0);
 		};
 		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, [b]);
-	let F = x !== !1 && M, ne = F ? u.filter((e) => e.pinned) : u, I = F ? u.filter((e) => !e.pinned) : [], re = 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: P,
 		className: [
 			Y.header,
-			yt[h],
-			bt[f],
+			bt[h],
+			xt[f],
 			g === "center" ? Y.center : "",
 			y ? Y.sticky : "",
 			w ?? ""
 		].filter(Boolean).join(" "),
-		"data-scrolled": b && te || void 0,
+		"data-scrolled": b && ee || void 0,
 		...T,
 		children: [/* @__PURE__ */ v("div", {
 			className: Y.start,
@@ -1918,15 +1967,17 @@ var Y = {
 					href: s,
 					className: Y.back,
 					"aria-label": k,
+					"data-ick-role": "back",
 					children: /* @__PURE__ */ _(O, {
-						size: vt[h],
+						size: yt[h],
 						"aria-hidden": !0
 					})
 				}) : a ? /* @__PURE__ */ _(V, {
 					variant: "secondary",
-					size: gt[h],
+					"data-ick-role": "back",
+					size: _t[h],
 					icon: /* @__PURE__ */ _(O, {
-						size: vt[h],
+						size: yt[h],
 						"aria-hidden": !0
 					}),
 					"aria-label": k,
@@ -1938,7 +1989,7 @@ var Y = {
 				}),
 				(e || t) && /* @__PURE__ */ v("div", {
 					className: Y.titles,
-					children: [e && /* @__PURE__ */ _(re, {
+					children: [e && /* @__PURE__ */ _(L, {
 						className: [Y.title, i ? Y.truncate : ""].filter(Boolean).join(" "),
 						title: typeof e == "string" && i ? e : void 0,
 						children: e
@@ -1952,12 +2003,12 @@ var Y = {
 			className: Y.end,
 			children: [
 				C,
-				ne.map((e) => /* @__PURE__ */ _(wt, {
+				I.map((e) => /* @__PURE__ */ _(Tt, {
 					action: e,
 					size: h
 				}, e.id)),
-				I.length > 0 && /* @__PURE__ */ _(Tt, {
-					actions: I,
+				ne.length > 0 && /* @__PURE__ */ _(Et, {
+					actions: ne,
 					size: h,
 					label: A
 				})
@@ -1965,8 +2016,8 @@ var Y = {
 		})]
 	});
 });
-function wt({ action: e, size: t }) {
-	let n = xt(e), r = e.count !== void 0 && e.count > 0 ? /* @__PURE__ */ _("span", {
+function Tt({ action: e, size: t }) {
+	let n = St(e), r = e.count !== void 0 && e.count > 0 ? /* @__PURE__ */ _("span", {
 		className: Y.badge,
 		"aria-hidden": "true",
 		children: e.count > 99 ? "99+" : e.count
@@ -1976,12 +2027,16 @@ function wt({ 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__ */ _(V, {
-			variant: "secondary",
-			size: gt[t],
+			variant: e.variant ?? "secondary",
+			"data-ick-role": "header-action",
+			"data-ick-action": e.id,
+			size: _t[t],
 			icon: e.icon,
 			"aria-label": n,
 			title: e.label,
@@ -1991,39 +2046,55 @@ function wt({ action: e, size: t }) {
 		}), r]
 	});
 }
-function Tt({ 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) => {
+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 = 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__ */ _(V, {
 			ref: f,
 			variant: "secondary",
-			size: gt[t],
+			"data-ick-role": "header-more",
+			size: _t[t],
 			icon: /* @__PURE__ */ _(le, {
-				size: vt[t],
+				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 ([
@@ -2046,17 +2117,19 @@ function Tt({ 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", {
@@ -2073,17 +2146,17 @@ function Tt({ actions: e, size: t, label: n }) {
 		})]
 	});
 }
-var Et = {
+var Dt = {
 	row: "ick-row-yugg",
 	reveal: "ick-reveal-z3mw"
-}, Dt = 1600;
-function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i = null, children: a, reveal: s = !1, busy: l = !1, labels: u, className: d, ...f }) {
+}, 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 = H("answerActions", u);
 	c(() => () => {
 		b.current && clearTimeout(b.current);
 	}, []);
 	let S = o(() => {
-		t ? t(e) : navigator.clipboard?.writeText(e), y(!0), Ke(x.copied), b.current && clearTimeout(b.current), b.current = setTimeout(() => y(!1), Dt);
+		t ? t(e) : navigator.clipboard?.writeText(e), y(!0), Ke(x.copied), b.current && clearTimeout(b.current), b.current = setTimeout(() => y(!1), Ot);
 	}, [
 		x.copied,
 		t,
@@ -2091,15 +2164,17 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 	]), C = (e) => r?.(i === e ? null : e);
 	return /* @__PURE__ */ v("div", {
 		className: [
-			Et.row,
-			s ? Et.reveal : "",
+			Dt.row,
+			s ? Dt.reveal : "",
 			d ?? ""
 		].filter(Boolean).join(" "),
 		...f,
 		children: [
 			e.trim() && /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: _(h ? j : N, {
+				"data-ick-role": "answer-action",
+				"data-ick-action": "copy",
+				icon: _(h ? j : te, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2109,6 +2184,8 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 			}),
 			n && /* @__PURE__ */ _(V, {
 				variant: "ghost",
+				"data-ick-role": "answer-action",
+				"data-ick-action": "regenerate",
 				icon: /* @__PURE__ */ _(me, {
 					size: 14,
 					"aria-hidden": !0
@@ -2121,6 +2198,8 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 			}),
 			r && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(V, {
 				variant: "ghost",
+				"data-ick-role": "answer-action",
+				"data-ick-action": "up",
 				icon: /* @__PURE__ */ _(xe, {
 					size: 14,
 					"aria-hidden": !0
@@ -2131,6 +2210,8 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 				title: x.up
 			}), /* @__PURE__ */ _(V, {
 				variant: "ghost",
+				"data-ick-role": "answer-action",
+				"data-ick-action": "down",
 				icon: /* @__PURE__ */ _(be, {
 					size: 14,
 					"aria-hidden": !0
@@ -2144,7 +2225,7 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 		]
 	});
 }
-var kt = {
+var At = {
 	branch: "ick-branch-lR6b",
 	step: "ick-step-JSch ick-target-vuT2",
 	count: "ick-count-kOmV",
@@ -2152,34 +2233,34 @@ var kt = {
 };
 //#endregion
 //#region src/Branch/Branch.tsx
-function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a }) {
+function jt({ total: e, index: t, onSelect: n, labels: r, className: i, ...a }) {
 	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", {
-		className: [kt.branch, i ?? ""].filter(Boolean).join(" "),
+		className: [At.branch, i ?? ""].filter(Boolean).join(" "),
 		role: "group",
 		"aria-label": c,
 		...a,
 		children: [
 			/* @__PURE__ */ _("button", {
 				type: "button",
-				className: kt.step,
+				className: At.step,
 				onClick: () => n(s - 1),
 				onPointerDown: (e) => e.stopPropagation(),
 				disabled: s === 0,
 				"aria-label": o.previous,
-				children: /* @__PURE__ */ _(ee, {
+				children: /* @__PURE__ */ _(N, {
 					size: 14,
 					"aria-hidden": !0
 				})
 			}),
 			/* @__PURE__ */ v("span", {
-				className: kt.count,
+				className: At.count,
 				children: [
 					s + 1,
 					/* @__PURE__ */ _("span", {
-						className: kt.of,
+						className: At.of,
 						children: "/"
 					}),
 					e
@@ -2187,12 +2268,12 @@ function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a })
 			}),
 			/* @__PURE__ */ _("button", {
 				type: "button",
-				className: kt.step,
+				className: At.step,
 				onClick: () => n(s + 1),
 				onPointerDown: (e) => e.stopPropagation(),
 				disabled: s === e - 1,
 				"aria-label": o.next,
-				children: /* @__PURE__ */ _(te, {
+				children: /* @__PURE__ */ _(ee, {
 					size: 14,
 					"aria-hidden": !0
 				})
@@ -2200,7 +2281,7 @@ function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a })
 		]
 	});
 }
-var jt = {
+var Mt = {
 	loader: "ick-loader-7WbG",
 	dot: "ick-dot-JJFT",
 	blink: "ick-blink-MCVu",
@@ -2210,10 +2291,10 @@ var jt = {
 };
 //#endregion
 //#region src/Loader/Loader.tsx
-function Mt({ variant: e = "dots", children: t, label: n = null, className: r, ...i }) {
+function Nt({ variant: e = "dots", children: t, label: n = null, className: r, ...i }) {
 	let a = [
-		jt.loader,
-		jt[e],
+		Mt.loader,
+		Mt[e],
 		r ?? ""
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ v("div", {
@@ -2222,21 +2303,21 @@ function Mt({ variant: e = "dots", children: t, label: n = null, className: r, .
 		"aria-hidden": !n || void 0,
 		...i,
 		children: [n && /* @__PURE__ */ _("span", {
-			className: jt.srOnly,
+			className: Mt.srOnly,
 			children: n
 		}), e === "dots" ? /* @__PURE__ */ v(g, { children: [
-			/* @__PURE__ */ _("span", { className: jt.dot }),
-			/* @__PURE__ */ _("span", { className: jt.dot }),
-			/* @__PURE__ */ _("span", { className: jt.dot })
+			/* @__PURE__ */ _("span", { className: Mt.dot }),
+			/* @__PURE__ */ _("span", { className: Mt.dot }),
+			/* @__PURE__ */ _("span", { className: Mt.dot })
 		] }) : /* @__PURE__ */ _("span", {
-			className: jt.text,
+			className: Mt.text,
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/disclosure/useDisclosure.ts
-function Nt({ open: e, defaultOpen: t, onOpenChange: n, preferOpen: r }) {
+function Pt({ open: e, defaultOpen: t, onOpenChange: n, preferOpen: r }) {
 	let [i, a] = m(null), s = e ?? i ?? t ?? r;
 	return {
 		isOpen: s,
@@ -2250,7 +2331,7 @@ function Nt({ open: e, defaultOpen: t, onOpenChange: n, preferOpen: r }) {
 		])
 	};
 }
-var Pt = {
+var Ft = {
 	header: "ick-header-C0FS ick-target-vuT2",
 	chevron: "ick-chevron-RY4c",
 	static: "ick-static-6vUk",
@@ -2258,30 +2339,30 @@ var Pt = {
 	label: "ick-label-L-k2",
 	sweep: "ick-sweep-owLs",
 	meta: "ick-meta-wT3y"
-}, Ft = (...e) => e.filter(Boolean).join(" ");
-function It({ fit: e = "band", open: t, onToggle: n, controls: r, disabled: i, glyph: a, label: o, pending: s, meta: c, children: l, className: u }) {
+}, It = (...e) => e.filter(Boolean).join(" ");
+function Lt({ fit: e = "band", open: t, onToggle: n, controls: r, disabled: i, glyph: a, label: o, pending: s, meta: c, children: l, className: u }) {
 	let d = /* @__PURE__ */ v(g, { children: [
 		a && /* @__PURE__ */ _("span", {
-			className: Pt.glyph,
+			className: Ft.glyph,
 			children: a
 		}),
 		/* @__PURE__ */ _("span", {
-			className: Pt.label,
+			className: Ft.label,
 			"data-pending": s || void 0,
 			children: o
 		}),
 		l,
 		c ? /* @__PURE__ */ _("span", {
-			className: Pt.meta,
+			className: Ft.meta,
 			children: c
 		}) : null,
 		n && /* @__PURE__ */ _(M, {
-			className: Pt.chevron,
+			className: Ft.chevron,
 			size: 14,
 			"aria-hidden": !0
 		})
 	] }), f = {
-		className: Ft(Pt.header, u),
+		className: It(Ft.header, u),
 		"data-fit": e
 	};
 	return n ? /* @__PURE__ */ _("button", {
@@ -2295,25 +2376,25 @@ function It({ fit: e = "band", open: t, onToggle: n, controls: r, disabled: i, g
 		children: d
 	}) : /* @__PURE__ */ _("div", {
 		...f,
-		className: Ft(f.className, Pt.static),
+		className: It(f.className, Ft.static),
 		children: d
 	});
 }
-var Lt = {
+var Rt = {
 	outer: "ick-outer-6UEA",
 	wrap: "ick-wrap-u6ww"
 };
 //#endregion
 //#region src/disclosure/DisclosureBody.tsx
-function Rt({ id: e, open: t, className: n, children: r }) {
-	let i = q();
+function zt({ id: e, open: t, className: n, children: r }) {
+	let i = G();
 	return /* @__PURE__ */ _("div", {
 		id: e,
-		className: Lt.outer,
+		className: Rt.outer,
 		children: /* @__PURE__ */ _(y, {
 			initial: !1,
 			children: t && r ? /* @__PURE__ */ _(C.div, {
-				className: Lt.wrap,
+				className: Rt.wrap,
 				initial: i ? { opacity: 0 } : {
 					height: 0,
 					opacity: 0
@@ -2345,20 +2426,20 @@ function Rt({ id: e, open: t, className: n, children: r }) {
 }
 //#endregion
 //#region src/duration/formatDuration.ts
-function zt(e) {
+function Bt(e) {
 	if (!Number.isFinite(e) || e < 0) return "";
 	if (e < 1e3) return `${Math.round(e)}ms`;
 	let t = e / 1e3;
 	return `${t < 10 ? t.toFixed(1) : Math.round(t)}s`;
 }
-var Bt = {
+var Vt = {
 	reasoning: "ick-reasoning-qbLZ",
 	bodyInner: "ick-bodyInner-5PBC"
 };
 //#endregion
 //#region src/Reasoning/Reasoning.tsx
-function Vt({ children: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = H("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Nt({
+function Ht({ children: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
+	let u = H("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Pt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2374,12 +2455,12 @@ function Vt({ children: e, state: t = "done", duration: n, open: r, defaultOpen:
 		from: null,
 		took: e.from === null ? null : Date.now() - e.from
 	}));
-	let S = n ?? b.took, C = f || S === null ? "" : zt(S);
+	let S = n ?? b.took, C = f || S === null ? "" : Bt(S);
 	return /* @__PURE__ */ v("div", {
-		className: [Bt.reasoning, s ?? ""].filter(Boolean).join(" "),
+		className: [Vt.reasoning, s ?? ""].filter(Boolean).join(" "),
 		"data-state": t,
 		...c,
-		children: [/* @__PURE__ */ _(It, {
+		children: [/* @__PURE__ */ _(Lt, {
 			fit: "inline",
 			open: p,
 			onToggle: h,
@@ -2390,17 +2471,17 @@ function Vt({ children: e, state: t = "done", duration: n, open: r, defaultOpen:
 			}),
 			label: f ? u.thinking : C ? `${u.thoughtFor} ${C}` : u.thought,
 			pending: f
-		}), /* @__PURE__ */ _(Rt, {
+		}), /* @__PURE__ */ _(zt, {
 			id: d,
 			open: p,
-			className: Bt.bodyInner,
+			className: Vt.bodyInner,
 			children: e
 		})]
 	});
 }
 //#endregion
 //#region src/CodeBlock/highlight.ts
-var Ht = [
+var Ut = [
 	"bash",
 	"css",
 	"diff",
@@ -2412,7 +2493,7 @@ var Ht = [
 	"typescript",
 	"xml",
 	"yaml"
-], Ut = {
+], Wt = {
 	js: "javascript",
 	jsx: "javascript",
 	mjs: "javascript",
@@ -2433,15 +2514,15 @@ var Ht = [
 	patch: "diff",
 	yml: "yaml",
 	yamllint: "yaml"
-}, Wt = new Set(Ht), Gt = (e) => [{
+}, Gt = new Set(Ut), Kt = (e) => [{
 	value: e,
 	kind: null
-}], Kt = (e) => {
+}], qt = (e) => {
 	if (!e) return null;
-	let t = Ut[e.toLowerCase()] ?? e.toLowerCase();
-	return Wt.has(t) ? t : null;
-}, qt = (e) => Kt(e) !== null;
-function Jt(e) {
+	let t = Wt[e.toLowerCase()] ?? e.toLowerCase();
+	return Gt.has(t) ? t : null;
+}, Jt = (e) => qt(e) !== null;
+function Yt(e) {
 	let t = [], n = (e, n) => {
 		if (!e) return;
 		let r = t[t.length - 1];
@@ -2461,42 +2542,42 @@ function Jt(e) {
 	};
 	return r(e.children ?? [], null), t;
 }
-var Yt = null, Xt = null, Zt = () => Yt;
-function Qt() {
-	return Yt ? Promise.resolve(Yt) : Xt || (Xt = (async () => {
+var Xt = null, Zt = null, Qt = () => Xt;
+function $t() {
+	return Xt ? Promise.resolve(Xt) : Zt || (Zt = (async () => {
 		let { createHighlighter: e } = await import("./grammars-B19jp7qm.js"), t = e();
-		return Yt = (e, n) => {
-			let r = Kt(n);
-			if (!r) return Gt(e);
+		return Xt = (e, n) => {
+			let r = qt(n);
+			if (!r) return Kt(e);
 			try {
-				let n = Jt(t.highlight(r, e));
-				return n.length > 0 ? n : Gt(e);
+				let n = Yt(t.highlight(r, e));
+				return n.length > 0 ? n : Kt(e);
 			} catch {
-				return Gt(e);
+				return Kt(e);
 			}
-		}, Yt;
-	})(), Xt);
+		}, Xt;
+	})(), Zt);
 }
-var $t = {
+var en = {
 	block: "ick-block-xN1a",
 	bar: "ick-bar-5YJ4",
 	lang: "ick-lang-pkCd",
 	copy: "ick-copy-KoCs ick-target-vuT2",
 	copyLabel: "ick-copyLabel-E8mN",
 	pre: "ick-pre-qaBX"
-}, en = 1600;
-function tn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor: a = en, labels: s, className: l, ...u }) {
-	let d = H("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Zt);
+}, 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 = H("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Qt);
 	c(() => {
-		if (b || !qt(t)) return;
+		if (b || !Jt(t)) return;
 		let e = !0;
-		return Qt().then((t) => {
+		return $t().then((t) => {
 			e && x(() => t);
 		}), () => {
 			e = !1;
 		};
 	}, [b, t]);
-	let S = f(() => b ? b(e, t) : Gt(e), [
+	let S = f(() => b ? b(e, t) : Kt(e), [
 		b,
 		e,
 		t
@@ -2513,29 +2594,29 @@ function tn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor
 		d.copiedAnnouncement
 	]), w = n === !1 ? null : n ?? t ?? null, T = w !== null || r;
 	return /* @__PURE__ */ v("div", {
-		className: [$t.block, l ?? ""].filter(Boolean).join(" "),
+		className: [en.block, l ?? ""].filter(Boolean).join(" "),
 		...u,
 		children: [T && /* @__PURE__ */ v("div", {
-			className: $t.bar,
+			className: en.bar,
 			children: [/* @__PURE__ */ _("span", {
-				className: $t.lang,
+				className: en.lang,
 				children: w
 			}), r && /* @__PURE__ */ v("button", {
 				type: "button",
-				className: $t.copy,
+				className: en.copy,
 				onClick: C,
 				onPointerDown: (e) => e.stopPropagation(),
 				"aria-label": h ? d.copied : d.copyCode,
-				children: [_(h ? j : N, {
+				children: [_(h ? j : te, {
 					size: 13,
 					"aria-hidden": !0
 				}), /* @__PURE__ */ _("span", {
-					className: $t.copyLabel,
+					className: en.copyLabel,
 					children: h ? d.copied : d.copy
 				})]
 			})]
 		}), /* @__PURE__ */ _("pre", {
-			className: $t.pre,
+			className: en.pre,
 			children: /* @__PURE__ */ _("code", { children: S.map((e, t) => e.kind ? /* @__PURE__ */ _("span", {
 				"data-hl": e.kind,
 				children: e.value
@@ -2543,7 +2624,7 @@ function tn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor
 		})]
 	});
 }
-var nn = {
+var rn = {
 	glyph: "ick-glyph-NSSW",
 	queued: "ick-queued-6cCj",
 	spinner: "ick-spinner-HeOp",
@@ -2551,15 +2632,15 @@ var nn = {
 };
 //#endregion
 //#region src/stateGlyph/StateGlyph.tsx
-function rn({ state: e }) {
+function an({ state: e }) {
 	return /* @__PURE__ */ _("span", {
-		className: nn.glyph,
+		className: rn.glyph,
 		"data-state": e,
 		"aria-hidden": !0,
-		children: e === "running" ? /* @__PURE__ */ _("span", { className: nn.spinner }) : e === "done" ? /* @__PURE__ */ _(j, { size: 13 }) : e === "error" ? /* @__PURE__ */ _(Ce, { size: 13 }) : /* @__PURE__ */ _("span", { className: nn.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 an = {
+var on = {
 	tool: "ick-tool-en0M",
 	card: "ick-card-nzIg",
 	overview: "ick-overview-lVM-",
@@ -2571,7 +2652,7 @@ var an = {
 };
 //#endregion
 //#region src/Tool/Tool.tsx
-function on(e) {
+function sn(e) {
 	if (e == null) return null;
 	if (i(e)) return {
 		kind: "node",
@@ -2598,75 +2679,75 @@ function on(e) {
 		};
 	}
 }
-function sn({ label: e, value: t, tone: n }) {
+function cn({ label: e, value: t, tone: n }) {
 	if (!t) return null;
-	if (t.kind === "json") return /* @__PURE__ */ _(tn, {
+	if (t.kind === "json") return /* @__PURE__ */ _(nn, {
 		code: t.code,
 		lang: "json",
 		label: e
 	});
 	let r = t.kind === "text" ? /* @__PURE__ */ _("p", {
-		className: an.text,
+		className: on.text,
 		children: t.text
 	}) : t.node;
 	return /* @__PURE__ */ v("div", {
-		className: an.section,
+		className: on.section,
 		"data-tone": n,
 		children: [/* @__PURE__ */ _("span", {
-			className: an.sectionLabel,
+			className: on.sectionLabel,
 			children: e
 		}), r]
 	});
 }
-function cn({ 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 = H("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Nt({
+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 = H("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Pt({
 		open: s,
 		defaultOpen: c,
 		onOpenChange: u,
 		preferOpen: g
-	}), x = on(r), S = g ? null : on(i), C = g ? on(a) : null, w = !!(x || S || C || t === "running"), T = t === "done" || g ? zt(o ?? NaN) : "";
+	}), x = sn(r), S = g ? null : sn(i), C = g ? sn(a) : null, w = !!(x || S || C || t === "running"), T = t === "done" || g ? Bt(o ?? NaN) : "";
 	return /* @__PURE__ */ v("div", {
-		className: [an.tool, f ?? ""].filter(Boolean).join(" "),
+		className: [on.tool, f ?? ""].filter(Boolean).join(" "),
 		"data-state": t,
 		...p,
-		children: [/* @__PURE__ */ _(It, {
+		children: [/* @__PURE__ */ _(Lt, {
 			open: y,
 			onToggle: b,
 			controls: h,
 			disabled: !w,
-			glyph: /* @__PURE__ */ _(rn, { state: t }),
+			glyph: /* @__PURE__ */ _(an, { state: t }),
 			label: e,
 			meta: T || void 0,
 			children: /* @__PURE__ */ _("span", {
-				className: an.srOnly,
+				className: on.srOnly,
 				children: m[t]
 			})
 		}), /* @__PURE__ */ v("div", {
-			className: an.card,
+			className: on.card,
 			children: [/* @__PURE__ */ _("p", {
-				className: an.overview,
+				className: on.overview,
 				children: n ?? m[t]
-			}), /* @__PURE__ */ v(Rt, {
+			}), /* @__PURE__ */ v(zt, {
 				id: h,
 				open: y && w,
-				className: an.bodyInner,
+				className: on.bodyInner,
 				children: [
-					/* @__PURE__ */ _(sn, {
+					/* @__PURE__ */ _(cn, {
 						label: m.input,
 						value: x
 					}),
 					t === "running" && !S && /* @__PURE__ */ v("div", {
-						className: an.section,
+						className: on.section,
 						children: [/* @__PURE__ */ _("span", {
-							className: an.sectionLabel,
+							className: on.sectionLabel,
 							children: m.output
-						}), /* @__PURE__ */ _(Mt, {})]
+						}), /* @__PURE__ */ _(Nt, {})]
 					}),
-					/* @__PURE__ */ _(sn, {
+					/* @__PURE__ */ _(cn, {
 						label: m.output,
 						value: S
 					}),
-					/* @__PURE__ */ _(sn, {
+					/* @__PURE__ */ _(cn, {
 						label: m.error,
 						value: C,
 						tone: "error"
@@ -2676,7 +2757,7 @@ function cn({ name: e, state: t = "done", summary: n, input: r, output: i, error
 		})]
 	});
 }
-var ln = {
+var un = {
 	approval: "ick-approval-zlJi",
 	head: "ick-head-CX4j",
 	title: "ick-title-n-wh",
@@ -2685,64 +2766,67 @@ var ln = {
 	actions: "ick-actions-t5Oz",
 	deny: "ick-deny-XXyG",
 	settled: "ick-settled-OaBX"
-}, un = [
+}, dn = [
 	"once",
 	"always",
 	"deny"
-], dn = {
+], fn = {
 	once: "allowedOnce",
 	always: "allowedAlways",
 	denied: "wasDenied"
 };
-function fn({ title: e, description: t, children: n, decision: r = null, onDecide: i, readOnly: a = !1, choices: o = un, labels: s, className: c, ...u }) {
+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 = H("approval", s), f = (e) => o.includes(e), p = l(), m = r !== null;
 	return /* @__PURE__ */ v("section", {
-		className: [ln.approval, c ?? ""].filter(Boolean).join(" "),
+		className: [un.approval, c ?? ""].filter(Boolean).join(" "),
 		"data-decision": r ?? void 0,
 		"aria-labelledby": p,
 		...u,
 		children: [
 			/* @__PURE__ */ v("div", {
-				className: ln.head,
+				className: un.head,
 				children: [/* @__PURE__ */ _("p", {
-					className: ln.title,
+					className: un.title,
 					id: p,
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
-					className: ln.description,
+					className: un.description,
 					children: t
 				})]
 			}),
 			n && /* @__PURE__ */ _("div", {
-				className: ln.subject,
+				className: un.subject,
 				children: n
 			}),
 			m ? /* @__PURE__ */ v("p", {
-				className: ln.settled,
+				className: un.settled,
 				"data-decision": r,
 				children: [_(r === "denied" ? we : j, {
 					size: 13,
 					"aria-hidden": !0
-				}), d[dn[r]]]
+				}), d[fn[r]]]
 			}) : !a && /* @__PURE__ */ v("div", {
-				className: ln.actions,
+				className: un.actions,
 				children: [
 					f("deny") && /* @__PURE__ */ _(V, {
+						"data-ick-role": "approval-deny",
 						variant: "ghost",
 						size: "m",
-						className: ln.deny,
+						className: un.deny,
 						onClick: () => i?.("denied"),
 						children: d.deny
 					}),
 					f("always") && /* @__PURE__ */ _(V, {
 						variant: "outline",
 						size: "m",
+						"data-ick-role": "approval-always",
 						onClick: () => i?.("always"),
 						children: d.always
 					}),
 					f("once") && /* @__PURE__ */ _(V, {
 						variant: "primary",
 						size: "m",
+						"data-ick-role": "approval-once",
 						onClick: () => i?.("once"),
 						children: d.once
 					})
@@ -2751,7 +2835,7 @@ function fn({ title: e, description: t, children: n, decision: r = null, onDecid
 		]
 	});
 }
-var pn = {
+var mn = {
 	tasks: "ick-tasks-2ToX",
 	list: "ick-list-D8wS",
 	item: "ick-item-QsIm",
@@ -2762,33 +2846,33 @@ var pn = {
 };
 //#endregion
 //#region src/TaskList/TaskList.tsx
-function mn({ tasks: e, title: t, collapsible: n = !1, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = H("tasks", o), d = l(), f = q(), p = e.filter((e) => (e.state ?? "pending") === "done").length, m = Nt({
+function hn({ tasks: e, title: t, collapsible: n = !1, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
+	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,
 		preferOpen: !(e.length > 0 && p === e.length)
 	}), h = !n || m.isOpen, g = u.progress.replace("{done}", String(p)).replace("{total}", String(e.length));
 	return /* @__PURE__ */ v("section", {
-		className: [pn.tasks, s ?? ""].filter(Boolean).join(" "),
+		className: [mn.tasks, s ?? ""].filter(Boolean).join(" "),
 		...c,
-		children: [t && /* @__PURE__ */ _(It, {
+		children: [t && /* @__PURE__ */ _(Lt, {
 			open: h,
 			onToggle: n ? m.toggle : void 0,
 			controls: d,
 			label: t,
 			meta: g
-		}), /* @__PURE__ */ _(Rt, {
+		}), /* @__PURE__ */ _(zt, {
 			id: d,
 			open: h,
 			children: /* @__PURE__ */ _("ol", {
-				className: pn.list,
+				className: mn.list,
 				children: /* @__PURE__ */ _(y, {
 					initial: !1,
 					children: e.map((e) => {
 						let t = e.state ?? "pending";
 						return /* @__PURE__ */ v(C.li, {
-							className: pn.item,
+							className: mn.item,
 							"data-state": t,
 							"aria-current": t === "running" ? "step" : void 0,
 							initial: f ? { opacity: 0 } : {
@@ -2804,19 +2888,19 @@ function mn({ tasks: e, title: t, collapsible: n = !1, open: r, defaultOpen: i,
 								y: -4
 							},
 							transition: { duration: f ? .12 : .2 },
-							children: [/* @__PURE__ */ _(rn, { state: t }), /* @__PURE__ */ v("span", {
-								className: pn.body,
+							children: [/* @__PURE__ */ _(an, { state: t }), /* @__PURE__ */ v("span", {
+								className: mn.body,
 								children: [
 									/* @__PURE__ */ _("span", {
-										className: pn.label,
+										className: mn.label,
 										children: e.label
 									}),
 									/* @__PURE__ */ _("span", {
-										className: pn.srOnly,
+										className: mn.srOnly,
 										children: u[t]
 									}),
 									e.detail && /* @__PURE__ */ _("span", {
-										className: pn.detail,
+										className: mn.detail,
 										children: e.detail
 									})
 								]
@@ -2828,7 +2912,7 @@ function mn({ tasks: e, title: t, collapsible: n = !1, open: r, defaultOpen: i,
 		})]
 	});
 }
-var hn = {
+var gn = {
 	chain: "ick-chain-NGeh",
 	list: "ick-list-B2Pj",
 	step: "ick-step--tPX",
@@ -2839,37 +2923,37 @@ var hn = {
 };
 //#endregion
 //#region src/ChainOfThought/ChainOfThought.tsx
-function gn({ steps: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
-	let u = H("chain", o), d = l(), f = q(), p = t === "thinking", { isOpen: m, toggle: h } = Nt({
+function _n({ steps: e, state: t = "done", duration: n, open: r, defaultOpen: i, onOpenChange: a, labels: o, className: s, ...c }) {
+	let u = H("chain", o), d = l(), f = G(), p = t === "thinking", { isOpen: m, toggle: h } = Pt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
 		preferOpen: p
-	}), g = p ? e.find((e) => (e.state ?? "done") === "running") ?? e[e.length - 1] : void 0, b = p ? "" : zt(n ?? NaN), x = `${u.through} ${e.length} ${e.length === 1 ? u.step : u.steps}`;
+	}), g = p ? e.find((e) => (e.state ?? "done") === "running") ?? e[e.length - 1] : void 0, b = p ? "" : Bt(n ?? NaN), x = `${u.through} ${e.length} ${e.length === 1 ? u.step : u.steps}`;
 	return /* @__PURE__ */ v("section", {
-		className: [hn.chain, s ?? ""].filter(Boolean).join(" "),
+		className: [gn.chain, s ?? ""].filter(Boolean).join(" "),
 		"data-state": t,
 		...c,
-		children: [/* @__PURE__ */ _(It, {
+		children: [/* @__PURE__ */ _(Lt, {
 			fit: "inline",
 			open: m,
 			onToggle: h,
 			controls: d,
-			glyph: /* @__PURE__ */ _(rn, { state: p ? "running" : "done" }),
+			glyph: /* @__PURE__ */ _(an, { state: p ? "running" : "done" }),
 			label: p ? g?.label ?? u.thinking : x,
 			pending: p,
 			meta: b || void 0
-		}), /* @__PURE__ */ _(Rt, {
+		}), /* @__PURE__ */ _(zt, {
 			id: d,
 			open: m && e.length > 0,
 			children: /* @__PURE__ */ _("ol", {
-				className: hn.list,
+				className: gn.list,
 				children: /* @__PURE__ */ _(y, {
 					initial: !1,
 					children: e.map((e) => {
 						let t = e.state ?? "done";
 						return /* @__PURE__ */ v(C.li, {
-							className: hn.step,
+							className: gn.step,
 							"data-state": t,
 							"aria-current": t === "running" ? "step" : void 0,
 							initial: f ? { opacity: 0 } : {
@@ -2886,16 +2970,16 @@ function gn({ steps: e, state: t = "done", duration: n, open: r, defaultOpen: i,
 							},
 							transition: { duration: f ? .12 : .2 },
 							children: [/* @__PURE__ */ _("span", {
-								className: hn.rail,
+								className: gn.rail,
 								"aria-hidden": !0,
-								children: /* @__PURE__ */ _(rn, { state: t })
+								children: /* @__PURE__ */ _(an, { state: t })
 							}), /* @__PURE__ */ v("span", {
-								className: hn.body,
+								className: gn.body,
 								children: [/* @__PURE__ */ _("span", {
-									className: hn.stepLabel,
+									className: gn.stepLabel,
 									children: e.label
 								}), e.body && /* @__PURE__ */ _("span", {
-									className: hn.working,
+									className: gn.working,
 									children: e.body
 								})]
 							})]
@@ -2906,7 +2990,7 @@ function gn({ steps: e, state: t = "done", duration: n, open: r, defaultOpen: i,
 		})]
 	});
 }
-var _n = {
+var vn = {
 	sources: "ick-sources-w6ma",
 	list: "ick-list-UdKr",
 	item: "ick-item-zBLs",
@@ -2919,55 +3003,55 @@ var _n = {
 };
 //#endregion
 //#region src/Sources/Sources.tsx
-function vn({ 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 = H("sources", c), p = l(), m = Nt({
+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 = H("sources", c), p = l(), m = Pt({
 		open: a,
 		defaultOpen: o,
 		onOpenChange: s,
 		preferOpen: !0
 	}), h = !n || m.isOpen, y = `${e.length} ${e.length === 1 ? f.one : f.many}`;
 	return /* @__PURE__ */ v("section", {
-		className: [_n.sources, u ?? ""].filter(Boolean).join(" "),
+		className: [vn.sources, u ?? ""].filter(Boolean).join(" "),
 		...d,
-		children: [/* @__PURE__ */ _(It, {
+		children: [/* @__PURE__ */ _(Lt, {
 			open: h,
 			onToggle: n ? m.toggle : void 0,
 			controls: p,
 			label: t ?? f.title,
 			meta: y
-		}), /* @__PURE__ */ _(Rt, {
+		}), /* @__PURE__ */ _(zt, {
 			id: p,
 			open: h && e.length > 0,
 			children: /* @__PURE__ */ _("ol", {
-				className: _n.list,
+				className: vn.list,
 				children: e.map((e, t) => {
 					let n = t + 1, a = e.id === r, o = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-						className: _n.number,
+						className: vn.number,
 						"data-active": a || void 0,
 						children: n
 					}), /* @__PURE__ */ v("span", {
-						className: _n.body,
+						className: vn.body,
 						children: [
 							/* @__PURE__ */ _("span", {
-								className: _n.name,
+								className: vn.name,
 								children: e.title
 							}),
 							e.origin && /* @__PURE__ */ _("span", {
-								className: _n.origin,
+								className: vn.origin,
 								children: e.origin
 							}),
 							e.quote && /* @__PURE__ */ _("span", {
-								className: _n.quote,
+								className: vn.quote,
 								children: e.quote
 							})
 						]
 					})] });
 					return /* @__PURE__ */ _("li", {
-						className: _n.item,
+						className: vn.item,
 						"data-active": a || void 0,
 						id: `${p}-${e.id}`,
 						children: e.url ? /* @__PURE__ */ _("a", {
-							className: _n.entry,
+							className: vn.entry,
 							href: e.url,
 							target: "_blank",
 							rel: "noreferrer noopener",
@@ -2975,7 +3059,7 @@ function vn({ sources: e, title: t, collapsible: n = !1, activeId: r = null, onS
 							onPointerDown: (e) => e.stopPropagation(),
 							children: o
 						}) : /* @__PURE__ */ _("div", {
-							className: _n.entry,
+							className: vn.entry,
 							children: o
 						})
 					}, e.id);
@@ -2984,13 +3068,13 @@ function vn({ sources: e, title: t, collapsible: n = !1, activeId: r = null, onS
 		})]
 	});
 }
-var yn = { chip: "ick-chip-FJNL" };
+var bn = { chip: "ick-chip-FJNL" };
 //#endregion
 //#region src/Chip/Chip.tsx
-function bn({ children: e, className: t }) {
-	let n = q();
+function xn({ children: e, className: t }) {
+	let n = G();
 	return /* @__PURE__ */ _(C.span, {
-		className: [yn.chip, t ?? ""].filter(Boolean).join(" "),
+		className: [bn.chip, t ?? ""].filter(Boolean).join(" "),
 		initial: n ? { opacity: 0 } : {
 			opacity: 0,
 			scale: .85
@@ -3035,7 +3119,7 @@ var X = {
 	fieldLabel: "ick-fieldLabel--DkK",
 	fieldInput: "ick-fieldInput-Er9C",
 	shellCard: "ick-shellCard-pBK9"
-}, xn = r(function({ children: e, selected: t, onCard: n, className: r, ...i }, a) {
+}, Sn = r(function({ children: e, selected: t, onCard: n, className: r, ...i }, a) {
 	return /* @__PURE__ */ _("span", {
 		ref: a,
 		className: [X.badge, r ?? ""].filter(Boolean).join(" "),
@@ -3045,8 +3129,8 @@ var X = {
 		...i,
 		children: e
 	});
-}), Sn = r(function({ letter: e, title: t, description: n, selected: r = !1, className: i, ...a }, o) {
-	let s = q();
+}), Cn = r(function({ letter: e, title: t, description: n, selected: r = !1, className: i, ...a }, o) {
+	let s = G();
 	return /* @__PURE__ */ v(C.button, {
 		ref: o,
 		type: "button",
@@ -3055,7 +3139,7 @@ var X = {
 		"aria-pressed": r,
 		whileTap: s ? void 0 : { scale: .99 },
 		...a,
-		children: [e !== void 0 && /* @__PURE__ */ _(xn, {
+		children: [e !== void 0 && /* @__PURE__ */ _(Sn, {
 			selected: r,
 			children: e
 		}), /* @__PURE__ */ v("span", {
@@ -3069,13 +3153,13 @@ var X = {
 			})]
 		})]
 	});
-}), Cn = r(function({ letter: e, label: t, value: n, onChange: r, onEnter: i, className: a, id: o, onFocus: s, onBlur: c, onKeyDown: u, ...d }, f) {
+}), wn = r(function({ letter: e, label: t, value: n, onChange: r, onEnter: i, className: a, id: o, onFocus: s, onBlur: c, onKeyDown: u, ...d }, f) {
 	let [p, h] = m(!1), g = l(), y = o ?? g;
 	return /* @__PURE__ */ v("label", {
 		className: [X.field, a ?? ""].filter(Boolean).join(" "),
 		"data-focused": p || void 0,
 		htmlFor: y,
-		children: [e !== void 0 && /* @__PURE__ */ _(xn, {
+		children: [e !== void 0 && /* @__PURE__ */ _(Sn, {
 			selected: p,
 			children: e
 		}), /* @__PURE__ */ v("span", {
@@ -3103,13 +3187,13 @@ var X = {
 			})]
 		})]
 	});
-}), wn = r(function({ letter: e, value: t, placeholder: n, onChange: r, onEnter: i, className: a, onKeyDown: o, ...s }, c) {
+}), Tn = r(function({ letter: e, value: t, placeholder: n, onChange: r, onEnter: i, className: a, onKeyDown: o, ...s }, c) {
 	let l = t.trim().length > 0;
 	return /* @__PURE__ */ v("label", {
 		className: [X.option, a ?? ""].filter(Boolean).join(" "),
 		"data-selected": l || void 0,
 		"data-other": "",
-		children: [e !== void 0 && /* @__PURE__ */ _(xn, {
+		children: [e !== void 0 && /* @__PURE__ */ _(Sn, {
 			selected: l,
 			children: e
 		}), /* @__PURE__ */ _("span", {
@@ -3129,7 +3213,7 @@ var X = {
 			})
 		})]
 	});
-}), Tn = r(function({ number: e, title: t, subtitle: n, children: r, footer: i, card: a = !0, className: o, ...s }, c) {
+}), En = r(function({ number: e, title: t, subtitle: n, children: r, footer: i, card: a = !0, className: o, ...s }, c) {
 	return /* @__PURE__ */ v("div", {
 		ref: c,
 		className: [
@@ -3141,7 +3225,7 @@ var X = {
 		children: [
 			/* @__PURE__ */ v("div", {
 				className: X.header,
-				children: [e !== void 0 && /* @__PURE__ */ _(xn, {
+				children: [e !== void 0 && /* @__PURE__ */ _(Sn, {
 					selected: !0,
 					children: e
 				}), /* @__PURE__ */ v("div", {
@@ -3168,7 +3252,7 @@ var X = {
 });
 //#endregion
 //#region src/radiusCorrection/useCorrectedRadius.ts
-function En(e) {
+function Dn(e) {
 	let [t, n] = m(void 0);
 	return d(() => {
 		let t = e.current;
@@ -3179,12 +3263,12 @@ function En(e) {
 }
 //#endregion
 //#region src/QuestionCard/QuestionCard.tsx
-var Dn = {
+var On = {
 	type: "spring",
 	stiffness: 260,
 	damping: 30
-}, On = (e, t) => Array.from(t)[e] ?? String(e + 1), kn = 300, An = 380;
-function jn(e, t) {
+}, kn = (e, t) => Array.from(t)[e] ?? String(e + 1), An = 300, jn = 380;
+function Mn(e, t) {
 	if (!t) return [];
 	if (e.type === "inputs" && "values" in t) {
 		let n = e.fields.map((e) => t.values?.[e.id]).filter(Boolean);
@@ -3202,11 +3286,11 @@ function jn(e, t) {
 	}
 	return [];
 }
-function Mn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
+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 : An);
+		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 = {
@@ -3217,17 +3301,18 @@ function Mn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 	};
 	if (e.type === "inputs") {
 		let t = () => x && r?.({ values: a });
-		return /* @__PURE__ */ _(Tn, {
+		return /* @__PURE__ */ _(En, {
 			...S,
 			footer: /* @__PURE__ */ _(V, {
 				variant: "secondary",
 				size: "m",
+				"data-ick-role": "question-next",
 				disabled: !x,
 				onClick: t,
 				children: i.next
 			}),
-			children: e.fields.map((e, n) => /* @__PURE__ */ _(Cn, {
-				letter: On(n, i.letters),
+			children: e.fields.map((e, n) => /* @__PURE__ */ _(wn, {
+				letter: kn(n, i.letters),
 				label: e.label,
 				placeholder: e.placeholder,
 				value: a[e.id] ?? "",
@@ -3243,15 +3328,15 @@ function Mn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 			}, e.id))
 		});
 	}
-	if (e.type === "single") return /* @__PURE__ */ _(Tn, {
+	if (e.type === "single") return /* @__PURE__ */ _(En, {
 		...S,
-		children: e.options.map((e, t) => /* @__PURE__ */ _(Sn, {
-			letter: On(t, i.letters),
+		children: e.options.map((e, t) => /* @__PURE__ */ _(Cn, {
+			letter: kn(t, i.letters),
 			title: e.title,
 			description: e.description,
 			selected: h === e.id,
 			onClick: () => {
-				g(e.id), setTimeout(() => r?.({ optionId: e.id }), kn);
+				g(e.id), setTimeout(() => r?.({ optionId: e.id }), An);
 			}
 		}, e.id))
 	});
@@ -3261,23 +3346,24 @@ function Mn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 			...C ? { other: C } : {}
 		});
 	};
-	return /* @__PURE__ */ v(Tn, {
+	return /* @__PURE__ */ v(En, {
 		...S,
 		footer: /* @__PURE__ */ _(V, {
+			"data-ick-role": "question-next",
 			variant: "secondary",
 			size: "m",
 			disabled: !e.allowEmpty && w,
 			onClick: T,
 			children: e.allowEmpty && w ? i.none : i.next
 		}),
-		children: [e.options.map((e, t) => /* @__PURE__ */ _(Sn, {
-			letter: On(t, i.letters),
+		children: [e.options.map((e, t) => /* @__PURE__ */ _(Cn, {
+			letter: kn(t, i.letters),
 			title: e.title,
 			description: e.description,
 			selected: s.includes(e.id),
 			onClick: () => l((t) => t.includes(e.id) ? t.filter((t) => t !== e.id) : [...t, e.id])
-		}, e.id)), e.allowOther && /* @__PURE__ */ _(wn, {
-			letter: On(e.options.length, i.letters),
+		}, e.id)), e.allowOther && /* @__PURE__ */ _(Tn, {
+			letter: kn(e.options.length, i.letters),
 			value: u,
 			placeholder: e.otherPlaceholder ?? i.other,
 			onChange: d,
@@ -3285,9 +3371,9 @@ function Mn({ question: e, number: t, answer: n, onCommit: r, labels: i }) {
 		})]
 	});
 }
-function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit: a, readOnly: o = !1, labels: s }) {
-	let c = H("question", s), l = n !== "upcoming", u = q(), d = p(null), f = En(d), m;
-	if (n === "active") m = /* @__PURE__ */ _(Mn, {
+function Pn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit: a, readOnly: o = !1, labels: s }) {
+	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,
 		answer: r,
@@ -3295,9 +3381,9 @@ function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 		labels: c
 	});
 	else if (n === "collapsed") {
-		let n = jn(e, r), i = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("span", {
+		let n = Mn(e, r), i = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("span", {
 			className: X.collapsedLabel,
-			children: [/* @__PURE__ */ _(xn, {
+			children: [/* @__PURE__ */ _(Sn, {
 				onCard: !0,
 				children: t
 			}), /* @__PURE__ */ _("span", {
@@ -3306,7 +3392,7 @@ function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 			})]
 		}), /* @__PURE__ */ v("span", {
 			className: X.collapsedAnswer,
-			children: [n.map((e, t) => /* @__PURE__ */ _(bn, { children: e }, `${e}-${t}`)), !o && /* @__PURE__ */ _(fe, {
+			children: [n.map((e, t) => /* @__PURE__ */ _(xn, { children: e }, `${e}-${t}`)), !o && /* @__PURE__ */ _(fe, {
 				className: X.pencil,
 				size: 14,
 				"aria-hidden": !0
@@ -3324,7 +3410,7 @@ function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 		});
 	} else m = /* @__PURE__ */ v("div", {
 		className: X.upcoming,
-		children: [/* @__PURE__ */ _(xn, { children: t }), /* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ _(Sn, { children: t }), /* @__PURE__ */ _("span", {
 			className: X.upcomingLabel,
 			children: e.shortTitle
 		})]
@@ -3335,7 +3421,7 @@ function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 		"data-active": n === "active" || void 0,
 		className: X.item,
 		"data-card": l || void 0,
-		transition: { layout: Dn },
+		transition: { layout: On },
 		style: { borderRadius: f },
 		children: /* @__PURE__ */ _(y, {
 			mode: "popLayout",
@@ -3359,7 +3445,7 @@ function Nn({ question: e, number: t, state: n, answer: r, onCommit: i, onEdit:
 		})
 	});
 }
-var Pn = {
+var Fn = {
 	group: "ick-group-pPcU",
 	body: "ick-body-lHD3",
 	list: "ick-list-7cp2",
@@ -3367,7 +3453,7 @@ var Pn = {
 	summary: "ick-summary-eb2t",
 	count: "ick-count-eHDc",
 	summaryList: "ick-summaryList-2sOL"
-}, Fn = 3, In = {
+}, In = 3, Ln = {
 	visualDuration: .34,
 	bounce: .1,
 	rowDuration: .3,
@@ -3378,18 +3464,18 @@ var Pn = {
 	fadeOut: .08,
 	fadeInDelay: .08
 };
-function Ln({ 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 = En(T), D = H("questionGroup", u), O = q(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
-		...In,
+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 = H("questionGroup", u), O = G(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
+		...Ln,
 		...d
 	}, M = O ? { duration: 0 } : {
 		type: "spring",
 		visualDuration: j.visualDuration,
 		bounce: j.bounce
-	}, ee = {
+	}, N = {
 		hidden: { transition: { staggerChildren: O ? 0 : j.stagger } },
 		shown: { transition: { staggerChildren: O ? 0 : j.stagger } }
-	}, te = (e, t = 0) => O ? { duration: 0 } : {
+	}, ee = (e, t = 0) => O ? { duration: 0 } : {
 		type: "spring",
 		visualDuration: j.rowDuration,
 		bounce: j.rowBounce,
@@ -3398,19 +3484,19 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 			duration: e,
 			delay: t
 		}
-	}, N = {
+	}, te = {
 		hidden: {
 			opacity: 0,
 			y: O ? 0 : j.rowOffset,
-			transition: te(j.fadeOut)
+			transition: ee(j.fadeOut)
 		},
 		shown: {
 			opacity: 1,
 			y: 0,
-			transition: te(j.fadeIn, O ? 0 : j.fadeInDelay)
+			transition: ee(j.fadeIn, O ? 0 : j.fadeInDelay)
 		}
 	}, P = {
-		variants: ee,
+		variants: N,
 		initial: "hidden",
 		animate: "shown",
 		exit: "hidden",
@@ -3424,13 +3510,13 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 			ref: T,
 			layout: !O,
 			transition: M,
-			className: [Pn.group, f ?? ""].filter(Boolean).join(" "),
+			className: [Fn.group, f ?? ""].filter(Boolean).join(" "),
 			"data-moving": x || void 0,
 			style: { borderRadius: E },
 			children: [(t || a) && /* @__PURE__ */ _(C.div, {
 				layout: !O && "position",
 				transition: M,
-				children: /* @__PURE__ */ _(It, {
+				children: /* @__PURE__ */ _(Lt, {
 					open: !k,
 					onToggle: a ? () => {
 						S(!0), g((e) => !e);
@@ -3442,34 +3528,34 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 				id: w,
 				layout: !O && "position",
 				transition: M,
-				className: Pn.body,
+				className: Fn.body,
 				children: /* @__PURE__ */ _(y, {
 					initial: !1,
 					mode: "popLayout",
 					children: k ? /* @__PURE__ */ _(C.div, {
 						...P,
 						children: /* @__PURE__ */ v(C.div, {
-							variants: N,
-							className: Pn.summary,
+							variants: te,
+							className: Fn.summary,
 							children: [/* @__PURE__ */ v("span", {
-								className: Pn.count,
+								className: Fn.count,
 								children: [
 									n.length,
 									" ",
 									D.answers
 								]
 							}), /* @__PURE__ */ _("span", {
-								className: Pn.summaryList,
+								className: Fn.summaryList,
 								children: A
 							})]
 						})
 					}, "summary") : /* @__PURE__ */ _(C.div, {
-						className: Pn.list,
+						className: Fn.list,
 						...P,
 						children: n.map((e, t) => /* @__PURE__ */ _(C.div, {
-							variants: N,
-							className: Pn.row,
-							children: /* @__PURE__ */ _(Nn, {
+							variants: te,
+							className: Fn.row,
+							children: /* @__PURE__ */ _(Pn, {
 								question: e,
 								number: t + 1,
 								state: t === i ? "active" : r[e.id] ? "collapsed" : "upcoming",
@@ -3485,59 +3571,60 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 		})
 	});
 }
-var Rn = { message: "ick-message-wTar" };
+var zn = { message: "ick-message-wTar" };
 //#endregion
 //#region src/SystemMessage/SystemMessage.tsx
-function zn({ children: e, tone: t = "notice", className: n, ...r }) {
+function Bn({ children: e, tone: t = "notice", className: n, ...r }) {
 	return /* @__PURE__ */ _("div", {
-		className: [Rn.message, n ?? ""].filter(Boolean).join(" "),
+		className: [zn.message, n ?? ""].filter(Boolean).join(" "),
 		"data-tone": t,
 		...r,
 		children: e
 	});
 }
-var Bn = {
+var Vn = {
 	artifact: "ick-artifact-rz53",
 	card: "ick-card-iGYJ",
 	head: "ick-head-XVNm",
 	title: "ick-title-1JVB",
 	"artifact-sweep": "ick-artifact-sweep-19ol",
 	meta: "ick-meta-vxo7",
+	grows: "ick-grows-v7GM",
 	preview: "ick-preview-jRni",
 	text: "ick-text-uJx8",
 	waiting: "ick-waiting-ADQs"
-}, Vn = 8;
-function Hn(e, t) {
+}, Hn = 8;
+function Un(e, t) {
 	let n = e.split("\n");
 	return {
 		shown: n.slice(0, t).join("\n"),
 		more: n.length > t
 	};
 }
-function Un({ id: e, title: t, meta: n, kind: r = "code", lang: i, content: a, state: o = "done", lines: s = Vn, onOpen: c, open: l, className: u, ...d }) {
-	let f = o === "writing", p = a ? Hn(a, s) : null, m = /* @__PURE__ */ _("div", {
-		className: Bn.preview,
+function Wn({ id: e, title: t, meta: n, kind: r = "code", lang: i, content: a, state: o = "done", lines: s = Hn, onOpen: c, open: l, className: u, ...d }) {
+	let f = o === "writing", p = a ? Un(a, s) : null, m = /* @__PURE__ */ _(Kn, { children: /* @__PURE__ */ _("div", {
+		className: Vn.preview,
 		"data-more": p?.more || void 0,
 		"aria-hidden": !0,
 		children: p === null ? /* @__PURE__ */ _("div", {
-			className: Bn.waiting,
-			children: /* @__PURE__ */ _(Mt, {})
-		}) : r === "code" ? /* @__PURE__ */ _(tn, {
+			className: Vn.waiting,
+			children: /* @__PURE__ */ _(Nt, {})
+		}) : r === "code" ? /* @__PURE__ */ _(nn, {
 			code: p.shown,
 			lang: i,
 			label: !1,
 			copyable: !1
 		}) : /* @__PURE__ */ _("p", {
-			className: Bn.text,
+			className: Vn.text,
 			children: p.shown
 		})
-	}), h = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(Wn, {
+	}) }), h = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(Gn, {
 		title: t,
 		meta: n,
 		writing: f
-	}), m] }), y = { className: Bn.card };
+	}), m] }), y = { className: Vn.card };
 	return /* @__PURE__ */ _("div", {
-		className: [Bn.artifact, u ?? ""].filter(Boolean).join(" "),
+		className: [Vn.artifact, u ?? ""].filter(Boolean).join(" "),
 		"data-state": o,
 		"data-open": l || void 0,
 		...d,
@@ -3553,36 +3640,62 @@ function Un({ id: e, title: t, meta: n, kind: r = "code", lang: i, content: a, s
 		})
 	});
 }
-function Wn({ title: e, meta: t, writing: n }) {
+function Gn({ title: e, meta: t, writing: n }) {
 	return /* @__PURE__ */ v("span", {
-		className: Bn.head,
+		className: Vn.head,
 		children: [/* @__PURE__ */ _("span", {
-			className: Bn.title,
+			className: Vn.title,
 			"data-writing": n || void 0,
 			children: e
 		}), t && /* @__PURE__ */ _("span", {
-			className: Bn.meta,
+			className: Vn.meta,
 			children: t
 		})]
 	});
 }
+function Kn({ children: e }) {
+	let t = p(null), [n, r] = m("auto");
+	return d(() => {
+		let e = t.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(() => r(e.offsetHeight));
+		return n.observe(e), () => n.disconnect();
+	}, []), /* @__PURE__ */ _(C.div, {
+		className: Vn.grows,
+		initial: !1,
+		animate: { height: n },
+		transition: {
+			duration: G() ? 0 : .22,
+			ease: [
+				.32,
+				.72,
+				0,
+				1
+			]
+		},
+		children: /* @__PURE__ */ _("div", {
+			ref: t,
+			children: e
+		})
+	});
+}
 //#endregion
 //#region src/markdown/parse.ts
-var Gn = "\\`*_{}[]()#+-.!>~|", Kn = (e) => e === void 0 || /\s/.test(e);
-function qn(e, t, n, r) {
+var qn = "\\`*_{}[]()#+-.!>~|", Jn = (e) => e === void 0 || /\s/.test(e);
+function Yn(e, t, n, r) {
 	let i = e[t + n];
-	return !(Kn(i) || r === "_" && /[\w]/.test(e[t - 1] ?? ""));
+	return !(Jn(i) || r === "_" && /[\w]/.test(e[t - 1] ?? ""));
 }
-function Jn(e, t, n, r) {
+function Xn(e, t, n, r) {
 	let i = e[t - 1];
-	return !(Kn(i) || r === "_" && /[\w]/.test(e[t + n] ?? ""));
+	return !(Jn(i) || r === "_" && /[\w]/.test(e[t + n] ?? ""));
 }
-function Yn(e, t, n) {
+function Zn(e, t, n) {
 	let r = 0;
 	for (; e[t + r] === n;) r++;
 	return r;
 }
-function Xn(e, t) {
+function Qn(e, t) {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -3591,7 +3704,7 @@ function Xn(e, t) {
 			continue;
 		}
 		if (t === "`") {
-			let t = Yn(e, r, "`"), n = e.indexOf("`".repeat(t), r + t);
+			let t = Zn(e, r, "`"), n = e.indexOf("`".repeat(t), r + t);
 			r = n === -1 ? e.length : n + t - 1;
 			continue;
 		}
@@ -3600,7 +3713,7 @@ function Xn(e, t) {
 	}
 	return -1;
 }
-function Zn(e, t) {
+function $n(e, t) {
 	if (e[t] !== "(") return null;
 	let n = 0, r = -1;
 	for (let i = t; i < e.length; i++) {
@@ -3622,8 +3735,8 @@ function Zn(e, t) {
 		end: r + 1
 	};
 }
-var Qn = /^<\/?[A-Za-z][A-Za-z0-9-]*(\s[^<>]*?)?\/?>|^<!--[\s\S]*?-->/;
-function $n(e) {
+var er = /^<\/?[A-Za-z][A-Za-z0-9-]*(\s[^<>]*?)?\/?>|^<!--[\s\S]*?-->/;
+function tr(e) {
 	let t = [], n = "", r = () => {
 		n && t.push({
 			type: "text",
@@ -3638,7 +3751,7 @@ function $n(e) {
 				r(), t.push({ type: "break" }), i += 2;
 				continue;
 			}
-			if (o && Gn.includes(o)) {
+			if (o && qn.includes(o)) {
 				n += o, i += 2;
 				continue;
 			}
@@ -3651,7 +3764,7 @@ function $n(e) {
 			continue;
 		}
 		if (a === "`") {
-			let n = Yn(e, i, "`"), a = e.indexOf("`".repeat(n), i + n);
+			let n = Zn(e, i, "`"), a = e.indexOf("`".repeat(n), i + n);
 			if (a !== -1 && !e.slice(i + n, a).startsWith("`")) {
 				r();
 				let o = e.slice(i + n, a);
@@ -3663,7 +3776,7 @@ function $n(e) {
 			}
 		}
 		if (a === "!" && e[i + 1] === "[") {
-			let n = Xn(e, i + 1), a = n === -1 ? null : Zn(e, n + 1);
+			let n = Qn(e, i + 1), a = n === -1 ? null : $n(e, n + 1);
 			if (a) {
 				r(), t.push({
 					type: "image",
@@ -3684,13 +3797,13 @@ function $n(e) {
 			}
 		}
 		if (a === "[") {
-			let n = Xn(e, i), a = n === -1 ? null : Zn(e, n + 1);
+			let n = Qn(e, i), a = n === -1 ? null : $n(e, n + 1);
 			if (a) {
 				r(), t.push({
 					type: "link",
 					url: a.url,
 					...a.title ? { title: a.title } : {},
-					children: $n(e.slice(i + 1, n))
+					children: tr(e.slice(i + 1, n))
 				}), i = a.end;
 				continue;
 			}
@@ -3700,14 +3813,14 @@ function $n(e) {
 			if (n !== -1 && n > i + 2) {
 				r(), t.push({
 					type: "delete",
-					children: $n(e.slice(i + 2, n))
+					children: tr(e.slice(i + 2, n))
 				}), i = n + 2;
 				continue;
 			}
 		}
 		if (a === "*" || a === "_") {
-			let n = Math.min(Yn(e, i, a), 2);
-			if (qn(e, i, n, a)) {
+			let n = Math.min(Zn(e, i, a), 2);
+			if (Yn(e, i, n, a)) {
 				let o = i + n, s = -1;
 				for (; o < e.length;) {
 					if (e[o] === "\\") {
@@ -3715,8 +3828,8 @@ function $n(e) {
 						continue;
 					}
 					if (e[o] === a) {
-						let t = Yn(e, o, a);
-						if (t >= n && Jn(e, o, n, a)) {
+						let t = Zn(e, o, a);
+						if (t >= n && Xn(e, o, n, a)) {
 							s = o;
 							break;
 						}
@@ -3727,7 +3840,7 @@ function $n(e) {
 				}
 				if (s !== -1 && s > i + n) {
 					r();
-					let a = $n(e.slice(i + n, s));
+					let a = tr(e.slice(i + n, s));
 					t.push(n === 2 ? {
 						type: "strong",
 						children: a
@@ -3740,7 +3853,7 @@ function $n(e) {
 			}
 		}
 		if (a === "<") {
-			let n = e.slice(i).match(Qn);
+			let n = e.slice(i).match(er);
 			if (n) {
 				r(), t.push({
 					type: "html",
@@ -3753,8 +3866,8 @@ function $n(e) {
 	}
 	return r(), t;
 }
-var er = /^ {0,3}(`{3,}|~{3,})\s*([^`\s]*)[^`]*$/, tr = /^ {0,3}(#{1,6})(?:\s+(.*?))?\s*#*\s*$/, nr = /^ {0,3}(?:(?:\*\s*){3,}|(?:-\s*){3,}|(?:_\s*){3,})$/, rr = /^ {0,3}>\s?/, ir = /^(\s*)([-*+])(\s+)(.*)$/, ar = /^(\s*)(\d{1,9})([.)])(\s+)(.*)$/, or = /^ {0,3}\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/, sr = /^:?-+:?$/, cr = /^\s*$/;
-function lr(e) {
+var nr = /^ {0,3}(`{3,}|~{3,})\s*([^`\s]*)[^`]*$/, rr = /^ {0,3}(#{1,6})(?:\s+(.*?))?\s*#*\s*$/, ir = /^ {0,3}(?:(?:\*\s*){3,}|(?:-\s*){3,}|(?:_\s*){3,})$/, ar = /^ {0,3}>\s?/, or = /^(\s*)([-*+])(\s+)(.*)$/, sr = /^(\s*)(\d{1,9})([.)])(\s+)(.*)$/, cr = /^ {0,3}\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/, lr = /^:?-+:?$/, ur = /^\s*$/;
+function dr(e) {
 	let t = e.trim().replace(/^\|/, "").replace(/\|$/, ""), n = [], r = "";
 	for (let e = 0; e < t.length; e++) {
 		if (t[e] === "\\" && t[e + 1] === "|") {
@@ -3769,16 +3882,16 @@ function lr(e) {
 	}
 	return n.push(r.trim()), n;
 }
-var ur = (e) => er.test(e) || tr.test(e) || nr.test(e) || rr.test(e) || ir.test(e) || ar.test(e);
-function dr(e) {
+var fr = (e) => nr.test(e) || rr.test(e) || ir.test(e) || ar.test(e) || or.test(e) || sr.test(e);
+function pr(e) {
 	let t = e.replace(/\r\n?/g, "\n").split("\n"), n = [], r = 0;
 	for (; r < t.length;) {
 		let e = t[r];
-		if (cr.test(e)) {
+		if (ur.test(e)) {
 			r++;
 			continue;
 		}
-		let i = e.match(er);
+		let i = e.match(nr);
 		if (i) {
 			let e = i[1][0], a = i[1].length, o = [];
 			for (r++; r < t.length;) {
@@ -3795,44 +3908,44 @@ function dr(e) {
 			});
 			continue;
 		}
-		let a = e.match(tr);
+		let a = e.match(rr);
 		if (a) {
 			n.push({
 				type: "heading",
 				depth: a[1].length,
-				children: $n(a[2] ?? "")
+				children: tr(a[2] ?? "")
 			}), r++;
 			continue;
 		}
-		if (nr.test(e)) {
+		if (ir.test(e)) {
 			n.push({ type: "thematicBreak" }), r++;
 			continue;
 		}
-		if (rr.test(e)) {
+		if (ar.test(e)) {
 			let e = [];
-			for (; r < t.length && !cr.test(t[r]);) e.push(t[r].replace(rr, "")), r++;
+			for (; r < t.length && !ur.test(t[r]);) e.push(t[r].replace(ar, "")), r++;
 			n.push({
 				type: "blockquote",
-				children: dr(e.join("\n"))
+				children: pr(e.join("\n"))
 			});
 			continue;
 		}
-		let o = e.includes("|") && r + 1 < t.length && or.test(t[r + 1]) ? lr(t[r + 1]) : null;
-		if (o && o.length === lr(e).length && o.every((e) => sr.test(e))) {
-			let i = lr(e), a = [{
+		let o = e.includes("|") && r + 1 < t.length && cr.test(t[r + 1]) ? dr(t[r + 1]) : null;
+		if (o && o.length === dr(e).length && o.every((e) => lr.test(e))) {
+			let i = dr(e), a = [{
 				type: "tableRow",
 				children: i.map((e) => ({
 					type: "tableCell",
-					children: $n(e)
+					children: tr(e)
 				}))
 			}];
-			for (r += 2; r < t.length && !cr.test(t[r]) && t[r].includes("|");) {
-				let e = lr(t[r]);
+			for (r += 2; r < t.length && !ur.test(t[r]) && t[r].includes("|");) {
+				let e = dr(t[r]);
 				a.push({
 					type: "tableRow",
 					children: i.map((t, n) => ({
 						type: "tableCell",
-						children: $n(e[n] ?? "")
+						children: tr(e[n] ?? "")
 					}))
 				}), r++;
 			}
@@ -3842,16 +3955,16 @@ function dr(e) {
 			});
 			continue;
 		}
-		let s = e.match(ir), c = e.match(ar);
+		let s = e.match(or), c = e.match(sr);
 		if (s || c) {
 			let e = !!c, i = c ? Number(c[2]) : void 0, a = [];
 			for (; r < t.length;) {
-				let n = t[r].match(ir), i = t[r].match(ar), o = e ? i : n;
+				let n = t[r].match(or), i = t[r].match(sr), o = e ? i : n;
 				if (!o || !!i !== e) break;
 				let s = e ? o[1].length + o[2].length + 1 + o[4].length : o[1].length + 1 + o[3].length, c = [e ? o[5] : o[4]];
 				for (r++; r < t.length;) {
 					let e = t[r];
-					if (cr.test(e)) {
+					if (ur.test(e)) {
 						let e = t[r + 1];
 						if (e !== void 0 && RegExp(`^ {${s},}\\S`).test(e)) {
 							c.push(""), r++;
@@ -3863,12 +3976,12 @@ function dr(e) {
 						c.push(e.slice(s)), r++;
 						continue;
 					}
-					if (ir.test(e) || ar.test(e) || ur(e)) break;
+					if (or.test(e) || sr.test(e) || fr(e)) break;
 					c.push(e.trim()), r++;
 				}
 				a.push({
 					type: "listItem",
-					children: dr(c.join("\n"))
+					children: pr(c.join("\n"))
 				});
 			}
 			n.push({
@@ -3880,25 +3993,25 @@ function dr(e) {
 			continue;
 		}
 		let l = [];
-		for (; r < t.length && !cr.test(t[r]) && !(l.length && ur(t[r]) || l.length && t[r].includes("|") && r + 1 < t.length && or.test(t[r + 1]));) l.push(t[r]), r++;
+		for (; r < t.length && !ur.test(t[r]) && !(l.length && fr(t[r]) || l.length && t[r].includes("|") && r + 1 < t.length && cr.test(t[r + 1]));) l.push(t[r]), r++;
 		let u = l.map((e) => e.replace(/^[ \t]+/, "")).join("\n").replace(/\s+$/, "");
 		n.push({
 			type: "paragraph",
-			children: $n(u)
+			children: tr(u)
 		});
 	}
 	return n;
 }
 //#endregion
 //#region src/markdown/parseMarkdown.ts
-var fr = "\n\n", pr = [
+var mr = "\n\n", hr = [
 	"h1",
 	"h2",
 	"h3",
 	"h4",
 	"h5",
 	"h6"
-], mr = class {
+], gr = class {
 	tokens = [];
 	text(e) {
 		let t = [];
@@ -3909,7 +4022,7 @@ var fr = "\n\n", pr = [
 		return t;
 	}
 	break() {
-		this.tokens.push(fr);
+		this.tokens.push(mr);
 	}
 }, Z = (e, t, n) => ({
 	type: "el",
@@ -3917,29 +4030,29 @@ var fr = "\n\n", pr = [
 	children: t,
 	...n ? { props: n } : {}
 });
-function hr(e, t, n) {
+function _r(e, t, n) {
 	return e.map((e, r) => (r > 0 && t.break(), n(e)));
 }
-function gr(e, t) {
+function vr(e, t) {
 	let n = [];
 	for (let r of e) switch (r.type) {
 		case "text":
 			n.push(...t.text(r.value));
 			break;
 		case "strong":
-			n.push(Z("strong", gr(r.children, t)));
+			n.push(Z("strong", vr(r.children, t)));
 			break;
 		case "emphasis":
-			n.push(Z("em", gr(r.children, t)));
+			n.push(Z("em", vr(r.children, t)));
 			break;
 		case "delete":
-			n.push(Z("del", gr(r.children, t)));
+			n.push(Z("del", vr(r.children, t)));
 			break;
 		case "inlineCode":
 			n.push(Z("code", t.text(r.value)));
 			break;
 		case "link":
-			n.push(Z("a", gr(r.children, t), {
+			n.push(Z("a", vr(r.children, t), {
 				href: r.url,
 				target: "_blank",
 				rel: "noopener noreferrer",
@@ -3958,25 +4071,25 @@ function gr(e, t) {
 		case "break":
 			n.push(Z("br", []));
 			break;
-		default: "children" in r && Array.isArray(r.children) && n.push(...gr(r.children, t));
+		default: "children" in r && Array.isArray(r.children) && n.push(...vr(r.children, t));
 	}
 	return n;
 }
-function _r(e, t) {
+function yr(e, t) {
 	let n = [];
 	return e.forEach((e, r) => {
 		switch (r > 0 && t.break(), e.type) {
 			case "paragraph":
-				n.push(Z("p", gr(e.children, t)));
+				n.push(Z("p", vr(e.children, t)));
 				break;
 			case "heading":
-				n.push(Z(pr[e.depth - 1] ?? "h6", gr(e.children, t)));
+				n.push(Z(hr[e.depth - 1] ?? "h6", vr(e.children, t)));
 				break;
 			case "list":
-				n.push(Z(e.ordered ? "ol" : "ul", hr(e.children, t, (e) => Z("li", _r(e.children, t))), e.ordered && e.start != null && e.start !== 1 ? { start: String(e.start) } : void 0));
+				n.push(Z(e.ordered ? "ol" : "ul", _r(e.children, t, (e) => Z("li", yr(e.children, t))), e.ordered && e.start != null && e.start !== 1 ? { start: String(e.start) } : void 0));
 				break;
 			case "blockquote":
-				n.push(Z("blockquote", _r(e.children, t)));
+				n.push(Z("blockquote", yr(e.children, t)));
 				break;
 			case "code":
 				n.push({
@@ -3989,24 +4102,24 @@ function _r(e, t) {
 				n.push(Z("hr", []));
 				break;
 			case "table": {
-				let [r, ...i] = e.children, a = (e, n) => hr(e.children, t, (e) => Z(n, gr(e.children, t))), o = r ? Z("thead", [Z("tr", a(r, "th"))]) : null;
+				let [r, ...i] = e.children, a = (e, n) => _r(e.children, t, (e) => Z(n, vr(e.children, t))), o = r ? Z("thead", [Z("tr", a(r, "th"))]) : null;
 				o && i.length && t.break();
-				let s = i.length ? Z("tbody", hr(i, t, (e) => Z("tr", a(e, "td")))) : null;
+				let s = i.length ? Z("tbody", _r(i, t, (e) => Z("tr", a(e, "td")))) : null;
 				n.push(Z("table", [o, s].filter((e) => e !== null)));
 				break;
 			}
-			default: "children" in e && Array.isArray(e.children) && n.push(...gr(e.children, t));
+			default: "children" in e && Array.isArray(e.children) && n.push(...vr(e.children, t));
 		}
 	}), n;
 }
-function vr(e) {
-	let t = new mr(), n = _r(dr(e), t);
+function br(e) {
+	let t = new gr(), n = yr(pr(e), t);
 	return {
 		tokens: t.tokens,
 		nodes: n
 	};
 }
-var yr = {
+var xr = {
 	citation: "ick-citation-3Yqh",
 	marked: "ick-marked-MYhj",
 	passage: "ick-passage-QMNg",
@@ -4014,16 +4127,16 @@ var yr = {
 };
 //#endregion
 //#region src/InlineCitation/InlineCitation.tsx
-function br({ index: e, source: t, children: n, onSelect: r, labels: i, className: a, ...o }) {
+function Sr({ index: e, source: t, children: n, onSelect: r, labels: i, className: a, ...o }) {
 	let { cite: s } = H("citation", i), c = t ? `${s} ${e}: ${t.title}` : `${s} ${e}`, l = r ? /* @__PURE__ */ _("button", {
 		type: "button",
-		className: yr.marker,
+		className: xr.marker,
 		onClick: () => r(e, t),
 		onPointerDown: (e) => e.stopPropagation(),
 		"aria-label": c,
 		children: e
 	}) : /* @__PURE__ */ _("span", {
-		className: yr.marker,
+		className: xr.marker,
 		"data-static": "",
 		"aria-label": c,
 		role: "note",
@@ -4031,22 +4144,22 @@ function br({ index: e, source: t, children: n, onSelect: r, labels: i, classNam
 	});
 	return n ? /* @__PURE__ */ v("span", {
 		className: [
-			yr.citation,
-			yr.marked,
+			xr.citation,
+			xr.marked,
 			a ?? ""
 		].filter(Boolean).join(" "),
 		...o,
 		children: [/* @__PURE__ */ _("span", {
-			className: yr.passage,
+			className: xr.passage,
 			children: n
 		}), l]
 	}) : /* @__PURE__ */ _("span", {
-		className: [yr.citation, a ?? ""].filter(Boolean).join(" "),
+		className: [xr.citation, a ?? ""].filter(Boolean).join(" "),
 		...o,
 		children: l
 	});
 }
-var xr = {
+var Cr = {
 	marker: "ick-marker-BYwC",
 	shimmer: "ick-shimmer-InQp",
 	"shimmer-sweep": "ick-shimmer-sweep-O8S3",
@@ -4057,21 +4170,21 @@ var xr = {
 	canvas: "ick-canvas-IRKL",
 	menu: "ick-menu-gZzr",
 	srOnly: "ick-srOnly-Q3GJ"
-}, Sr = -20, Cr = Math.tan(Sr * Math.PI / 180), wr = (e) => {
+}, wr = -20, Tr = Math.tan(wr * Math.PI / 180), Er = (e) => {
 	if (e.length === 0) return "";
 	let t = e[0], n = `M ${t.x} ${t.y}`;
 	for (let t = 1; t < e.length; t++) n += ` L ${e[t].x} ${e[t].y}`;
 	return n;
-}, Tr = (e) => {
+}, Dr = (e) => {
 	let t = Infinity, n = -Infinity, r = Infinity;
 	return e.forEach((e) => {
-		let i = e.x + Cr * e.y;
+		let i = e.x + Tr * e.y;
 		i < t && (t = i), i > n && (n = i), e.y < r && (r = e.y);
 	}), {
 		x: (t + n) / 2,
 		y: r
 	};
-}, Er = (e) => {
+}, Or = (e) => {
 	let t = Infinity, n = -Infinity, r = Infinity;
 	return e.forEach((e) => {
 		e.x < t && (t = e.x), e.x + e.w > n && (n = e.x + e.w), e.y < r && (r = e.y);
@@ -4079,44 +4192,44 @@ var xr = {
 		x: (t + n) / 2,
 		y: r
 	};
-}, Dr = (e, t) => {
+}, kr = (e, t) => {
 	if (e.size === 0) return "";
 	let n = [...e].sort((e, t) => e - t), r = "";
 	for (let e = n[0]; e <= n[n.length - 1]; e++) r += t[e];
 	return r.trim();
-}, Or = (e, t = 60) => e.length > t ? `${e.slice(0, t).trimEnd()}…` : e, kr = (e) => {
+}, Ar = (e, t = 60) => e.length > t ? `${e.slice(0, t).trimEnd()}…` : e, jr = (e) => {
 	let t = "";
 	return e.forEach((e) => {
-		let n = e.y + e.h / 2, r = e.x - n * Cr, i = e.x + e.w - n * Cr;
+		let n = e.y + e.h / 2, r = e.x - n * Tr, i = e.x + e.w - n * Tr;
 		t += `M ${r} ${n} L ${i} ${n} `;
 	}), t.trim();
 };
-function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlightComplete: a, onReplyInThread: s, sources: u, onSelectSource: d }) {
-	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, ee] = m(0), te = p(null), N = p(null), [P, F] = m(null), [ne, I] = m(null), re = o((e) => {
-		e.viaKeyboard && (N.current = document.activeElement), ee(0), j(e);
-	}, []), L = o((e = "none") => {
-		let t = N.current;
-		N.current = null, j(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : g.current?.focus());
+function Mr({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlightComplete: a, onReplyInThread: s, sources: u, onSelectSource: d }) {
+	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) && L();
+			A && g.current && !g.current.contains(e.target) && re();
 		};
 		return window.addEventListener("pointerdown", e), () => window.removeEventListener("pointerdown", e);
-	}, [A, L]);
-	let ie = f(() => vr(t), [t]), R = ie.tokens, oe = p(w), se = p(a), ce = p(A);
+	}, [A, re]);
+	let ie = f(() => br(t), [t]), R = ie.tokens, oe = p(w), se = p(a), ce = p(A);
 	c(() => {
 		oe.current = w, se.current = a, ce.current = A;
 	});
 	let le = f(() => [...b.map((e) => ({
 		id: e.id,
-		d: wr(e.points),
+		d: Er(e.points),
 		kind: "path",
 		item: e,
-		text: Dr(e.highlightedIndices, R)
+		text: kr(e.highlightedIndices, R)
 	})), ...w.map((e) => ({
 		id: e.id,
-		d: kr(e.rects),
+		d: jr(e.rects),
 		kind: "selection",
 		item: e,
 		text: e.text
@@ -4125,8 +4238,8 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		w,
 		R
 	]), ue = (e, t = !1) => {
-		let n = e.kind === "path" ? Tr(e.item.points) : Er(e.item.rects);
-		re({
+		let n = e.kind === "path" ? Dr(e.item.points) : Or(e.item.rects);
+		L({
 			x: n.x,
 			y: n.y,
 			pathId: e.id,
@@ -4167,15 +4280,15 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			text: i,
 			highlightedIndices: a
 		}]);
-		let d = Er(l);
-		re({
+		let d = Or(l);
+		L({
 			x: d.x,
 			y: d.y,
 			pathId: u,
 			kind: "selection",
 			viaKeyboard: n
 		});
-	}, [re]);
+	}, [L]);
 	c(() => {
 		let e = (e) => {
 			if (ce.current) return;
@@ -4210,27 +4323,27 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		let i = "";
 		for (let e = ye.from; e <= ye.to; e++) i += R[e];
 		de(r, i, !0), be();
-	}, Ce = () => [...te.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
+	}, Ce = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
 	c(() => {
 		if (!A) return;
 		let e = Ce();
 		if (e.length === 0) return;
-		let t = te.current?.contains(document.activeElement);
+		let t = ee.current?.contains(document.activeElement);
 		(A.viaKeyboard || t) && e[Math.min(M, e.length - 1)]?.focus();
 	}, [A, M]);
 	let we = (e) => {
 		let t = Ce().length;
 		if (t === 0) return;
 		let n = (n) => {
-			e.preventDefault(), e.stopPropagation(), ee((e) => (e + n + t) % t);
+			e.preventDefault(), e.stopPropagation(), N((e) => (e + n + t) % t);
 		};
 		switch (e.key) {
 			case "ArrowRight":
 			case "ArrowDown": return n(1);
 			case "ArrowLeft":
 			case "ArrowUp": return n(-1);
-			case "Home": return e.preventDefault(), ee(0);
-			case "End": return e.preventDefault(), ee(t - 1);
+			case "Home": return e.preventDefault(), N(0);
+			case "End": return e.preventDefault(), N(t - 1);
 			default: return;
 		}
 	}, B = (e) => {
@@ -4249,7 +4362,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			case "End": return n(pe[pe.length - 1]);
 			case "Enter":
 			case " ": return ye ? (e.preventDefault(), xe()) : void 0;
-			case "Escape": return !A && me === null ? void 0 : (e.preventDefault(), L("restore"), be());
+			case "Escape": return !A && me === null ? void 0 : (e.preventDefault(), re("restore"), be());
 			default: return;
 		}
 	}, Te = (e, t, n) => {
@@ -4260,14 +4373,14 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		}
 	}, Ee = (e) => {
 		if (A) {
-			L();
+			re();
 			return;
 		}
 		if (i === "precise" || e.button !== 0 && e.pointerType === "mouse") return;
 		e.preventDefault(), k(!0);
 		let t = e.currentTarget;
 		t.setPointerCapture(e.pointerId);
-		let n = t.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = r - a * Cr, s = {
+		let n = t.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = r - a * Tr, s = {
 			id: Date.now().toString(),
 			points: [{
 				x: o,
@@ -4275,10 +4388,10 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			}],
 			highlightedIndices: /* @__PURE__ */ new Set()
 		};
-		D(s), L(), Te(e.clientX, e.clientY, s.highlightedIndices);
+		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 * Cr;
+		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);
@@ -4294,24 +4407,24 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 	}, Oe = (e) => {
 		if (i !== "precise" && (k(!1), E)) {
 			if (e.currentTarget.releasePointerCapture(e.pointerId), S((e) => [...e, E]), E.highlightedIndices.size > 0) {
-				let e = Tr(E.points);
-				re({
+				let e = Dr(E.points);
+				L({
 					x: e.x,
 					y: e.y,
 					pathId: E.id,
 					kind: "path"
 				});
 			}
-			a && E.highlightedIndices.size > 0 && a(Dr(E.highlightedIndices, R)), D(null);
+			a && E.highlightedIndices.size > 0 && a(kr(E.highlightedIndices, R)), 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 ? Dr(t.highlightedIndices, R) : "";
+		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)), L(t ? "container" : "none");
+		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) {
@@ -4330,7 +4443,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 				t && s(e, t.getBoundingClientRect());
 			}
 		}
-		L(e ? "restore" : "none");
+		re(e ? "restore" : "none");
 	}, Ne = (e) => {
 		let t = R[e];
 		if (!r) return t;
@@ -4339,7 +4452,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		let i = !1;
 		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: xr.token,
+			className: Cr.token,
 			"data-space": !t.trim() || void 0,
 			"data-active": n || void 0,
 			"data-pressed": i || void 0,
@@ -4349,13 +4462,13 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		}, e);
 	}, Pe = (e) => e.map((e, t) => {
 		if (e.type === "token") return Ne(e.index);
-		if (e.type === "code") return /* @__PURE__ */ _(tn, {
+		if (e.type === "code") return /* @__PURE__ */ _(nn, {
 			code: e.value,
 			lang: e.lang
 		}, `c${t}`);
 		if (e.type === "el" && e.tag === "cite") {
 			let n = Number(e.props?.index ?? 0);
-			return /* @__PURE__ */ _(br, {
+			return /* @__PURE__ */ _(Sr, {
 				index: n,
 				source: u?.[n - 1],
 				onSelect: d ? (e, t) => d(e, t) : void 0
@@ -4383,7 +4496,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			},
 			"data-drawing": O || void 0,
 			"data-menu": !!A || void 0,
-			className: xr.surface,
+			className: Cr.surface,
 			...r ? {
 				onPointerDown: Ee,
 				onPointerMove: De,
@@ -4397,27 +4510,27 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			children: [
 				r && /* @__PURE__ */ _("span", {
 					id: ve,
-					className: xr.srOnly,
+					className: Cr.srOnly,
 					"aria-hidden": "true",
 					children: h.keyboardHint
 				}),
-				r && /* @__PURE__ */ _("div", { className: xr.hitbox }),
+				r && /* @__PURE__ */ _("div", { className: Cr.hitbox }),
 				/* @__PURE__ */ _("div", {
-					className: xr.tokens,
+					className: Cr.tokens,
 					"data-focus": !!A || void 0,
 					children: Pe(ie.nodes)
 				}),
 				r && /* @__PURE__ */ _("svg", {
-					className: xr.canvas,
+					className: Cr.canvas,
 					children: /* @__PURE__ */ v("g", {
-						transform: `skewX(${Sr})`,
+						transform: `skewX(${wr})`,
 						children: [le.map((t) => /* @__PURE__ */ v(e.Fragment, { children: [/* @__PURE__ */ _("path", {
 							id: `highlight-${t.kind}-${t.id}`,
-							className: xr.marker,
+							className: Cr.marker,
 							d: t.d,
 							"data-cursor": "pointer",
 							"data-pressed": P === t.id || void 0,
-							"data-active": A?.pathId === t.id || ne === 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) => {
@@ -4429,13 +4542,13 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							onPointerLeave: () => F(null),
 							onPointerCancel: () => F(null)
 						}), /* @__PURE__ */ _("path", {
-							className: xr.shimmer,
+							className: Cr.shimmer,
 							d: t.d,
 							pathLength: 1,
-							"data-active": A?.pathId === t.id || ne === t.id || void 0
+							"data-active": A?.pathId === t.id || I === t.id || void 0
 						})] }, t.id)), E && /* @__PURE__ */ _("path", {
-							className: xr.marker,
-							d: wr(E.points)
+							className: Cr.marker,
+							d: Er(E.points)
 						})]
 					})
 				}),
@@ -4444,23 +4557,23 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 					"aria-label": je(le.length === 1 ? h.countOne : h.countMany, { count: le.length }),
 					children: le.map((e) => /* @__PURE__ */ _("button", {
 						type: "button",
-						className: xr.srOnly,
+						className: Cr.srOnly,
 						onPointerDown: (e) => e.stopPropagation(),
-						onFocus: () => I(e.id),
-						onBlur: () => I(null),
+						onFocus: () => ne(e.id),
+						onBlur: () => ne(null),
 						onClick: (t) => {
 							t.stopPropagation(), ue(e, !0);
 						},
-						children: `${h.highlight} ${Or(e.text)}`
+						children: `${h.highlight} ${Ar(e.text)}`
 					}, e.id))
 				}),
 				/* @__PURE__ */ _(y, { children: r && A && /* @__PURE__ */ v(C.div, {
-					ref: te,
+					ref: ee,
 					role: "menu",
 					"aria-label": h.menu,
 					onKeyDown: we,
 					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || L();
+						e.currentTarget.contains(e.relatedTarget) || re();
 					},
 					initial: { opacity: 0 },
 					animate: {
@@ -4474,7 +4587,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							staggerDirection: -1
 						}
 					},
-					className: xr.menu,
+					className: Cr.menu,
 					style: {
 						left: A.x,
 						top: A.y
@@ -4504,6 +4617,8 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
+							"data-ick-role": "highlight-action",
+							"data-ick-action": "reply",
 							tabIndex: M === 0 ? 0 : -1,
 							icon: /* @__PURE__ */ _(ae, { size: 14 }),
 							onClick: (e) => {
@@ -4536,6 +4651,8 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
+							"data-ick-role": "highlight-action",
+							"data-ick-action": "remove",
 							tabIndex: M === 1 ? 0 : -1,
 							icon: /* @__PURE__ */ _(Se, { size: 14 }),
 							onClick: (e) => {
@@ -4550,16 +4667,16 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		})
 	});
 }
-var jr = {
+var Nr = {
 	turn: "ick-turn-R-WW",
 	question: "ick-question-Fhqf",
 	body: "ick-body-wvid",
 	custom: "ick-custom-s7j-",
 	answer: "ick-answer-pZAi",
 	actions: "ick-actions-CWq8"
-}, Mr = (e) => {
+}, Pr = (e) => {
 	navigator.clipboard?.writeText(e);
-}, Nr = (e, t) => {
+}, Fr = (e, t) => {
 	let n = t.map((t, n) => ({
 		part: t,
 		order: n,
@@ -4577,28 +4694,38 @@ var jr = {
 		part: e
 	});
 	return i < e.length && a(e.length), r;
-}, Pr = 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 = Mr, onHighlight: S, onReplyInThread: w, onRegenerate: T, onShowVersion: E, onFeedback: D, feedback: O = null, answerActions: k = !0, onAnswerQuestion: A, onEditQuestion: j, onDecideApproval: M, renderPart: ee, composerMenu: te, labels: N, className: P, onTranscribe: F }) {
-	let ne = q(), I = ne ? 0 : -16, re = e.parts ?? [], L = re.find((e) => e.kind === "sources")?.sources, ie = Nr(e.ai, re), R = k && e.state === "resting" && ie.length > 0, ae = R ? ie[ie.length - 1].kind === "prose" ? ie.length - 1 : ie.length : -1, oe = R ? /* @__PURE__ */ v("div", {
-		className: jr.actions,
-		children: [/* @__PURE__ */ _(At, {
+}, 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": 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)
-		}), /* @__PURE__ */ _(Ot, {
+			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__ */ _(Vt, {
+			case "reasoning": return /* @__PURE__ */ _(Ht, {
 				state: t.state,
 				duration: t.duration,
 				children: t.text ?? ""
 			}, t.id);
-			case "tool": return /* @__PURE__ */ _(cn, {
+			case "tool": return /* @__PURE__ */ _(ln, {
 				name: t.name ?? "",
 				state: t.state,
 				summary: t.summary,
@@ -4607,35 +4734,35 @@ var jr = {
 				error: t.error,
 				duration: t.duration
 			}, t.id);
-			case "tasks": return /* @__PURE__ */ _(mn, {
+			case "tasks": return /* @__PURE__ */ _(hn, {
 				title: t.title,
 				tasks: t.tasks ?? [],
 				collapsible: t.collapsible
 			}, t.id);
-			case "chain": return /* @__PURE__ */ _(gn, {
+			case "chain": return /* @__PURE__ */ _(_n, {
 				steps: t.steps ?? [],
 				state: t.state,
 				duration: t.duration
 			}, t.id);
-			case "sources": return /* @__PURE__ */ _(vn, {
+			case "sources": return /* @__PURE__ */ _(yn, {
 				sources: t.sources ?? [],
 				title: t.title,
 				collapsible: t.collapsible
 			}, t.id);
-			case "approval": return /* @__PURE__ */ _(fn, {
+			case "approval": return /* @__PURE__ */ _(pn, {
 				title: t.title,
 				description: t.description,
 				decision: t.decision ?? null,
 				choices: t.choices,
-				onDecide: (n) => M?.(e.id, t.id, n),
-				children: t.tool && /* @__PURE__ */ _(cn, {
+				onDecide: (n) => F?.(e.id, t.id, n),
+				children: t.tool && /* @__PURE__ */ _(ln, {
 					name: t.tool.name,
 					state: "pending",
 					input: t.tool.input,
 					defaultOpen: !0
 				})
 			}, t.id);
-			case "artifact": return /* @__PURE__ */ _(Un, {
+			case "artifact": return /* @__PURE__ */ _(Wn, {
 				id: t.id,
 				title: t.title,
 				meta: t.meta,
@@ -4643,14 +4770,14 @@ var jr = {
 				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__ */ _(zn, {
+			case "notice": return /* @__PURE__ */ _(Bn, {
 				tone: t.tone,
 				children: t.text
 			}, t.id);
-			case "question": return /* @__PURE__ */ _(Ln, {
+			case "question": return /* @__PURE__ */ _(Rn, {
 				id: t.id,
 				title: t.title,
 				questions: t.questions ?? [],
@@ -4659,31 +4786,31 @@ var jr = {
 				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 = ee?.(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: jr.custom,
+					className: Nr.custom,
 					"data-part": "custom",
 					"data-part-type": t.type,
 					children: n
 				}, t.id);
 			}
 		}
-	}, ce = /* @__PURE__ */ v(C.article, {
+	}, ve = /* @__PURE__ */ v(C.article, {
 		id: `turn-${e.id}`,
-		className: [jr.turn, P ?? ""].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: I
+			y: ae
 		},
 		animate: {
 			opacity: 1,
@@ -4691,70 +4818,73 @@ var jr = {
 		},
 		exit: {
 			opacity: 0,
-			y: I
+			y: ae
 		},
 		transition: {
-			duration: ne ? .15 : .4,
+			duration: R ? .15 : .4,
 			ease: [
 				.22,
 				1,
 				.36,
 				1
 			],
-			delay: l
+			delay: d
 		},
 		children: [/* @__PURE__ */ _("div", {
-			className: jr.question,
-			"data-align": f,
-			children: /* @__PURE__ */ _(ot, {
+			className: Nr.question,
+			"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: F,
-				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: te
+				menu: ne
 			})
 		}), /* @__PURE__ */ v("div", {
-			className: jr.body,
+			className: Nr.body,
+			"data-held": oe || void 0,
+			"aria-hidden": oe || void 0,
 			children: [
-				ie.map((t, n) => t.kind === "part" ? se(t.part) : /* @__PURE__ */ v("div", {
-					className: jr.answer,
-					children: [/* @__PURE__ */ _(Ar, {
+				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: L,
-						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 && re.length === 0 && /* @__PURE__ */ _("div", {
-					className: jr.answer,
-					children: /* @__PURE__ */ _(Mt, {})
+				e.state === "responding" && !e.ai && de.length === 0 && /* @__PURE__ */ _("div", {
+					className: Nr.answer,
+					children: /* @__PURE__ */ _(Nt, {})
 				}),
-				ae === ie.length && /* @__PURE__ */ _("div", {
-					className: jr.answer,
+				he === fe.length && /* @__PURE__ */ _("div", {
+					className: Nr.answer,
 					"data-actions-only": "",
-					children: oe
+					children: ge
 				})
 			]
 		})]
 	});
-	return N ? /* @__PURE__ */ _(Ae, {
-		labels: N,
-		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) {
@@ -4766,7 +4896,7 @@ var jr = {
 		if (!Object.is(e[r], t[r])) return !1;
 	}
 	return !0;
-}), Fr = {
+}), Lr = {
 	context: "ick-context-ZOiv",
 	ring: "ick-ring-uVUc",
 	track: "ick-track---kg",
@@ -4775,7 +4905,7 @@ var jr = {
 };
 //#endregion
 //#region src/Context/Context.tsx
-function Ir(e) {
+function Rr(e) {
 	if (!Number.isFinite(e) || e < 0) return "";
 	if (e >= 1e6) {
 		let t = e / 1e6;
@@ -4787,11 +4917,11 @@ function Ir(e) {
 	}
 	return String(Math.round(e));
 }
-var Lr = 6, Rr = 2 * Math.PI * Lr;
-function zr({ used: e, total: t, warnAt: n = .8, label: r, labels: i, className: a, ...o }) {
-	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}%, ${Ir(e)} ${s.of} ${Ir(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
+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 = 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: [Fr.context, a ?? ""].filter(Boolean).join(" "),
+		className: [Lr.context, a ?? ""].filter(Boolean).join(" "),
 		"data-warn": u || void 0,
 		role: "meter",
 		"aria-valuenow": l,
@@ -4801,31 +4931,31 @@ function zr({ used: e, total: t, warnAt: n = .8, label: r, labels: i, className:
 		title: f,
 		...o,
 		children: [/* @__PURE__ */ v("svg", {
-			className: Fr.ring,
+			className: Lr.ring,
 			viewBox: "0 0 16 16",
 			"aria-hidden": !0,
 			focusable: "false",
 			children: [/* @__PURE__ */ _("circle", {
-				className: Fr.track,
+				className: Lr.track,
 				cx: "8",
 				cy: "8",
-				r: Lr
+				r: zr
 			}), /* @__PURE__ */ _("circle", {
-				className: Fr.fill,
+				className: Lr.fill,
 				cx: "8",
 				cy: "8",
-				r: Lr,
-				strokeDasharray: Rr,
-				strokeDashoffset: Rr * (1 - c),
+				r: zr,
+				strokeDasharray: Br,
+				strokeDashoffset: Br * (1 - c),
 				transform: "rotate(-90 8 8)"
 			})]
 		}), d !== null && /* @__PURE__ */ _("span", {
-			className: Fr.label,
+			className: Lr.label,
 			children: d
 		})]
 	});
 }
-var Br = {
+var Hr = {
 	pane: "ick-pane-Yv8Y",
 	grabber: "ick-grabber-OhMd",
 	head: "ick-head-p2-j",
@@ -4839,7 +4969,7 @@ var Br = {
 };
 //#endregion
 //#region src/Artifact/ArtifactPane.tsx
-function Vr({ 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 }) {
+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 = 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 });
@@ -4858,34 +4988,35 @@ function Vr({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 		return document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
 	}, [i]), /* @__PURE__ */ v("div", {
 		ref: S,
-		className: [Br.pane, f ?? ""].filter(Boolean).join(" "),
+		className: [Hr.pane, f ?? ""].filter(Boolean).join(" "),
 		"aria-labelledby": x,
 		"aria-modal": i || void 0,
 		role: i ? "dialog" : "complementary",
 		...m,
 		children: [
 			i && /* @__PURE__ */ _("span", {
-				className: Br.grabber,
+				className: Hr.grabber,
 				"aria-hidden": !0
 			}),
 			/* @__PURE__ */ v("div", {
-				className: Br.head,
+				className: Hr.head,
 				children: [
 					/* @__PURE__ */ v("div", {
-						className: Br.headText,
+						className: Hr.headText,
 						children: [/* @__PURE__ */ _("h2", {
-							className: Br.title,
+							className: Hr.title,
 							id: x,
 							ref: C,
 							tabIndex: -1,
 							children: e
 						}), t && /* @__PURE__ */ _("p", {
-							className: Br.meta,
+							className: Hr.meta,
 							children: t
 						})]
 					}),
 					o && !i && /* @__PURE__ */ _(V, {
 						variant: "ghost",
+						"data-ick-role": "pane-expand",
 						size: "s",
 						icon: _(a ? se : R, {
 							size: 15,
@@ -4897,6 +5028,7 @@ function Vr({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 					}),
 					r && /* @__PURE__ */ _(V, {
 						variant: "ghost",
+						"data-ick-role": "pane-close",
 						size: "s",
 						icon: /* @__PURE__ */ _(we, {
 							size: 15,
@@ -4908,15 +5040,15 @@ function Vr({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 				]
 			}),
 			/* @__PURE__ */ _("div", {
-				className: Br.body,
-				children: n ?? /* @__PURE__ */ _(Hr, {})
+				className: Hr.body,
+				children: n ?? /* @__PURE__ */ _(Wr, {})
 			})
 		]
 	});
 }
-function Hr() {
+function Wr() {
 	return /* @__PURE__ */ _("div", {
-		className: Br.skeleton,
+		className: Hr.skeleton,
 		"aria-hidden": !0,
 		children: [
 			68,
@@ -4927,18 +5059,18 @@ function Hr() {
 			100,
 			84
 		].map((e, t) => /* @__PURE__ */ _("span", {
-			className: Br.line,
+			className: Hr.line,
 			style: { width: `${e}%` }
 		}, t))
 	});
 }
-var Ur = {
+var Gr = {
 	layout: "ick-layout-nC6G",
 	chat: "ick-chat-OTXm",
 	card: "ick-card-Iddg",
 	slot: "ick-slot-O--R",
 	scrim: "ick-scrim-11Pp"
-}, Wr = 760, Gr = {
+}, Kr = 760, qr = {
 	closed: {
 		width: 0,
 		transition: {
@@ -4956,7 +5088,7 @@ var Ur = {
 			bounce: 0
 		}
 	}
-}, Kr = {
+}, Jr = {
 	closed: {
 		opacity: 0,
 		x: 24,
@@ -4975,7 +5107,7 @@ var Ur = {
 			delay: .06
 		}
 	}
-}, qr = {
+}, Yr = {
 	closed: {
 		y: "100%",
 		transition: {
@@ -4992,7 +5124,7 @@ var Ur = {
 			bounce: .18
 		}
 	}
-}, Jr = {
+}, Xr = {
 	closed: {
 		opacity: 0,
 		transition: { duration: .18 }
@@ -5001,34 +5133,34 @@ var Ur = {
 		opacity: 1,
 		transition: { duration: .26 }
 	}
-}, Yr = { transition: { duration: 0 } }, Xr = (e) => ({
+}, Zr = { transition: { duration: 0 } }, Qr = (e) => ({
 	closed: {
 		...e.closed,
-		...Yr
+		...Zr
 	},
 	open: {
 		...e.open,
-		...Yr
+		...Zr
 	}
 });
-function Zr({ children: e, pane: t, onDismiss: n, surface: r = "flush", className: i, ...a }) {
+function $r({ children: e, pane: t, onDismiss: n, surface: r = "flush", className: i, ...a }) {
 	let s = p(null), [l, u] = m(!1), [d, h] = m(!1), g = o(() => h((e) => !e), []), b = E(), [x, S, w] = f(() => {
-		let e = l ? qr : Gr, t = l ? void 0 : Kr;
+		let e = l ? Yr : qr, t = l ? void 0 : Jr;
 		return b ? [
-			Xr(e),
-			t && Xr(t),
-			Xr(Jr)
+			Qr(e),
+			t && Qr(t),
+			Qr(Xr)
 		] : [
 			e,
 			t,
-			Jr
+			Xr
 		];
 	}, [b, l]);
 	c(() => {
 		let e = s.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			u(e.contentRect.width <= Wr);
+			u(e.contentRect.width <= Kr);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
@@ -5039,17 +5171,17 @@ function Zr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 	});
 	return /* @__PURE__ */ v("div", {
 		ref: s,
-		className: [Ur.layout, i ?? ""].filter(Boolean).join(" "),
+		className: [Gr.layout, i ?? ""].filter(Boolean).join(" "),
 		"data-pane": T ? "" : void 0,
 		"data-surface": r === "panes" ? "panes" : void 0,
 		...a,
 		children: [/* @__PURE__ */ _("div", {
-			className: Ur.chat,
+			className: Gr.chat,
 			children: e
 		}), /* @__PURE__ */ v(y, {
 			initial: !1,
 			children: [T && l && n && /* @__PURE__ */ _(C.div, {
-				className: Ur.scrim,
+				className: Gr.scrim,
 				variants: w,
 				initial: "closed",
 				animate: "open",
@@ -5057,13 +5189,13 @@ function Zr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 				"aria-hidden": !0,
 				onClick: n
 			}, "scrim"), T && /* @__PURE__ */ _(C.div, {
-				className: Ur.slot,
+				className: Gr.slot,
 				variants: x,
 				initial: "closed",
 				animate: "open",
 				exit: "closed",
 				children: /* @__PURE__ */ _(C.div, {
-					className: Ur.card,
+					className: Gr.card,
 					"data-expanded": d && !l || void 0,
 					variants: S,
 					...l && n ? {
@@ -5089,7 +5221,7 @@ function Zr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 }
 //#endregion
 //#region src/Artifact/useArtifacts.ts
-function Qr(e = null) {
+function ei(e = null) {
 	let [t, n] = m(e);
 	return {
 		openId: t,
@@ -5098,14 +5230,14 @@ function Qr(e = null) {
 		toggle: o((e) => n((t) => t === e ? null : e), [])
 	};
 }
-var $r = {
+var ti = {
 	root: "ick-root-JrOP",
 	viewport: "ick-viewport-C3hz",
 	content: "ick-content-33lN",
 	jump: "ick-jump-nd6O"
-}, ei = 64, ti = 500, ni = 4, ri = (e, t) => e.offsetTop - t.offsetTop, ii = (e, t) => t ? e.querySelector(`[id="${CSS.escape(t)}"]`) : null, ai = (e, t, n) => {
+}, 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`));
-}, oi = r(function({ children: e, anchorId: t, anchorOffset: n = 0, endOffset: r = 0, tail: i = "auto", threshold: a = ei, scrollButton: s = !0, scrollButtonLabel: l, follow: f = !0, dock: h = !1, className: g, viewportClassName: y, onScroll: b, ...x }, S) {
+}, 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 = H("conversation").jump, w = l ?? C, T = p(null);
 	u(S, () => T.current, []);
 	let E = p(null), O = p(null), [k, A] = m(!0);
@@ -5121,98 +5253,140 @@ var $r = {
 			r.disconnect(), t.style.removeProperty("--ick-dock-height");
 		};
 	}, [h]);
-	let j = p(-1), M = p(null), ee = p(!1), te = 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);
-		let n = h ? null : t.lastElementChild, a = n ? ri(n, e) + n.offsetHeight : ri(t, e) + t.offsetHeight - (h ? 0 : j.current);
+		let n = h ? null : t.lastElementChild, a = n ? ci(n, e) + n.offsetHeight : ci(t, e) + t.offsetHeight - (h ? 0 : j.current);
 		return Math.max(0, a + r - e.clientHeight);
 	}, [
 		h,
 		r,
 		i
-	]), N = o(() => {
+	]), P = o(() => {
 		let e = T.current, a = E.current;
 		if (!e || !a) return;
-		if (i !== "auto") return ai(a, j, Math.max(0, i));
-		let o = parseFloat(getComputedStyle(e).paddingBottom) || 0, s = Math.max(0, r - o), c = a.lastElementChild, l = ii(e, M.current);
-		if (ee.current = !!c && !!l, !ee.current || !c || !l) return ai(a, j, s);
-		let u = ri(c, e) + c.offsetHeight - ri(l, e), d = h ? Math.max(s, j.current + (ri(l, e) - n - (e.scrollHeight - e.clientHeight))) : Math.max(s, e.clientHeight - n - u - o);
-		ai(a, j, t ? Math.max(d, j.current) : d);
+		if (i !== "auto") return di(a, j, Math.max(0, i));
+		let o = parseFloat(getComputedStyle(e).paddingBottom) || 0, s = Math.max(0, r - o), c = a.lastElementChild, l = li(e, N.current);
+		if (ee.current = !!c && !!l, !ee.current || !c || !l) return di(a, j, s);
+		if (h) {
+			let t = Math.max(0, e.clientHeight - n - o - ui(a));
+			return t !== M.current && (M.current = t, a.style.setProperty("--ick-conversation-room", `${Math.round(t)}px`)), di(a, j, s);
+		}
+		let u = ci(c, e) + c.offsetHeight - ci(l, e), d = Math.max(s, e.clientHeight - n - u - o);
+		di(a, j, t ? Math.max(d, j.current) : d);
 	}, [
 		i,
 		n,
 		r,
 		t,
 		h
-	]), P = o(() => {
+	]), F = o(() => {
 		let e = T.current;
 		if (!e) return 0;
 		if (t) {
 			let r = e.querySelector(`[id="${CSS.escape(t)}"]`);
 			if (r) {
-				let t = Math.max(0, e.scrollHeight - e.clientHeight), i = ri(r, e), a = i - n, o = i + r.offsetHeight - e.clientHeight;
-				return Math.max(0, Math.min(Math.max(a, o), t));
+				let t = Math.max(0, e.scrollHeight - e.clientHeight), i = ci(r, e), a = i - n, o = h && E.current ? ui(E.current) : 0, s = i + r.offsetHeight + o - e.clientHeight;
+				return Math.max(0, Math.min(Math.max(a, s), t));
 			}
 		}
 		return te();
 	}, [
 		t,
 		n,
-		te
-	]), F = p(0), ne = p(null), I = o((e) => {
+		te,
+		h
+	]), I = p(0), ne = p(null), L = o((e) => {
 		let t = T.current;
 		if (!t) return;
-		let n = e && !q();
-		F.current = n ? performance.now() + ti : 0, t.scrollTo({
-			top: P(),
+		let n = e && !G();
+		I.current = n ? performance.now() + ri : 0, t.scrollTo({
+			top: F(),
 			behavior: n ? "smooth" : "auto"
 		}), A(!0);
-	}, [P]);
+	}, [F]);
 	d(() => {
-		t && (M.current = t);
+		t && (N.current = t);
 		let e = T.current, n = E.current;
-		if (N(), !e || !n || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(N);
+		if (P(), !e || !n || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(P);
 		return r.observe(n), r.observe(e), () => r.disconnect();
-	}, [t, N]), 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 = () => {
-			let n = P();
-			if (F.current) {
-				if (performance.now() < F.current && Math.abs(e.scrollTop - n) > 1) return;
-				F.current = 0;
+		let r = 0, i = () => {
+			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);
+				return;
 			}
-			let r = n - e.scrollTop;
-			if (M.current && !t && Math.abs(r) > a && !q()) {
-				F.current = performance.now() + ti, e.scrollTo({
+			e.scrollTop = t;
+		}, o = () => {
+			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;
+				}
+				I.current = 0;
+			}
+			let o = n - e.scrollTop;
+			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 && !G()) {
+				I.current = performance.now() + ri, e.scrollTo({
 					top: n,
 					behavior: "smooth"
 				});
 				return;
 			}
 			e.scrollTop = n;
-		}, i = t != null && t !== ne.current;
-		t && (ne.current = t), i && !q() && Math.abs(e.scrollTop - P()) > a ? (F.current = performance.now() + ti, e.scrollTo({
-			top: P(),
+		}, s = 0, c = 0, l = () => {
+			if (s) return;
+			if (typeof requestAnimationFrame > "u") {
+				e.scrollTop = F();
+				return;
+			}
+			let t = () => {
+				let n = F(), r = n - e.scrollTop;
+				if (Math.abs(r) <= 1) {
+					e.scrollTop = n, s = 0;
+					return;
+				}
+				e.scrollTop += Math.sign(r) * Math.max(1, Math.abs(r) * ii), s = requestAnimationFrame(t);
+			};
+			s = requestAnimationFrame(t);
+		}, 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"
-		})) : r();
-		let o = new ResizeObserver(r);
-		return o.observe(n), () => o.disconnect();
+		})) : o();
+		let d = new ResizeObserver(o);
+		return d.observe(n), () => {
+			d.disconnect(), window.clearTimeout(r), s && cancelAnimationFrame(s), window.clearTimeout(c);
+		};
 	}, [
 		f,
 		k,
-		P,
+		F,
 		t,
-		a
+		a,
+		h
 	]), c(() => {
 		if (!f) return;
 		let e = T.current;
 		if (!e) return;
 		let n = () => {
-			F.current = 0, Math.abs(e.scrollTop - P()) > 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) => {
@@ -5238,40 +5412,40 @@ var $r = {
 	}, [
 		f,
 		a,
-		P,
+		F,
 		t
 	]);
 	let re = o((e) => {
 		if (b?.(e), !f) return;
 		let t = T.current;
-		t && Math.abs(t.scrollTop - P()) <= ni && (F.current = 0, A(!0));
+		t && Math.abs(t.scrollTop - F()) <= si && (I.current = 0, A(!0));
 	}, [
 		f,
 		b,
-		P
-	]), L = f && !k;
+		F
+	]), ie = f && !k;
 	return /* @__PURE__ */ v("div", {
 		ref: O,
-		className: [$r.root, g ?? ""].filter(Boolean).join(" "),
+		className: [ti.root, g ?? ""].filter(Boolean).join(" "),
 		"data-dock": h || void 0,
 		children: [/* @__PURE__ */ _("div", {
 			ref: T,
-			className: [$r.viewport, y ?? ""].filter(Boolean).join(" "),
+			className: [ti.viewport, y ?? ""].filter(Boolean).join(" "),
 			onScroll: re,
 			...x,
 			children: /* @__PURE__ */ _("div", {
 				ref: E,
-				className: $r.content,
+				className: ti.content,
 				"data-dock": h || void 0,
 				children: e
 			})
 		}), s && /* @__PURE__ */ _("button", {
 			type: "button",
-			className: $r.jump,
-			"data-shown": L || void 0,
-			tabIndex: L ? 0 : -1,
-			"aria-hidden": !L || void 0,
-			onClick: () => I(!0),
+			className: ti.jump,
+			"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,
@@ -5279,7 +5453,7 @@ var $r = {
 			})
 		})]
 	});
-}), si = {
+}), pi = {
 	empty: "ick-empty-BP6G",
 	icon: "ick-icon-rZWd",
 	title: "ick-title-AoPi",
@@ -5288,31 +5462,32 @@ var $r = {
 };
 //#endregion
 //#region src/EmptyState/EmptyState.tsx
-function ci({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i, suggestionsLabel: a, children: o, className: s, ...c }) {
+function mi({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i, suggestionsLabel: a, children: o, className: s, ...c }) {
 	let l = H("emptyState").suggestions, u = a ?? l, d = i ? r ?? [] : [];
 	return /* @__PURE__ */ v("div", {
-		className: [si.empty, s ?? ""].filter(Boolean).join(" "),
+		className: [pi.empty, s ?? ""].filter(Boolean).join(" "),
 		...c,
 		children: [
 			e && /* @__PURE__ */ _("div", {
-				className: si.icon,
+				className: pi.icon,
 				children: e
 			}),
 			t && /* @__PURE__ */ _("div", {
-				className: si.title,
+				className: pi.title,
 				children: t
 			}),
 			n && /* @__PURE__ */ _("p", {
-				className: si.description,
+				className: pi.description,
 				children: n
 			}),
 			d.length > 0 && /* @__PURE__ */ _("div", {
-				className: si.suggestions,
+				className: pi.suggestions,
 				role: "group",
 				"aria-label": u,
 				children: d.map((e) => /* @__PURE__ */ _(V, {
 					variant: "primary",
 					size: "m",
+					"data-ick-role": "suggestion",
 					onClick: () => i?.(e),
 					children: e
 				}, e))
@@ -5323,14 +5498,14 @@ function ci({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i
 }
 //#endregion
 //#region src/ReplyThreadPopup/placePanel.ts
-var li = 24, ui = 480, di = 80, fi = 260;
-function pi(e, t, n = Infinity) {
-	let r = Math.max(t - 48, 0), i = Math.min(Math.max(e.width + di, ui), r), a = e.left + e.width / 2 - i / 2, o = Math.min(Math.max(a, li), t - li - i), s = Math.max(li, n - li - fi), c = Math.min(Math.max(e.top - li, Math.min(li, n)), Number.isFinite(s) ? s : Infinity);
+var hi = 24, gi = 480, _i = 80, vi = 260;
+function yi(e, t, n = Infinity) {
+	let r = Math.max(t - 48, 0), i = Math.min(Math.max(e.width + _i, gi), r), a = e.left + e.width / 2 - i / 2, o = Math.min(Math.max(a, hi), t - hi - i), s = Math.max(hi, n - hi - vi), c = Math.min(Math.max(e.top - hi, Math.min(hi, n)), Number.isFinite(s) ? s : Infinity);
 	return {
 		x: o,
 		y: c,
 		width: i,
-		maxHeight: Number.isFinite(n) ? Math.max(fi, n - c - li) : Infinity
+		maxHeight: Number.isFinite(n) ? Math.max(vi, n - c - hi) : Infinity
 	};
 }
 var Q = {
@@ -5354,7 +5529,7 @@ var Q = {
 	turn: "ick-turn-ogjU",
 	turnRow: "ick-turnRow-0OuP",
 	srOnly: "ick-srOnly-LwE1"
-}, mi = 760, hi = {
+}, bi = 760, xi = {
 	closed: {
 		y: "100%",
 		opacity: 1,
@@ -5373,16 +5548,16 @@ var Q = {
 			bounce: .18
 		}
 	}
-}, gi = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])";
-function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
-	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: ${mi}px)`)?.matches ?? !1);
+}, 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 = 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: ${mi}px)`);
+		let e = window.matchMedia?.(`(max-width: ${bi}px)`);
 		if (!e?.addEventListener) return;
 		let t = () => w(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let T = e.text, { turns: E, setDraft: D, submit: O, stop: k, beginEdit: A } = ht({
+	let T = e.text, { turns: E, setDraft: D, submit: O, stop: k, beginEdit: A } = gt({
 		onSend: (e, t) => r(e, T, t),
 		announcements: { responding: a }
 	});
@@ -5396,7 +5571,7 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let n = [...f.current?.querySelectorAll(gi) ?? []];
+		let n = [...f.current?.querySelectorAll(Si) ?? []];
 		if (n.length === 0) return;
 		let r = n[0], i = n[n.length - 1], a = document.activeElement;
 		e.shiftKey && a === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && a === i && (e.preventDefault(), r.focus());
@@ -5428,12 +5603,12 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			behavior: "smooth"
 		});
 	}, [E]);
-	let { x: ee, y: te, width: N, maxHeight: P } = typeof window > "u" ? {
+	let { x: N, y: ee, width: te, maxHeight: P } = typeof window > "u" ? {
 		x: 0,
 		y: 0,
 		width: 480,
 		maxHeight: Infinity
-	} : pi(e.rect, window.innerWidth, window.innerHeight);
+	} : yi(e.rect, window.innerWidth, window.innerHeight);
 	return /* @__PURE__ */ _(x, {
 		reducedMotion: "user",
 		children: /* @__PURE__ */ _("div", {
@@ -5456,9 +5631,9 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 					opacity: 0
 				},
 				animate: S ? "open" : {
-					left: ee,
-					top: te,
-					width: N,
+					left: N,
+					top: ee,
+					width: te,
 					borderRadius: 28,
 					opacity: 1
 				},
@@ -5467,7 +5642,7 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 					scale: .95,
 					filter: "blur(4px)"
 				},
-				variants: S ? hi : void 0,
+				variants: S ? xi : void 0,
 				transition: S ? void 0 : {
 					type: "spring",
 					bounce: 0,
@@ -5517,11 +5692,13 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 								className: Q.headerActions,
 								children: [/* @__PURE__ */ _(V, {
 									variant: "primary",
+									"data-ick-role": "thread-save",
 									icon: /* @__PURE__ */ _(he, { size: 16 }),
 									onClick: n,
 									children: i.save
 								}), /* @__PURE__ */ _(V, {
 									variant: "secondary",
+									"data-ick-role": "thread-close",
 									icon: /* @__PURE__ */ _(we, { size: 16 }),
 									onClick: t,
 									"aria-label": i.close
@@ -5580,7 +5757,7 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 													children: [/* @__PURE__ */ _("div", {
 														className: Q.turnRow,
 														"data-editing": r || void 0,
-														children: /* @__PURE__ */ _(ot, {
+														children: /* @__PURE__ */ _(st, {
 															ref: n ? u : null,
 															state: e.state,
 															value: e.user,
@@ -5611,7 +5788,7 @@ function _i({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 }
 //#endregion
 //#region src/CustomCursor/CustomCursor.tsx
-function vi() {
+function wi() {
 	let e = T(-100), t = T(-100), [n, r] = m("default"), [i, a] = m(!1), [o, s] = m(!1);
 	return c(() => {
 		let n = (n) => {
@@ -5769,7 +5946,7 @@ function vi() {
 }
 //#endregion
 //#region src/theme/useThemeAttribute.ts
-function yi(e) {
+function Ti(e) {
 	c(() => {
 		e !== void 0 && (e ? document.documentElement.setAttribute("data-theme", e) : document.documentElement.removeAttribute("data-theme"));
 	}, [e]);
@@ -5796,87 +5973,87 @@ var $ = {
 	groupTitle: "ick-groupTitle-jiBB",
 	marks: "ick-marks-gwsN",
 	mark: "ick-mark-QkpW"
-}, bi = () => "", xi = {
+}, Ei = () => "", Di = {
 	stiffness: 170,
 	damping: 24,
 	mass: 1
 };
-function Si({ 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: ee = "window", theme: te, onThemeChange: N, cursor: P = !1, selectionToggle: F = !1, highlights: ne = !0, bookmarks: I = !0, anchorOffset: L = 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 = te !== void 0, [Te, Ee] = m(null), V = B ? te : Te, [De, Oe] = 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 = () => Oe(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
 	let ke = V ?? (De ? "dark" : "light");
-	yi(V);
+	Ti(V);
 	let Me = o((e) => {
-		B || Ee(e), N?.(e);
-	}, [B, N]), U = M === "docked", Ne = f(() => U ? {
+		B || Ee(e), te?.(e);
+	}, [B, te]), U = M === "docked", Ne = f(() => U ? {
 		...rt,
 		...R,
-		bubble: R?.bubble ?? xi
-	} : R, [U, R]), Pe = ht({
-		onSend: e ?? bi,
+		bubble: R?.bubble ?? Di
+	} : R, [U, R]), Pe = gt({
+		onSend: e ?? Ei,
 		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 && G.state !== "resting" ? Ue : null, [q, qe] = m(0), Je = ee === "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 (!U || !Je) return;
+		if (!U || !Ye) return;
 		let e = window.visualViewport;
 		if (!e) return;
-		let t = () => qe(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);
-	}, [U, Je]);
-	let Ye = o((e) => {
+	}, [U, Ye]);
+	let Xe = o((e) => {
 		We(e), Le(e);
-	}, [Le]), Xe = Fe.length === 1 && !Fe[0].user && !Fe[0].ai, Ze = T + Math.round(Fe.reduce((e, t) => e + t.user.length + t.ai.length + JSON.stringify(t.parts ?? []).length, 0) / 4), Qe = w !== void 0 && Ze >= w, $e = p(!1);
+	}, [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);
 	c(() => {
-		if (!Qe) {
-			$e.current = !1;
+		if (!$e) {
+			et.current = !1;
 			return;
 		}
-		$e.current || ($e.current = !0, Ke(z.windowFull));
-	}, [Qe, z.windowFull]);
-	let et = Qr(), tt = D !== void 0, nt = tt ? D : et.openId, it = p({
-		openArtifactId: nt,
-		artifactHeld: tt,
+		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,
 		onOpenArtifactChange: O
 	});
 	c(() => {
-		it.current = {
-			openArtifactId: nt,
-			artifactHeld: tt,
+		at.current = {
+			openArtifactId: it,
+			artifactHeld: nt,
 			onOpenArtifactChange: O
 		};
 	});
-	let at = et.open, ot = et.close, st = o((e) => {
-		let { artifactHeld: t, onOpenArtifactChange: n } = it.current;
-		t || (e === null ? ot() : at(e)), n?.(e);
-	}, [at, ot]), ct = o(() => st(null), [st]), [lt, ut] = m({}), J = o((e, t) => {
-		ut((n) => ({
+	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({}), ft = o((e, t) => {
+		dt((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), dt = Fe.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? fe, ft = o((e, t) => {
-		I && t.trim().length > 0 && me((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()
 		}]);
-	}, [I]), pt = o((e, t) => st(it.current.openArtifactId === t ? null : t), [st]), mt = o((e, t) => {
+	}, [ne]), J = o((e, t) => ct(at.current.openArtifactId === t ? null : t), [ct]), ht = o((e, t) => {
 		xe({
 			text: e,
 			rect: t
 		});
-	}, []), Y = f(() => se ? (e, t, n, r) => se(Ve, e, t, n, r) : void 0, [se, Ve]), gt = f(() => le ? (e, t, n) => le(Ve, e, t, n) : void 0, [le, Ve]), _t = f(() => ue ? (e, t, n) => ue(Ve, e, t, n) : void 0, [ue, Ve]), [vt, yt] = 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 (!P) return;
-		let e = window.matchMedia("(pointer: fine)"), t = () => yt(e.matches);
+		let e = window.matchMedia("(pointer: fine)"), t = () => bt(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, [P]);
-	let bt = (e) => i === !0 || Array.isArray(i) && i.includes(e), xt = [
-		...ne && I && pe.length > 0 ? [{
+	let xt = (e) => i === !0 || Array.isArray(i) && i.includes(e), St = [
+		...I && ne && pe.length > 0 ? [{
 			id: "bookmarks",
 			label: z.savedHighlights,
 			icon: /* @__PURE__ */ _(k, {
@@ -5887,7 +6064,7 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			pinned: !0,
 			onClick: () => _e(!0)
 		}] : [],
-		...bt("theme") ? [{
+		...xt("theme") ? [{
 			id: "theme",
 			label: ke === "dark" ? z.themeToLight : z.themeToDark,
 			icon: _(ke === "dark" ? ve : ce, {
@@ -5897,7 +6074,7 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			active: ke === "dark",
 			onClick: () => Me(ke === "dark" ? "light" : "dark")
 		}] : [],
-		...bt("share") ? [{
+		...xt("share") ? [{
 			id: "share",
 			label: z.share,
 			icon: /* @__PURE__ */ _(ge, {
@@ -5905,19 +6082,19 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 				"aria-hidden": !0
 			}),
 			onClick: () => navigator.share?.({
-				title: dt,
+				title: pt,
 				url: window.location.href
 			})
 		}] : [],
 		...b ?? []
-	], St = A === "inline" && nt ? E?.(nt) : null, wt = /* @__PURE__ */ v(C.div, {
+	], Ct = A === "inline" && it ? E?.(it) : null, Tt = /* @__PURE__ */ v(C.div, {
 		className: [
 			$.page,
-			j === "panes" || !Je ? $.fitted : "",
+			j === "panes" || !Ye ? $.fitted : "",
 			"ick-chat-page",
 			de
 		].filter(Boolean).join(" "),
-		style: { "--ick-experience-anchor": `${L}px` },
+		style: { "--ick-experience-anchor": `${re}px` },
 		"data-composer": U ? "docked" : void 0,
 		initial: { opacity: 0 },
 		animate: {
@@ -5936,19 +6113,19 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 		},
 		children: [
 			/* @__PURE__ */ _("div", { className: $.topBlur }),
-			/* @__PURE__ */ v(Ct, {
+			/* @__PURE__ */ v(wt, {
 				className: `${$.header} ick-chat-header`,
-				title: dt,
+				title: pt,
 				backHref: d,
 				backLabel: h,
 				elevateOnScroll: !1,
 				collapseActionsAt: 480,
-				actions: xt,
-				children: [w !== void 0 && /* @__PURE__ */ _(zr, {
+				actions: St,
+				children: [w !== void 0 && /* @__PURE__ */ _(Vr, {
 					className: $.context,
-					used: Ze,
+					used: Qe,
 					total: w
-				}), F && ne && /* @__PURE__ */ v("div", {
+				}), F && I && /* @__PURE__ */ v("div", {
 					className: $.selectMode,
 					role: "group",
 					"aria-label": z.selectionMode,
@@ -5958,7 +6135,7 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 						onClick: () => Ce("marker"),
 						"aria-label": z.marker,
 						title: z.marker,
-						children: /* @__PURE__ */ _(re, { size: 16 })
+						children: /* @__PURE__ */ _(L, { size: 16 })
 					}), /* @__PURE__ */ _("button", {
 						type: "button",
 						"data-active": Se === "precise",
@@ -5969,14 +6146,14 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v(oi, {
+			/* @__PURE__ */ v(fi, {
 				viewportClassName: `${$.feed} ick-chat-feed`,
-				anchorId: K ? `turn-${K}` : void 0,
+				anchorId: G ? `turn-${G}` : void 0,
 				dock: U,
-				anchorOffset: L,
+				anchorOffset: re,
 				endOffset: U ? 0 : ie,
 				children: [
-					Xe && S && /* @__PURE__ */ _(ci, {
+					Ze && S && /* @__PURE__ */ _(mi, {
 						className: U ? `${$.opening} ${$.centred}` : $.opening,
 						title: S.title,
 						description: S.description,
@@ -5985,42 +6162,44 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					}),
 					/* @__PURE__ */ _(y, { children: Fe.map((e, t) => {
 						let r = t === Fe.length - 1 && (e.state === "idle" || e.state === "typing");
-						return /* @__PURE__ */ _(Pr, {
+						return /* @__PURE__ */ _(Ir, {
 							turn: e,
-							questionAlign: U && r || Xe && t === 0 ? "stretch" : "end",
-							className: U && r ? $.dock : Xe && 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 ? we : null,
 							entranceDelay: t === 0 ? oe : 0,
+							entrance: U && r ? "fade" : "rise",
+							answerAfterTravel: U,
 							selectionMode: Se,
-							highlights: ne,
+							highlights: I,
 							animationConfig: Ne,
 							foldMotion: ae,
-							openArtifactId: nt,
-							onOpenArtifact: pt,
-							onArtifactChange: st,
+							openArtifactId: it,
+							onOpenArtifact: J,
+							onArtifactChange: ct,
 							placeholder: x,
 							onDraft: Ie,
 							onSubmit: Ge,
-							onRegenerate: Ye,
+							onRegenerate: Xe,
 							onShowVersion: W,
-							onFeedback: J,
-							feedback: lt[e.id] ?? null,
+							onFeedback: ft,
+							feedback: ut[e.id] ?? null,
 							onStop: !U || r ? Re : void 0,
 							busy: U && r ? He : void 0,
 							onEdit: ze,
 							onCancelEdit: Be,
-							onHighlight: ft,
-							onReplyInThread: l ? mt : void 0,
+							onHighlight: mt,
+							onReplyInThread: l ? ht : void 0,
 							onAnswerQuestion: Y,
-							onEditQuestion: gt,
-							onDecideApproval: _t,
+							onEditQuestion: _t,
+							onDecideApproval: vt,
 							renderPart: n,
 							composerMenu: a
 						}, e.id);
 					}) }),
-					Qe && /* @__PURE__ */ _(zn, { children: z.windowFull })
+					$e && /* @__PURE__ */ _(Bn, { children: z.windowFull })
 				]
 			}),
 			/* @__PURE__ */ _("div", { className: $.bottomBlur })
@@ -6029,23 +6208,23 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 	return /* @__PURE__ */ v(Ae, {
 		labels: r,
 		children: [
-			P && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), vt && /* @__PURE__ */ _(vi, {})] }),
-			/* @__PURE__ */ _(Zr, {
+			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": Je ? void 0 : "container",
-				style: Je && q > 0 ? { "--ick-keyboard": `${q}px` } : void 0,
-				onDismiss: ct,
-				pane: ({ narrow: e, expanded: t, toggleExpanded: n }) => St ? /* @__PURE__ */ _(Vr, {
-					title: St.title,
-					meta: St.meta,
+				"data-fill": Ye ? void 0 : "container",
+				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,
+					meta: Ct.meta,
 					modal: e,
 					expanded: t,
 					onToggleExpanded: n,
-					onClose: ct,
-					children: St.children
+					onClose: lt,
+					children: Ct.children
 				}) : null,
-				children: wt
+				children: Tt
 			}),
 			/* @__PURE__ */ _(y, { children: he && /* @__PURE__ */ _(C.div, {
 				className: $.scrim,
@@ -6111,7 +6290,7 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					}, e))]
 				})
 			}) }),
-			/* @__PURE__ */ _(y, { children: be && l && /* @__PURE__ */ _(_i, {
+			/* @__PURE__ */ _(y, { children: be && l && /* @__PURE__ */ _(Ci, {
 				activeReply: be,
 				onClose: () => xe(null),
 				onSendMessage: l
@@ -6120,6 +6299,6 @@ function Si({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 	});
 }
 //#endregion
-export { Oe as $, fn as A, _t as B, Sn as C, vn as D, bn as E, Vt as F, Qe as G, st as H, Mt as I, Re as J, Ke as K, At as L, tn as M, qt as N, gn as O, Qt as P, Ae as Q, Ot as R, Cn as S, Tn as T, ot as U, ht as V, rt as W, Fe as X, Le as Y, Me as Z, Ln as _, ci as a, jn as b, Zr as c, Pr as d, V as et, Ar as f, Fn as g, zn as h, _i as i, cn as j, mn as k, Vr as l, Un as m, yi as n, oi as o, br as p, Be as q, vi as r, Qr as s, Si as t, zr as u, In as v, wn as w, xn as x, Nn as y, Ct 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-BeLjIxHU.js.map
+//# sourceMappingURL=ChatExperience-BBd-p0wh.js.map