inline-chat-kit 0.58.0 → 0.59.0

package/dist/{ChatExperience-CrWU56fi.js → ChatExperience-BeLjIxHU.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 N, ChevronRight as ee, Copy as P, CornerDownLeft as F, File as I, FileText as te, Film as L, Highlighter as ne, 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 z, Paperclip as de, 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 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";
 var B = {
 	btn: "ick-btn-ZW5E",
 	xs: "ick-xs-rDs4",
@@ -255,7 +255,7 @@ function je(e, t) {
 }
 //#endregion
 //#region src/Attachments/Attachments.tsx
-function U(e) {
+function Me(e) {
 	if (e === void 0 || !Number.isFinite(e) || e < 0) return "";
 	if (e < 1024) return `${e} B`;
 	let t = [
@@ -266,10 +266,10 @@ function U(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
 	return `${n < 10 ? n.toFixed(1) : Math.round(n)} ${t[r]}`;
 }
-var Me = (e) => !!e.url && (e.type ?? "").startsWith("image/"), Ne = (e) => e.replace(/["\\]/g, encodeURIComponent);
+var U = (e) => !!e.url && (e.type ?? "").startsWith("image/"), Ne = (e) => e.replace(/["\\]/g, encodeURIComponent);
 function Pe({ type: e }) {
 	let t = (e ?? "").split("/")[0];
-	return _(t === "image" ? re : t === "video" ? L : t === "audio" ? ue : e === "application/pdf" || t === "text" ? te : I, {
+	return _(t === "image" ? L : t === "video" ? I : t === "audio" ? ue : e === "application/pdf" || t === "text" ? ne : F, {
 		size: 16,
 		"aria-hidden": !0
 	});
@@ -280,11 +280,11 @@ function Fe({ attachments: e, onRemove: t, labels: n, className: r, ...i }) {
 		className: [De.list, r ?? ""].filter(Boolean).join(" "),
 		...i,
 		children: e.map((e) => {
-			let n = U(e.size);
+			let n = Me(e.size);
 			return /* @__PURE__ */ v("li", {
 				className: De.item,
-				"data-picture": Me(e) || void 0,
-				children: [Me(e) ? /* @__PURE__ */ _("span", {
+				"data-picture": U(e) || void 0,
+				children: [U(e) ? /* @__PURE__ */ _("span", {
 					className: De.picture,
 					style: { backgroundImage: `url("${Ne(e.url)}")` },
 					role: "img",
@@ -365,7 +365,7 @@ function Le({ mode: e, color: t = "currentColor", duration: n = .22, size: r = 1
 					alignItems: "center",
 					justifyContent: "center"
 				},
-				children: e === "send" ? /* @__PURE__ */ _(F, {
+				children: e === "send" ? /* @__PURE__ */ _(P, {
 					size: r,
 					color: t,
 					strokeWidth: 1.8,
@@ -483,7 +483,7 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				})
 			}, "read-more"), [{
 				id: "copy",
-				icon: /* @__PURE__ */ _(P, {
+				icon: /* @__PURE__ */ _(N, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -533,7 +533,7 @@ function ze() {
 		{
 			id: "attach",
 			label: e.attach,
-			icon: /* @__PURE__ */ _(de, {
+			icon: /* @__PURE__ */ _(z, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -541,7 +541,7 @@ function ze() {
 		{
 			id: "design",
 			label: e.design,
-			icon: /* @__PURE__ */ _(z, {
+			icon: /* @__PURE__ */ _(de, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -944,14 +944,14 @@ 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: N, labels: ee, animationConfig: P, style: F }, I) {
-	let te = l(), L = H("input", ee), ne = H("voice"), re = M ?? L.placeholder, ie = N !== !1, R = p(null), ae = p(null), oe = p(null), se = p(0), ce = p(!1), le = p(null), [ue, z] = m(!1), [de, 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);
+}, 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);
 	c(() => () => {
 		Oe.current && clearTimeout(Oe.current);
 	}, []);
-	let ke = w(), Ae = p(e), je = p(P);
-	je.current = P;
-	let U = p(null), [Me, Ne] = m([]), Pe = s ?? Me, Ie = p(Pe);
+	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([]);
 	c(() => () => {
@@ -990,7 +990,7 @@ var nt = .9, rt = {
 		}
 		Ne((t) => (Ve(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
 	}, [f, Ve]);
-	u(I, () => ({
+	u(F, () => ({
 		focus: (e) => R.current?.focus(e),
 		setValue: (e) => {
 			let t = R.current;
@@ -1021,8 +1021,8 @@ var nt = .9, rt = {
 			Ge.current = null, R.current?.focus();
 		},
 		meterRef: We,
-		labels: ne
-	}), 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 = P, dt = J ? {
+		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 ? {
 		type: "spring",
 		stiffness: J.bubble.stiffness,
 		damping: J.bubble.damping,
@@ -1150,12 +1150,12 @@ var nt = .9, rt = {
 	}, [t]), /* @__PURE__ */ _(x, {
 		reducedMotion: "user",
 		children: /* @__PURE__ */ _(b, {
-			id: te,
+			id: ne,
 			children: /* @__PURE__ */ v("div", {
 				className: W.wrap,
-				onMouseEnter: () => z(!0),
-				onMouseLeave: () => z(!1),
-				style: F,
+				onMouseEnter: () => de(!0),
+				onMouseLeave: () => de(!1),
+				style: P,
 				children: [
 					/* @__PURE__ */ _(C.div, {
 						className: `${W.root} ${K ? W.isGlassRoot : ""}`,
@@ -1163,8 +1163,8 @@ var nt = .9, rt = {
 						animate: { filter: Se ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
 						style: {
 							pointerEvents: Se ? "none" : "auto",
-							width: F?.width === "100%" ? "100%" : void 0,
-							maxWidth: F?.maxWidth
+							width: P?.width === "100%" ? "100%" : void 0,
+							maxWidth: P?.maxWidth
 						},
 						transition: {
 							...dt,
@@ -1175,7 +1175,7 @@ var nt = .9, rt = {
 							}
 						},
 						children: /* @__PURE__ */ v(C.div, {
-							className: `${W.surface} ${K ? W.glass : ""} ${rt ? W.hovered : ""} ${de ? W.pulsed : ""}`,
+							className: `${W.surface} ${K ? W.glass : ""} ${rt ? W.hovered : ""} ${z ? W.pulsed : ""}`,
 							style: {
 								alignItems: "stretch",
 								flexDirection: "column",
@@ -1187,7 +1187,7 @@ var nt = .9, rt = {
 							children: [
 								/* @__PURE__ */ _("input", {
 									type: "file",
-									ref: U,
+									ref: Me,
 									accept: h,
 									multiple: T,
 									style: { display: "none" },
@@ -1279,8 +1279,8 @@ var nt = .9, rt = {
 													spellCheck: !1,
 													role: "textbox",
 													"aria-multiline": "true",
-													"aria-label": re,
-													"data-placeholder": q ? "" : re
+													"aria-label": L,
+													"data-placeholder": q ? "" : L
 												})
 											})
 										}),
@@ -1356,7 +1356,7 @@ var nt = .9, rt = {
 													"aria-busy": G.state === "requesting" || G.state === "transcribing",
 													"aria-pressed": G.state === "listening",
 													disabled: G.state === "denied",
-													"aria-label": G.state === "listening" ? L.stopListening : G.state === "requesting" ? L.waitingForMicrophone : G.state === "transcribing" ? L.cancelTranscription : G.state === "denied" ? L.microphoneBlocked : L.dictate,
+													"aria-label": G.state === "listening" ? I.stopListening : G.state === "requesting" ? I.waitingForMicrophone : G.state === "transcribing" ? I.cancelTranscription : G.state === "denied" ? I.microphoneBlocked : I.dictate,
 													style: {
 														width: "100%",
 														height: "100%",
@@ -1446,8 +1446,8 @@ var nt = .9, rt = {
 																onClick: (e) => {
 																	e.stopPropagation(), k?.();
 																},
-																"aria-label": L.cancelEdit,
-																title: L.cancelEdit,
+																"aria-label": I.cancelEdit,
+																title: I.cancelEdit,
 																style: {
 																	width: "100%",
 																	height: "100%"
@@ -1483,8 +1483,8 @@ var nt = .9, rt = {
 																onClick: (e) => {
 																	e.stopPropagation(), Ce(!0);
 																},
-																"aria-label": L.add,
-																title: L.add,
+																"aria-label": I.add,
+																title: I.add,
 																style: {
 																	width: "100%",
 																	height: "100%"
@@ -1551,7 +1551,7 @@ var nt = .9, rt = {
 															e.stopPropagation(), Xe ? i?.() : j || r(t, Pe);
 														},
 														disabled: Ze,
-														"aria-label": Xe ? L.stop : A ? L.save : L.send,
+														"aria-label": Xe ? I.stop : A ? I.save : I.send,
 														style: {
 															flexShrink: 0,
 															width: 28
@@ -1568,10 +1568,10 @@ var nt = .9, rt = {
 					/* @__PURE__ */ _(Be, {
 						isAddOpen: Se,
 						setIsAddOpen: Ce,
-						items: N || void 0,
+						items: ee || void 0,
 						onAdd: (e, t) => {
-							let n = N ? N.find((e) => e.id === t) : void 0;
-							t === "attach" && !n?.onSelect && U.current?.click(), a?.();
+							let n = ee ? ee.find((e) => e.id === t) : void 0;
+							t === "attach" && !n?.onSelect && Me.current?.click(), a?.();
 						},
 						showInlineGlyph: ut,
 						showButtons: ge,
@@ -1590,7 +1590,7 @@ var nt = .9, rt = {
 					lt && (G.state === "denied" || G.state === "failed") && /* @__PURE__ */ _("p", {
 						className: W.voiceNote,
 						"data-tone": G.state,
-						children: G.state === "denied" ? L.microphoneBlockedHelp : G.error ?? ne.couldNotOpen
+						children: G.state === "denied" ? I.microphoneBlockedHelp : G.error ?? re.couldNotOpen
 					})
 				]
 			})
@@ -1681,7 +1681,11 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 		let n = g.current.get(e);
 		n ? n.push(t) : g.current.set(e, [t]), C();
 	}, [C]), E = o((e, t) => {
-		T(e, t);
+		let n = b.current.find((t) => t.id === e), r = n?.parts?.some((e) => e.id === t.id) || g.current.get(e)?.some((e) => e.id === t.id), i = h.current.get(e) ?? n?.ai ?? "";
+		T(e, r || t.at !== void 0 ? t : {
+			...t,
+			at: i.length
+		});
 	}, [T]);
 	c(() => () => {
 		f.current !== null && cancelAnimationFrame(f.current), d.current?.abort();
@@ -1743,7 +1747,7 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 			versions: s,
 			versionIndex: s.length - 1
 		}), A("responding"), i === "at-send" && !n && D();
-		let c = "";
+		let c = "", l = /* @__PURE__ */ new Set();
 		try {
 			let n = v.current(t, {
 				signal: a.signal,
@@ -1752,7 +1756,14 @@ function ht({ onSend: e, revealSpeed: t = ct, sentencePause: n = lt, announcemen
 			});
 			if (pt(n)) for await (let t of n) {
 				if (a.signal.aborted) break;
-				typeof t == "string" ? (c += t, w(e, c)) : T(e, t);
+				if (typeof t == "string") c += t, w(e, c);
+				else {
+					let n = !l.has(t.id);
+					l.add(t.id), T(e, n && t.at === void 0 ? {
+						...t,
+						at: c.length
+					} : t);
+				}
 			}
 			else c = await n ?? "", await k(e, c, a.signal);
 		} catch (e) {
@@ -1868,7 +1879,7 @@ var Y = {
 	}
 	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, N] = m(!1), [ee, P] = m(!1), F = o((e) => {
+	let D = H("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, ee] = m(!1), [te, N] = m(!1), P = o((e) => {
 		j.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 	}, [E]);
 	c(() => {
@@ -1876,20 +1887,20 @@ var Y = {
 		if (!e || x === !1 || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
 			let t = e.contentRect.width;
-			N(t > 0 && t < x);
+			ee(t > 0 && t < x);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [x]), c(() => {
 		if (!b) return;
 		let e = St(j.current), t = () => {
 			let t = e === window ? window.scrollY : e.scrollTop;
-			P(t > 0);
+			N(t > 0);
 		};
 		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, [b]);
-	let I = x !== !1 && M, te = I ? u.filter((e) => e.pinned) : u, L = I ? u.filter((e) => !e.pinned) : [], ne = r ? `h${r}` : "span";
+	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";
 	return /* @__PURE__ */ v(S ? "header" : "div", {
-		ref: F,
+		ref: P,
 		className: [
 			Y.header,
 			yt[h],
@@ -1898,7 +1909,7 @@ var Y = {
 			y ? Y.sticky : "",
 			w ?? ""
 		].filter(Boolean).join(" "),
-		"data-scrolled": b && ee || void 0,
+		"data-scrolled": b && te || void 0,
 		...T,
 		children: [/* @__PURE__ */ v("div", {
 			className: Y.start,
@@ -1927,7 +1938,7 @@ var Y = {
 				}),
 				(e || t) && /* @__PURE__ */ v("div", {
 					className: Y.titles,
-					children: [e && /* @__PURE__ */ _(ne, {
+					children: [e && /* @__PURE__ */ _(re, {
 						className: [Y.title, i ? Y.truncate : ""].filter(Boolean).join(" "),
 						title: typeof e == "string" && i ? e : void 0,
 						children: e
@@ -1941,12 +1952,12 @@ var Y = {
 			className: Y.end,
 			children: [
 				C,
-				te.map((e) => /* @__PURE__ */ _(wt, {
+				ne.map((e) => /* @__PURE__ */ _(wt, {
 					action: e,
 					size: h
 				}, e.id)),
-				L.length > 0 && /* @__PURE__ */ _(Tt, {
-					actions: L,
+				I.length > 0 && /* @__PURE__ */ _(Tt, {
+					actions: I,
 					size: h,
 					label: A
 				})
@@ -2086,9 +2097,9 @@ function Ot({ text: e, onCopy: t, onRegenerate: n, onFeedback: r, feedback: i =
 		].filter(Boolean).join(" "),
 		...f,
 		children: [
-			/* @__PURE__ */ _(V, {
+			e.trim() && /* @__PURE__ */ _(V, {
 				variant: "ghost",
-				icon: _(h ? j : P, {
+				icon: _(h ? j : N, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -2158,7 +2169,7 @@ function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a })
 				onPointerDown: (e) => e.stopPropagation(),
 				disabled: s === 0,
 				"aria-label": o.previous,
-				children: /* @__PURE__ */ _(N, {
+				children: /* @__PURE__ */ _(ee, {
 					size: 14,
 					"aria-hidden": !0
 				})
@@ -2181,7 +2192,7 @@ function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a })
 				onPointerDown: (e) => e.stopPropagation(),
 				disabled: s === e - 1,
 				"aria-label": o.next,
-				children: /* @__PURE__ */ _(ee, {
+				children: /* @__PURE__ */ _(te, {
 					size: 14,
 					"aria-hidden": !0
 				})
@@ -2515,7 +2526,7 @@ function tn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor
 				onClick: C,
 				onPointerDown: (e) => e.stopPropagation(),
 				"aria-label": h ? d.copied : d.copyCode,
-				children: [_(h ? j : P, {
+				children: [_(h ? j : N, {
 					size: 13,
 					"aria-hidden": !0
 				}), /* @__PURE__ */ _("span", {
@@ -3375,10 +3386,10 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 		type: "spring",
 		visualDuration: j.visualDuration,
 		bounce: j.bounce
-	}, N = {
+	}, ee = {
 		hidden: { transition: { staggerChildren: O ? 0 : j.stagger } },
 		shown: { transition: { staggerChildren: O ? 0 : j.stagger } }
-	}, ee = (e, t = 0) => O ? { duration: 0 } : {
+	}, te = (e, t = 0) => O ? { duration: 0 } : {
 		type: "spring",
 		visualDuration: j.rowDuration,
 		bounce: j.rowBounce,
@@ -3387,19 +3398,19 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 			duration: e,
 			delay: t
 		}
-	}, P = {
+	}, N = {
 		hidden: {
 			opacity: 0,
 			y: O ? 0 : j.rowOffset,
-			transition: ee(j.fadeOut)
+			transition: te(j.fadeOut)
 		},
 		shown: {
 			opacity: 1,
 			y: 0,
-			transition: ee(j.fadeIn, O ? 0 : j.fadeInDelay)
+			transition: te(j.fadeIn, O ? 0 : j.fadeInDelay)
 		}
-	}, F = {
-		variants: N,
+	}, P = {
+		variants: ee,
 		initial: "hidden",
 		animate: "shown",
 		exit: "hidden",
@@ -3436,9 +3447,9 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 					initial: !1,
 					mode: "popLayout",
 					children: k ? /* @__PURE__ */ _(C.div, {
-						...F,
+						...P,
 						children: /* @__PURE__ */ v(C.div, {
-							variants: P,
+							variants: N,
 							className: Pn.summary,
 							children: [/* @__PURE__ */ v("span", {
 								className: Pn.count,
@@ -3454,9 +3465,9 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 						})
 					}, "summary") : /* @__PURE__ */ _(C.div, {
 						className: Pn.list,
-						...F,
+						...P,
 						children: n.map((e, t) => /* @__PURE__ */ _(C.div, {
-							variants: P,
+							variants: N,
 							className: Pn.row,
 							children: /* @__PURE__ */ _(Nn, {
 								question: e,
@@ -4081,18 +4092,18 @@ var xr = {
 	}), 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, N] = m(0), ee = p(null), P = p(null), [F, I] = m(null), [te, L] = m(null), ne = o((e) => {
-		e.viaKeyboard && (P.current = document.activeElement), N(0), j(e);
-	}, []), re = o((e = "none") => {
-		let t = P.current;
-		P.current = null, j(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : g.current?.focus());
+	let h = H("highlighter"), g = p(null), [b, S] = m([]), [w, T] = m([]), [E, D] = m(null), [O, k] = m(!1), [A, j] = m(null), [M, 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());
 	}, []);
 	c(() => {
 		let e = (e) => {
-			A && g.current && !g.current.contains(e.target) && re();
+			A && g.current && !g.current.contains(e.target) && L();
 		};
 		return window.addEventListener("pointerdown", e), () => window.removeEventListener("pointerdown", e);
-	}, [A, re]);
+	}, [A, L]);
 	let ie = f(() => vr(t), [t]), R = ie.tokens, oe = p(w), se = p(a), ce = p(A);
 	c(() => {
 		oe.current = w, se.current = a, ce.current = A;
@@ -4115,14 +4126,14 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		R
 	]), ue = (e, t = !1) => {
 		let n = e.kind === "path" ? Tr(e.item.points) : Er(e.item.rects);
-		ne({
+		re({
 			x: n.x,
 			y: n.y,
 			pathId: e.id,
 			kind: e.kind,
 			viaKeyboard: t
 		});
-	}, z = o((e, t, n = !1) => {
+	}, de = o((e, t, n = !1) => {
 		let r = g.current, i = t.trim();
 		if (!r || !i) return;
 		let a = /* @__PURE__ */ new Set();
@@ -4157,14 +4168,14 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			highlightedIndices: a
 		}]);
 		let d = Er(l);
-		ne({
+		re({
 			x: d.x,
 			y: d.y,
 			pathId: u,
 			kind: "selection",
 			viaKeyboard: n
 		});
-	}, [ne]);
+	}, [re]);
 	c(() => {
 		let e = (e) => {
 			if (ce.current) return;
@@ -4173,7 +4184,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			let n = window.getSelection();
 			if (!n || n.isCollapsed || n.rangeCount === 0 || !n.toString().trim()) return;
 			let r = n.getRangeAt(0);
-			t.contains(r.commonAncestorContainer) && (z(r, n.toString(), e), requestAnimationFrame(() => window.getSelection()?.removeAllRanges()));
+			t.contains(r.commonAncestorContainer) && (de(r, n.toString(), e), requestAnimationFrame(() => window.getSelection()?.removeAllRanges()));
 		}, t = () => e(!1), n = (t) => {
 			let n = (t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "a";
 			!t.shiftKey && !n || e(!0);
@@ -4181,9 +4192,9 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		return document.addEventListener("mouseup", t), document.addEventListener("keyup", n), () => {
 			document.removeEventListener("mouseup", t), document.removeEventListener("keyup", n);
 		};
-	}, [z]);
-	let [de, fe] = m(i);
-	de !== i && (fe(i), j(null));
+	}, [de]);
+	let [z, fe] = m(i);
+	z !== i && (fe(i), j(null));
 	let pe = f(() => R.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [R]), [me, he] = m(null), [ge, _e] = m(null), ve = l(), ye = f(() => me === null || ge === null ? null : {
 		from: Math.min(ge, me),
 		to: Math.max(ge, me)
@@ -4198,28 +4209,28 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		r.setStartBefore(t), r.setEndAfter(n);
 		let i = "";
 		for (let e = ye.from; e <= ye.to; e++) i += R[e];
-		z(r, i, !0), be();
-	}, Ce = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
+		de(r, i, !0), be();
+	}, Ce = () => [...te.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
 	c(() => {
 		if (!A) return;
 		let e = Ce();
 		if (e.length === 0) return;
-		let t = ee.current?.contains(document.activeElement);
+		let t = te.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(), N((e) => (e + n + t) % t);
+			e.preventDefault(), e.stopPropagation(), ee((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(), N(0);
-			case "End": return e.preventDefault(), N(t - 1);
+			case "Home": return e.preventDefault(), ee(0);
+			case "End": return e.preventDefault(), ee(t - 1);
 			default: return;
 		}
 	}, B = (e) => {
@@ -4238,7 +4249,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(), re("restore"), be());
+			case "Escape": return !A && me === null ? void 0 : (e.preventDefault(), L("restore"), be());
 			default: return;
 		}
 	}, Te = (e, t, n) => {
@@ -4249,7 +4260,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		}
 	}, Ee = (e) => {
 		if (A) {
-			re();
+			L();
 			return;
 		}
 		if (i === "precise" || e.button !== 0 && e.pointerType === "mouse") return;
@@ -4264,7 +4275,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 			}],
 			highlightedIndices: /* @__PURE__ */ new Set()
 		};
-		D(s), re(), Te(e.clientX, e.clientY, s.highlightedIndices);
+		D(s), L(), 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;
@@ -4284,7 +4295,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 		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);
-				ne({
+				re({
 					x: e.x,
 					y: e.y,
 					pathId: E.id,
@@ -4298,10 +4309,10 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 	}, Ae = (e) => {
 		let t = b.find((t) => t.id === e);
 		return t ? Dr(t.highlightedIndices, R) : "";
-	}, U = (e) => {
+	}, 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)), re(t ? "container" : "none");
-	}, Me = () => {
+		A?.kind === "selection" ? T((t) => t.filter((t) => t.id !== e)) : S((t) => t.filter((t) => t.id !== e)), L(t ? "container" : "none");
+	}, U = () => {
 		let e = A?.viaKeyboard;
 		if (A && s) {
 			if (A.kind === "selection") {
@@ -4319,17 +4330,19 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 				t && s(e, t.getBoundingClientRect());
 			}
 		}
-		re(e ? "restore" : "none");
+		L(e ? "restore" : "none");
 	}, Ne = (e) => {
-		let t = R[e], n = !1;
+		let t = R[e];
+		if (!r) return t;
+		let n = !1;
 		A && (n = (A.kind === "path" ? b.find((e) => e.id === A.pathId) : w.find((e) => e.id === A.pathId))?.highlightedIndices?.has(e) ?? !1);
-		let r = !1;
-		return F && (r = (b.find((e) => e.id === F) ?? w.find((e) => e.id === F))?.highlightedIndices?.has(e) ?? !1), /* @__PURE__ */ _("span", {
+		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,
 			"data-space": !t.trim() || void 0,
 			"data-active": n || void 0,
-			"data-pressed": r || void 0,
+			"data-pressed": i || void 0,
 			"data-kbd-cursor": me === e || void 0,
 			"data-kbd-selected": ye && e >= ye.from && e <= ye.to || void 0,
 			children: t
@@ -4403,23 +4416,23 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							className: xr.marker,
 							d: t.d,
 							"data-cursor": "pointer",
-							"data-pressed": F === t.id || void 0,
-							"data-active": A?.pathId === t.id || te === t.id || void 0,
+							"data-pressed": P === t.id || void 0,
+							"data-active": A?.pathId === t.id || ne === t.id || void 0,
 							"data-dimmed": A && A.pathId !== t.id || void 0,
 							style: { pointerEvents: O ? "none" : "stroke" },
 							onPointerDown: (e) => {
-								O || (e.stopPropagation(), I(t.id));
+								O || (e.stopPropagation(), F(t.id));
 							},
 							onPointerUp: (e) => {
-								F === t.id && (e.stopPropagation(), ue(t), I(null));
+								P === t.id && (e.stopPropagation(), ue(t), F(null));
 							},
-							onPointerLeave: () => I(null),
-							onPointerCancel: () => I(null)
+							onPointerLeave: () => F(null),
+							onPointerCancel: () => F(null)
 						}), /* @__PURE__ */ _("path", {
 							className: xr.shimmer,
 							d: t.d,
 							pathLength: 1,
-							"data-active": A?.pathId === t.id || te === t.id || void 0
+							"data-active": A?.pathId === t.id || ne === t.id || void 0
 						})] }, t.id)), E && /* @__PURE__ */ _("path", {
 							className: xr.marker,
 							d: wr(E.points)
@@ -4433,8 +4446,8 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 						type: "button",
 						className: xr.srOnly,
 						onPointerDown: (e) => e.stopPropagation(),
-						onFocus: () => L(e.id),
-						onBlur: () => L(null),
+						onFocus: () => I(e.id),
+						onBlur: () => I(null),
 						onClick: (t) => {
 							t.stopPropagation(), ue(e, !0);
 						},
@@ -4442,12 +4455,12 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 					}, e.id))
 				}),
 				/* @__PURE__ */ _(y, { children: r && A && /* @__PURE__ */ v(C.div, {
-					ref: ee,
+					ref: te,
 					role: "menu",
 					"aria-label": h.menu,
 					onKeyDown: we,
 					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || re();
+						e.currentTarget.contains(e.relatedTarget) || L();
 					},
 					initial: { opacity: 0 },
 					animate: {
@@ -4494,7 +4507,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							tabIndex: M === 0 ? 0 : -1,
 							icon: /* @__PURE__ */ _(ae, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), Me();
+								e.stopPropagation(), U();
 							},
 							title: h.reply,
 							children: h.reply
@@ -4526,7 +4539,7 @@ function Ar({ text: t, marking: r = !0, selectionMode: i = "marker", onHighlight
 							tabIndex: M === 1 ? 0 : -1,
 							icon: /* @__PURE__ */ _(Se, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), U(A.pathId);
+								e.stopPropagation(), Me(A.pathId);
 							},
 							title: h.remove,
 							"aria-label": h.remove
@@ -4546,15 +4559,131 @@ var jr = {
 	actions: "ick-actions-CWq8"
 }, Mr = (e) => {
 	navigator.clipboard?.writeText(e);
-}, Nr = 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: N, composerMenu: ee, labels: P, className: F, onTranscribe: I }) {
-	let te = q(), L = te ? 0 : -16, ne = e.parts ?? [], re = ne.find((e) => e.kind === "sources")?.sources, ie = /* @__PURE__ */ v(C.article, {
+}, Nr = (e, t) => {
+	let n = t.map((t, n) => ({
+		part: t,
+		order: n,
+		at: Math.min(Math.max(t.at ?? 0, 0), e.length)
+	})).sort((e, t) => e.at - t.at || e.order - t.order), r = [], i = 0, a = (t) => {
+		let n = e.slice(i, t);
+		n.trim() && r.push({
+			kind: "prose",
+			text: n,
+			from: i
+		}), i = t;
+	};
+	for (let { part: e, at: t } of n) t > i && a(t), r.push({
+		kind: "part",
+		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, {
+			total: e.versions?.length ?? 0,
+			index: e.versionIndex ?? 0,
+			onSelect: (t) => E?.(e.id, t)
+		}), /* @__PURE__ */ _(Ot, {
+			text: e.ai,
+			onCopy: x,
+			onRegenerate: T ? () => T(e.id) : void 0,
+			onFeedback: D ? (t) => D(e.id, t) : void 0,
+			feedback: O
+		})]
+	}) : null, se = (t) => {
+		switch (t.kind) {
+			case "reasoning": return /* @__PURE__ */ _(Vt, {
+				state: t.state,
+				duration: t.duration,
+				children: t.text ?? ""
+			}, t.id);
+			case "tool": return /* @__PURE__ */ _(cn, {
+				name: t.name ?? "",
+				state: t.state,
+				summary: t.summary,
+				input: t.input,
+				output: t.output,
+				error: t.error,
+				duration: t.duration
+			}, t.id);
+			case "tasks": return /* @__PURE__ */ _(mn, {
+				title: t.title,
+				tasks: t.tasks ?? [],
+				collapsible: t.collapsible
+			}, t.id);
+			case "chain": return /* @__PURE__ */ _(gn, {
+				steps: t.steps ?? [],
+				state: t.state,
+				duration: t.duration
+			}, t.id);
+			case "sources": return /* @__PURE__ */ _(vn, {
+				sources: t.sources ?? [],
+				title: t.title,
+				collapsible: t.collapsible
+			}, t.id);
+			case "approval": return /* @__PURE__ */ _(fn, {
+				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, {
+					name: t.tool.name,
+					state: "pending",
+					input: t.tool.input,
+					defaultOpen: !0
+				})
+			}, t.id);
+			case "artifact": return /* @__PURE__ */ _(Un, {
+				id: t.id,
+				title: t.title,
+				meta: t.meta,
+				kind: t.preview,
+				lang: t.lang,
+				content: t.content,
+				state: t.state,
+				open: o === t.id,
+				onOpen: s ? (t) => s(e.id, t) : void 0
+			}, t.id);
+			case "notice": return /* @__PURE__ */ _(zn, {
+				tone: t.tone,
+				children: t.text
+			}, t.id);
+			case "question": return /* @__PURE__ */ _(Ln, {
+				id: t.id,
+				title: t.title,
+				questions: t.questions ?? [],
+				answers: t.answers ?? {},
+				activeIndex: t.activeIndex,
+				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)
+			}, t.id);
+			case "custom": {
+				let n = ee?.(t, {
+					turnId: e.id,
+					openArtifact: (t) => c ? c(t) : s?.(e.id, t),
+					closeArtifact: () => c?.(null)
+				});
+				return n == null || n === !1 ? null : /* @__PURE__ */ _("div", {
+					className: jr.custom,
+					"data-part": "custom",
+					"data-part-type": t.type,
+					children: n
+				}, t.id);
+			}
+		}
+	}, ce = /* @__PURE__ */ v(C.article, {
 		id: `turn-${e.id}`,
-		className: [jr.turn, F ?? ""].filter(Boolean).join(" "),
+		className: [jr.turn, P ?? ""].filter(Boolean).join(" "),
 		"data-active-input": t || void 0,
 		"aria-busy": e.state === "responding" || void 0,
 		initial: {
 			opacity: 0,
-			y: L
+			y: I
 		},
 		animate: {
 			opacity: 1,
@@ -4562,10 +4691,10 @@ var jr = {
 		},
 		exit: {
 			opacity: 0,
-			y: L
+			y: I
 		},
 		transition: {
-			duration: te ? .15 : .4,
+			duration: ne ? .15 : .4,
 			ease: [
 				.22,
 				1,
@@ -4587,139 +4716,45 @@ var jr = {
 				attachments: e.attachments,
 				onStop: h,
 				busy: g,
-				onTranscribe: I,
+				onTranscribe: F,
 				onCopy: x,
 				onEdit: () => y?.(e.id),
 				onCancelEdit: () => b?.(e.id),
 				isEditing: e.ai.length > 0 && e.state === "typing",
 				animationConfig: i,
 				placeholder: r,
-				menu: ee
+				menu: te
 			})
 		}), /* @__PURE__ */ v("div", {
 			className: jr.body,
 			children: [
-				ne.map((t) => {
-					switch (t.kind) {
-						case "reasoning": return /* @__PURE__ */ _(Vt, {
-							state: t.state,
-							duration: t.duration,
-							children: t.text ?? ""
-						}, t.id);
-						case "tool": return /* @__PURE__ */ _(cn, {
-							name: t.name ?? "",
-							state: t.state,
-							summary: t.summary,
-							input: t.input,
-							output: t.output,
-							error: t.error,
-							duration: t.duration
-						}, t.id);
-						case "tasks": return /* @__PURE__ */ _(mn, {
-							title: t.title,
-							tasks: t.tasks ?? [],
-							collapsible: t.collapsible
-						}, t.id);
-						case "chain": return /* @__PURE__ */ _(gn, {
-							steps: t.steps ?? [],
-							state: t.state,
-							duration: t.duration
-						}, t.id);
-						case "sources": return /* @__PURE__ */ _(vn, {
-							sources: t.sources ?? [],
-							title: t.title,
-							collapsible: t.collapsible
-						}, t.id);
-						case "approval": return /* @__PURE__ */ _(fn, {
-							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, {
-								name: t.tool.name,
-								state: "pending",
-								input: t.tool.input,
-								defaultOpen: !0
-							})
-						}, t.id);
-						case "artifact": return /* @__PURE__ */ _(Un, {
-							id: t.id,
-							title: t.title,
-							meta: t.meta,
-							kind: t.preview,
-							lang: t.lang,
-							content: t.content,
-							state: t.state,
-							open: o === t.id,
-							onOpen: s ? (t) => s(e.id, t) : void 0
-						}, t.id);
-						case "notice": return /* @__PURE__ */ _(zn, {
-							tone: t.tone,
-							children: t.text
-						}, t.id);
-						case "question": return /* @__PURE__ */ _(Ln, {
-							id: t.id,
-							title: t.title,
-							questions: t.questions ?? [],
-							answers: t.answers ?? {},
-							activeIndex: t.activeIndex,
-							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)
-						}, t.id);
-						case "custom": {
-							let n = N?.(t, {
-								turnId: e.id,
-								openArtifact: (t) => c ? c(t) : s?.(e.id, t),
-								closeArtifact: () => c?.(null)
-							});
-							return n == null || n === !1 ? null : /* @__PURE__ */ _("div", {
-								className: jr.custom,
-								"data-part": "custom",
-								"data-part-type": t.type,
-								children: n
-							}, t.id);
-						}
-					}
-				}),
-				e.state === "responding" && !e.ai && ne.length === 0 && /* @__PURE__ */ _("div", {
-					className: jr.answer,
-					children: /* @__PURE__ */ _(Mt, {})
-				}),
-				e.ai && /* @__PURE__ */ v("div", {
+				ie.map((t, n) => t.kind === "part" ? se(t.part) : /* @__PURE__ */ v("div", {
 					className: jr.answer,
 					children: [/* @__PURE__ */ _(Ar, {
-						text: e.ai,
+						text: t.text,
 						marking: d,
 						selectionMode: u,
-						sources: re,
+						sources: L,
 						onHighlightComplete: d ? (t) => S?.(e.id, t) : void 0,
 						onReplyInThread: d ? w : void 0
-					}), k && e.state === "resting" && /* @__PURE__ */ v("div", {
-						className: jr.actions,
-						children: [/* @__PURE__ */ _(At, {
-							total: e.versions?.length ?? 0,
-							index: e.versionIndex ?? 0,
-							onSelect: (t) => E?.(e.id, t)
-						}), /* @__PURE__ */ _(Ot, {
-							text: e.ai,
-							onCopy: x,
-							onRegenerate: T ? () => T(e.id) : void 0,
-							onFeedback: D ? (t) => D(e.id, t) : void 0,
-							feedback: O
-						})]
-					})]
+					}), ae === n && oe]
+				}, `prose-${t.from}`)),
+				e.state === "responding" && !e.ai && re.length === 0 && /* @__PURE__ */ _("div", {
+					className: jr.answer,
+					children: /* @__PURE__ */ _(Mt, {})
+				}),
+				ae === ie.length && /* @__PURE__ */ _("div", {
+					className: jr.answer,
+					"data-actions-only": "",
+					children: oe
 				})
 			]
 		})]
 	});
-	return P ? /* @__PURE__ */ _(Ae, {
-		labels: P,
-		children: ie
-	}) : ie;
+	return N ? /* @__PURE__ */ _(Ae, {
+		labels: N,
+		children: ce
+	}) : ce;
 }, (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) {
@@ -4731,7 +4766,7 @@ var jr = {
 		if (!Object.is(e[r], t[r])) return !1;
 	}
 	return !0;
-}), Pr = {
+}), Fr = {
 	context: "ick-context-ZOiv",
 	ring: "ick-ring-uVUc",
 	track: "ick-track---kg",
@@ -4740,7 +4775,7 @@ var jr = {
 };
 //#endregion
 //#region src/Context/Context.tsx
-function Fr(e) {
+function Ir(e) {
 	if (!Number.isFinite(e) || e < 0) return "";
 	if (e >= 1e6) {
 		let t = e / 1e6;
@@ -4752,11 +4787,11 @@ function Fr(e) {
 	}
 	return String(Math.round(e));
 }
-var Ir = 6, Lr = 2 * Math.PI * Ir;
-function Rr({ 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}%, ${Fr(e)} ${s.of} ${Fr(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
+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}` : ""}`;
 	return /* @__PURE__ */ v("div", {
-		className: [Pr.context, a ?? ""].filter(Boolean).join(" "),
+		className: [Fr.context, a ?? ""].filter(Boolean).join(" "),
 		"data-warn": u || void 0,
 		role: "meter",
 		"aria-valuenow": l,
@@ -4766,31 +4801,31 @@ function Rr({ used: e, total: t, warnAt: n = .8, label: r, labels: i, className:
 		title: f,
 		...o,
 		children: [/* @__PURE__ */ v("svg", {
-			className: Pr.ring,
+			className: Fr.ring,
 			viewBox: "0 0 16 16",
 			"aria-hidden": !0,
 			focusable: "false",
 			children: [/* @__PURE__ */ _("circle", {
-				className: Pr.track,
+				className: Fr.track,
 				cx: "8",
 				cy: "8",
-				r: Ir
+				r: Lr
 			}), /* @__PURE__ */ _("circle", {
-				className: Pr.fill,
+				className: Fr.fill,
 				cx: "8",
 				cy: "8",
-				r: Ir,
-				strokeDasharray: Lr,
-				strokeDashoffset: Lr * (1 - c),
+				r: Lr,
+				strokeDasharray: Rr,
+				strokeDashoffset: Rr * (1 - c),
 				transform: "rotate(-90 8 8)"
 			})]
 		}), d !== null && /* @__PURE__ */ _("span", {
-			className: Pr.label,
+			className: Fr.label,
 			children: d
 		})]
 	});
 }
-var zr = {
+var Br = {
 	pane: "ick-pane-Yv8Y",
 	grabber: "ick-grabber-OhMd",
 	head: "ick-head-p2-j",
@@ -4804,7 +4839,7 @@ var zr = {
 };
 //#endregion
 //#region src/Artifact/ArtifactPane.tsx
-function Br({ 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 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 }) {
 	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 });
@@ -4823,29 +4858,29 @@ function Br({ 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: [zr.pane, f ?? ""].filter(Boolean).join(" "),
+		className: [Br.pane, f ?? ""].filter(Boolean).join(" "),
 		"aria-labelledby": x,
 		"aria-modal": i || void 0,
 		role: i ? "dialog" : "complementary",
 		...m,
 		children: [
 			i && /* @__PURE__ */ _("span", {
-				className: zr.grabber,
+				className: Br.grabber,
 				"aria-hidden": !0
 			}),
 			/* @__PURE__ */ v("div", {
-				className: zr.head,
+				className: Br.head,
 				children: [
 					/* @__PURE__ */ v("div", {
-						className: zr.headText,
+						className: Br.headText,
 						children: [/* @__PURE__ */ _("h2", {
-							className: zr.title,
+							className: Br.title,
 							id: x,
 							ref: C,
 							tabIndex: -1,
 							children: e
 						}), t && /* @__PURE__ */ _("p", {
-							className: zr.meta,
+							className: Br.meta,
 							children: t
 						})]
 					}),
@@ -4873,15 +4908,15 @@ function Br({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 				]
 			}),
 			/* @__PURE__ */ _("div", {
-				className: zr.body,
-				children: n ?? /* @__PURE__ */ _(Vr, {})
+				className: Br.body,
+				children: n ?? /* @__PURE__ */ _(Hr, {})
 			})
 		]
 	});
 }
-function Vr() {
+function Hr() {
 	return /* @__PURE__ */ _("div", {
-		className: zr.skeleton,
+		className: Br.skeleton,
 		"aria-hidden": !0,
 		children: [
 			68,
@@ -4892,18 +4927,18 @@ function Vr() {
 			100,
 			84
 		].map((e, t) => /* @__PURE__ */ _("span", {
-			className: zr.line,
+			className: Br.line,
 			style: { width: `${e}%` }
 		}, t))
 	});
 }
-var Hr = {
+var Ur = {
 	layout: "ick-layout-nC6G",
 	chat: "ick-chat-OTXm",
 	card: "ick-card-Iddg",
 	slot: "ick-slot-O--R",
 	scrim: "ick-scrim-11Pp"
-}, Ur = 760, Wr = {
+}, Wr = 760, Gr = {
 	closed: {
 		width: 0,
 		transition: {
@@ -4921,7 +4956,7 @@ var Hr = {
 			bounce: 0
 		}
 	}
-}, Gr = {
+}, Kr = {
 	closed: {
 		opacity: 0,
 		x: 24,
@@ -4940,7 +4975,7 @@ var Hr = {
 			delay: .06
 		}
 	}
-}, Kr = {
+}, qr = {
 	closed: {
 		y: "100%",
 		transition: {
@@ -4957,7 +4992,7 @@ var Hr = {
 			bounce: .18
 		}
 	}
-}, qr = {
+}, Jr = {
 	closed: {
 		opacity: 0,
 		transition: { duration: .18 }
@@ -4966,34 +5001,34 @@ var Hr = {
 		opacity: 1,
 		transition: { duration: .26 }
 	}
-}, Jr = { transition: { duration: 0 } }, Yr = (e) => ({
+}, Yr = { transition: { duration: 0 } }, Xr = (e) => ({
 	closed: {
 		...e.closed,
-		...Jr
+		...Yr
 	},
 	open: {
 		...e.open,
-		...Jr
+		...Yr
 	}
 });
-function Xr({ children: e, pane: t, onDismiss: n, surface: r = "flush", className: i, ...a }) {
+function Zr({ 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 ? Kr : Wr, t = l ? void 0 : Gr;
+		let e = l ? qr : Gr, t = l ? void 0 : Kr;
 		return b ? [
-			Yr(e),
-			t && Yr(t),
-			Yr(qr)
+			Xr(e),
+			t && Xr(t),
+			Xr(Jr)
 		] : [
 			e,
 			t,
-			qr
+			Jr
 		];
 	}, [b, l]);
 	c(() => {
 		let e = s.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			u(e.contentRect.width <= Ur);
+			u(e.contentRect.width <= Wr);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
@@ -5004,17 +5039,17 @@ function Xr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 	});
 	return /* @__PURE__ */ v("div", {
 		ref: s,
-		className: [Hr.layout, i ?? ""].filter(Boolean).join(" "),
+		className: [Ur.layout, i ?? ""].filter(Boolean).join(" "),
 		"data-pane": T ? "" : void 0,
 		"data-surface": r === "panes" ? "panes" : void 0,
 		...a,
 		children: [/* @__PURE__ */ _("div", {
-			className: Hr.chat,
+			className: Ur.chat,
 			children: e
 		}), /* @__PURE__ */ v(y, {
 			initial: !1,
 			children: [T && l && n && /* @__PURE__ */ _(C.div, {
-				className: Hr.scrim,
+				className: Ur.scrim,
 				variants: w,
 				initial: "closed",
 				animate: "open",
@@ -5022,13 +5057,13 @@ function Xr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 				"aria-hidden": !0,
 				onClick: n
 			}, "scrim"), T && /* @__PURE__ */ _(C.div, {
-				className: Hr.slot,
+				className: Ur.slot,
 				variants: x,
 				initial: "closed",
 				animate: "open",
 				exit: "closed",
 				children: /* @__PURE__ */ _(C.div, {
-					className: Hr.card,
+					className: Ur.card,
 					"data-expanded": d && !l || void 0,
 					variants: S,
 					...l && n ? {
@@ -5054,7 +5089,7 @@ function Xr({ children: e, pane: t, onDismiss: n, surface: r = "flush", classNam
 }
 //#endregion
 //#region src/Artifact/useArtifacts.ts
-function Zr(e = null) {
+function Qr(e = null) {
 	let [t, n] = m(e);
 	return {
 		openId: t,
@@ -5063,14 +5098,14 @@ function Zr(e = null) {
 		toggle: o((e) => n((t) => t === e ? null : e), [])
 	};
 }
-var Qr = {
+var $r = {
 	root: "ick-root-JrOP",
 	viewport: "ick-viewport-C3hz",
 	content: "ick-content-33lN",
 	jump: "ick-jump-nd6O"
-}, $r = 64, ei = 500, ti = 4, ni = (e, t) => e.offsetTop - t.offsetTop, ri = (e, t) => t ? e.querySelector(`[id="${CSS.escape(t)}"]`) : null, ii = (e, t, n) => {
+}, 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) => {
 	n !== t.current && (t.current = n, e.style.setProperty("--ick-conversation-tail", `${Math.round(n)}px`));
-}, ai = r(function({ children: e, anchorId: t, anchorOffset: n = 0, endOffset: r = 0, tail: i = "auto", threshold: a = $r, scrollButton: s = !0, scrollButtonLabel: l, follow: f = !0, dock: h = !1, className: g, viewportClassName: y, onScroll: b, ...x }, S) {
+}, 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) {
 	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);
@@ -5086,82 +5121,82 @@ var Qr = {
 			r.disconnect(), t.style.removeProperty("--ick-dock-height");
 		};
 	}, [h]);
-	let j = p(-1), M = p(null), N = p(!1), ee = o(() => {
+	let j = p(-1), M = p(null), ee = p(!1), te = o(() => {
 		let e = T.current, t = E.current;
 		if (!e || !t) return 0;
-		if (i === "auto" && N.current) return Math.max(0, e.scrollHeight - e.clientHeight);
-		let n = h ? null : t.lastElementChild, a = n ? ni(n, e) + n.offsetHeight : ni(t, e) + t.offsetHeight - (h ? 0 : j.current);
+		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);
 		return Math.max(0, a + r - e.clientHeight);
 	}, [
 		h,
 		r,
 		i
-	]), P = o(() => {
+	]), N = o(() => {
 		let e = T.current, a = E.current;
 		if (!e || !a) return;
-		if (i !== "auto") return ii(a, j, Math.max(0, i));
-		let o = parseFloat(getComputedStyle(e).paddingBottom) || 0, s = Math.max(0, r - o), c = a.lastElementChild, l = ri(e, M.current);
-		if (N.current = !!c && !!l, !N.current || !c || !l) return ii(a, j, s);
-		let u = ni(c, e) + c.offsetHeight - ni(l, e), d = h ? Math.max(s, j.current + (ni(l, e) - n - (e.scrollHeight - e.clientHeight))) : Math.max(s, e.clientHeight - n - u - o);
-		ii(a, j, t ? Math.max(d, j.current) : d);
+		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);
 	}, [
 		i,
 		n,
 		r,
 		t,
 		h
-	]), F = o(() => {
+	]), P = 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 = ni(r, e), a = i - n, o = i + r.offsetHeight - e.clientHeight;
+				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));
 			}
 		}
-		return ee();
+		return te();
 	}, [
 		t,
 		n,
-		ee
-	]), I = p(0), te = p(null), L = o((e) => {
+		te
+	]), F = p(0), ne = p(null), I = o((e) => {
 		let t = T.current;
 		if (!t) return;
 		let n = e && !q();
-		I.current = n ? performance.now() + ei : 0, t.scrollTo({
-			top: F(),
+		F.current = n ? performance.now() + ti : 0, t.scrollTo({
+			top: P(),
 			behavior: n ? "smooth" : "auto"
 		}), A(!0);
-	}, [F]);
+	}, [P]);
 	d(() => {
 		t && (M.current = t);
 		let e = T.current, n = E.current;
-		if (P(), !e || !n || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(P);
+		if (N(), !e || !n || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(N);
 		return r.observe(n), r.observe(e), () => r.disconnect();
-	}, [t, P]), d(() => {
+	}, [t, N]), d(() => {
 		if (!f || !k && !t) return;
 		let e = T.current, n = E.current;
 		if (!e || !n || typeof ResizeObserver > "u") return;
 		let r = () => {
-			let n = F();
-			if (I.current) {
-				if (performance.now() < I.current && Math.abs(e.scrollTop - n) > 1) return;
-				I.current = 0;
+			let n = P();
+			if (F.current) {
+				if (performance.now() < F.current && Math.abs(e.scrollTop - n) > 1) return;
+				F.current = 0;
 			}
 			let r = n - e.scrollTop;
 			if (M.current && !t && Math.abs(r) > a && !q()) {
-				I.current = performance.now() + ei, e.scrollTo({
+				F.current = performance.now() + ti, e.scrollTo({
 					top: n,
 					behavior: "smooth"
 				});
 				return;
 			}
 			e.scrollTop = n;
-		}, i = t != null && t !== te.current;
-		t && (te.current = t), i && !q() && Math.abs(e.scrollTop - F()) > a ? (I.current = performance.now() + ei, e.scrollTo({
-			top: F(),
+		}, 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(),
 			behavior: "smooth"
 		})) : r();
 		let o = new ResizeObserver(r);
@@ -5169,7 +5204,7 @@ var Qr = {
 	}, [
 		f,
 		k,
-		F,
+		P,
 		t,
 		a
 	]), c(() => {
@@ -5177,7 +5212,7 @@ var Qr = {
 		let e = T.current;
 		if (!e) return;
 		let n = () => {
-			I.current = 0, Math.abs(e.scrollTop - F()) > a && A(!1);
+			F.current = 0, Math.abs(e.scrollTop - P()) > a && A(!1);
 		}, r = (e) => {
 			t ? n() : e.deltaY < 0 && A(!1);
 		}, i = (e) => {
@@ -5203,40 +5238,40 @@ var Qr = {
 	}, [
 		f,
 		a,
-		F,
+		P,
 		t
 	]);
-	let ne = o((e) => {
+	let re = o((e) => {
 		if (b?.(e), !f) return;
 		let t = T.current;
-		t && Math.abs(t.scrollTop - F()) <= ti && (I.current = 0, A(!0));
+		t && Math.abs(t.scrollTop - P()) <= ni && (F.current = 0, A(!0));
 	}, [
 		f,
 		b,
-		F
-	]), re = f && !k;
+		P
+	]), L = f && !k;
 	return /* @__PURE__ */ v("div", {
 		ref: O,
-		className: [Qr.root, g ?? ""].filter(Boolean).join(" "),
+		className: [$r.root, g ?? ""].filter(Boolean).join(" "),
 		"data-dock": h || void 0,
 		children: [/* @__PURE__ */ _("div", {
 			ref: T,
-			className: [Qr.viewport, y ?? ""].filter(Boolean).join(" "),
-			onScroll: ne,
+			className: [$r.viewport, y ?? ""].filter(Boolean).join(" "),
+			onScroll: re,
 			...x,
 			children: /* @__PURE__ */ _("div", {
 				ref: E,
-				className: Qr.content,
+				className: $r.content,
 				"data-dock": h || void 0,
 				children: e
 			})
 		}), s && /* @__PURE__ */ _("button", {
 			type: "button",
-			className: Qr.jump,
-			"data-shown": re || void 0,
-			tabIndex: re ? 0 : -1,
-			"aria-hidden": !re || void 0,
-			onClick: () => L(!0),
+			className: $r.jump,
+			"data-shown": L || void 0,
+			tabIndex: L ? 0 : -1,
+			"aria-hidden": !L || void 0,
+			onClick: () => I(!0),
 			"aria-label": w,
 			children: /* @__PURE__ */ _(D, {
 				size: 15,
@@ -5244,7 +5279,7 @@ var Qr = {
 			})
 		})]
 	});
-}), oi = {
+}), si = {
 	empty: "ick-empty-BP6G",
 	icon: "ick-icon-rZWd",
 	title: "ick-title-AoPi",
@@ -5253,26 +5288,26 @@ var Qr = {
 };
 //#endregion
 //#region src/EmptyState/EmptyState.tsx
-function si({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i, suggestionsLabel: a, children: o, className: s, ...c }) {
+function ci({ 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: [oi.empty, s ?? ""].filter(Boolean).join(" "),
+		className: [si.empty, s ?? ""].filter(Boolean).join(" "),
 		...c,
 		children: [
 			e && /* @__PURE__ */ _("div", {
-				className: oi.icon,
+				className: si.icon,
 				children: e
 			}),
 			t && /* @__PURE__ */ _("div", {
-				className: oi.title,
+				className: si.title,
 				children: t
 			}),
 			n && /* @__PURE__ */ _("p", {
-				className: oi.description,
+				className: si.description,
 				children: n
 			}),
 			d.length > 0 && /* @__PURE__ */ _("div", {
-				className: oi.suggestions,
+				className: si.suggestions,
 				role: "group",
 				"aria-label": u,
 				children: d.map((e) => /* @__PURE__ */ _(V, {
@@ -5288,14 +5323,14 @@ function si({ icon: e, title: t, description: n, suggestions: r, onSuggestion: i
 }
 //#endregion
 //#region src/ReplyThreadPopup/placePanel.ts
-var ci = 24, li = 480, ui = 80, di = 260;
-function fi(e, t, n = Infinity) {
-	let r = Math.max(t - 48, 0), i = Math.min(Math.max(e.width + ui, li), r), a = e.left + e.width / 2 - i / 2, o = Math.min(Math.max(a, ci), t - ci - i), s = Math.max(ci, n - ci - di), c = Math.min(Math.max(e.top - ci, Math.min(ci, n)), Number.isFinite(s) ? s : Infinity);
+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);
 	return {
 		x: o,
 		y: c,
 		width: i,
-		maxHeight: Number.isFinite(n) ? Math.max(di, n - c - ci) : Infinity
+		maxHeight: Number.isFinite(n) ? Math.max(fi, n - c - li) : Infinity
 	};
 }
 var Q = {
@@ -5319,7 +5354,7 @@ var Q = {
 	turn: "ick-turn-ogjU",
 	turnRow: "ick-turnRow-0OuP",
 	srOnly: "ick-srOnly-LwE1"
-}, pi = 760, mi = {
+}, mi = 760, hi = {
 	closed: {
 		y: "100%",
 		opacity: 1,
@@ -5338,11 +5373,11 @@ var Q = {
 			bounce: .18
 		}
 	}
-}, hi = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])";
-function gi({ 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: ${pi}px)`)?.matches ?? !1);
+}, 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);
 	c(() => {
-		let e = window.matchMedia?.(`(max-width: ${pi}px)`);
+		let e = window.matchMedia?.(`(max-width: ${mi}px)`);
 		if (!e?.addEventListener) return;
 		let t = () => w(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -5361,7 +5396,7 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let n = [...f.current?.querySelectorAll(hi) ?? []];
+		let n = [...f.current?.querySelectorAll(gi) ?? []];
 		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());
@@ -5393,12 +5428,12 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			behavior: "smooth"
 		});
 	}, [E]);
-	let { x: N, y: ee, width: P, maxHeight: F } = typeof window > "u" ? {
+	let { x: ee, y: te, width: N, maxHeight: P } = typeof window > "u" ? {
 		x: 0,
 		y: 0,
 		width: 480,
 		maxHeight: Infinity
-	} : fi(e.rect, window.innerWidth, window.innerHeight);
+	} : pi(e.rect, window.innerWidth, window.innerHeight);
 	return /* @__PURE__ */ _(x, {
 		reducedMotion: "user",
 		children: /* @__PURE__ */ _("div", {
@@ -5421,9 +5456,9 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 					opacity: 0
 				},
 				animate: S ? "open" : {
-					left: N,
-					top: ee,
-					width: P,
+					left: ee,
+					top: te,
+					width: N,
 					borderRadius: 28,
 					opacity: 1
 				},
@@ -5432,7 +5467,7 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 					scale: .95,
 					filter: "blur(4px)"
 				},
-				variants: S ? mi : void 0,
+				variants: S ? hi : void 0,
 				transition: S ? void 0 : {
 					type: "spring",
 					bounce: 0,
@@ -5453,7 +5488,7 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 						(n.offset.y > 120 || n.velocity.y > 600) && t();
 					}
 				} : {},
-				style: !S && Number.isFinite(F) ? { maxHeight: F } : void 0,
+				style: !S && Number.isFinite(P) ? { maxHeight: P } : void 0,
 				className: Q.panel,
 				children: /* @__PURE__ */ v("div", {
 					className: Q.column,
@@ -5576,7 +5611,7 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 }
 //#endregion
 //#region src/CustomCursor/CustomCursor.tsx
-function _i() {
+function vi() {
 	let e = T(-100), t = T(-100), [n, r] = m("default"), [i, a] = m(!1), [o, s] = m(!1);
 	return c(() => {
 		let n = (n) => {
@@ -5734,7 +5769,7 @@ function _i() {
 }
 //#endregion
 //#region src/theme/useThemeAttribute.ts
-function vi(e) {
+function yi(e) {
 	c(() => {
 		e !== void 0 && (e ? document.documentElement.setAttribute("data-theme", e) : document.documentElement.removeAttribute("data-theme"));
 	}, [e]);
@@ -5744,7 +5779,7 @@ var $ = {
 	feed: "ick-feed-XqZl",
 	dock: "ick-dock-tvIC",
 	centred: "ick-centred-5tu8",
-	paned: "ick-paned-MM8c",
+	fitted: "ick-fitted-JApW",
 	topBlur: "ick-topBlur-69Dl",
 	bottomBlur: "ick-bottomBlur-MXmb",
 	header: "ick-header-pQ7Z",
@@ -5761,108 +5796,108 @@ var $ = {
 	groupTitle: "ick-groupTitle-jiBB",
 	marks: "ick-marks-gwsN",
 	mark: "ick-mark-QkpW"
-}, yi = () => "", bi = {
+}, bi = () => "", xi = {
 	stiffness: 170,
 	damping: 24,
 	mass: 1
 };
-function xi({ 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", theme: N, onThemeChange: ee, cursor: P = !1, selectionToggle: F = !1, highlights: I = !0, bookmarks: te = !0, anchorOffset: L = 100, endOffset: re = 120, animationConfig: ie, foldMotion: R, feedDelay: ae = 0, onAnswerQuestion: oe, onEditQuestion: se, onDecideApproval: le, className: ue }) {
-	let z = H("experience", r?.experience), de = u ?? z.title, [fe, pe] = m([]), [me, he] = m(!1), [_e, be] = m(null), [xe, Se] = m("marker"), Ce = p(null), we = N !== void 0, [B, Te] = m(null), Ee = we ? N : B, [V, De] = m(() => typeof window < "u" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches);
+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);
 	c(() => {
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => De(e.matches);
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => Oe(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let Oe = Ee ?? (V ? "dark" : "light");
-	vi(Ee);
-	let ke = o((e) => {
-		we || Te(e), ee?.(e);
-	}, [we, ee]), U = M === "docked", Me = f(() => U ? {
+	let ke = V ?? (De ? "dark" : "light");
+	yi(V);
+	let Me = o((e) => {
+		B || Ee(e), N?.(e);
+	}, [B, N]), U = M === "docked", Ne = f(() => U ? {
 		...rt,
-		...ie,
-		bubble: ie?.bubble ?? bi
-	} : ie, [U, ie]), Ne = ht({
-		onSend: e ?? yi,
+		...R,
+		bubble: R?.bubble ?? xi
+	} : R, [U, R]), Pe = ht({
+		onSend: e ?? bi,
 		announcements: { responding: z.responding },
 		nextTurn: U ? "at-send" : "after-answer"
-	}), { turns: Pe, setDraft: Fe, submit: Ie, showVersion: Le, stop: W, beginEdit: Re, cancelEdit: ze, updatePart: Be, isStreaming: Ve } = t ?? Ne, [He, Ue] = m(null), We = o((e, t, n) => {
-		Ue(e), Ie(e, t, n);
-	}, [Ie]), Ge = He ? Pe.find((e) => e.id === He) ?? null : null, G = Ge && Ge.state !== "resting" ? He : null, [K, q] = m(0);
+	}), { 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";
 	c(() => {
-		if (!U) return;
+		if (!U || !Je) return;
 		let e = window.visualViewport;
 		if (!e) return;
-		let t = () => q(Math.max(0, Math.round(window.innerHeight - e.height)));
+		let t = () => qe(Math.max(0, Math.round(window.innerHeight - e.height)));
 		return t(), e.addEventListener("resize", t), () => e.removeEventListener("resize", t);
-	}, [U]);
-	let qe = o((e) => {
-		Ue(e), Ie(e);
-	}, [Ie]), Je = Pe.length === 1 && !Pe[0].user && !Pe[0].ai, Ye = T + Math.round(Pe.reduce((e, t) => e + t.user.length + t.ai.length + JSON.stringify(t.parts ?? []).length, 0) / 4), Xe = w !== void 0 && Ye >= w, Ze = p(!1);
+	}, [U, Je]);
+	let Ye = 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);
 	c(() => {
-		if (!Xe) {
-			Ze.current = !1;
+		if (!Qe) {
+			$e.current = !1;
 			return;
 		}
-		Ze.current || (Ze.current = !0, Ke(z.windowFull));
-	}, [Xe, z.windowFull]);
-	let Qe = Zr(), $e = D !== void 0, et = $e ? D : Qe.openId, tt = p({
-		openArtifactId: et,
-		artifactHeld: $e,
+		$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,
 		onOpenArtifactChange: O
 	});
 	c(() => {
-		tt.current = {
-			openArtifactId: et,
-			artifactHeld: $e,
+		it.current = {
+			openArtifactId: nt,
+			artifactHeld: tt,
 			onOpenArtifactChange: O
 		};
 	});
-	let nt = Qe.open, it = Qe.close, at = o((e) => {
-		let { artifactHeld: t, onOpenArtifactChange: n } = tt.current;
-		t || (e === null ? it() : nt(e)), n?.(e);
-	}, [nt, it]), ot = o(() => at(null), [at]), [st, ct] = m({}), lt = o((e, t) => {
-		ct((n) => ({
+	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) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ut = Pe.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? de, J = o((e, t) => {
-		te && t.trim().length > 0 && pe((n) => [...n, {
+	}, []), 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, {
 			turnId: e,
 			text: t.trim()
 		}]);
-	}, [te]), dt = o((e, t) => at(tt.current.openArtifactId === t ? null : t), [at]), ft = o((e, t) => {
-		be({
+	}, [I]), pt = o((e, t) => st(it.current.openArtifactId === t ? null : t), [st]), mt = o((e, t) => {
+		xe({
 			text: e,
 			rect: t
 		});
-	}, []), pt = f(() => oe ? (e, t, n, r) => oe(Be, e, t, n, r) : void 0, [oe, Be]), mt = f(() => se ? (e, t, n) => se(Be, e, t, n) : void 0, [se, Be]), Y = f(() => le ? (e, t, n) => le(Be, e, t, n) : void 0, [le, Be]), [gt, _t] = 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]), 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);
 	c(() => {
 		if (!P) return;
-		let e = window.matchMedia("(pointer: fine)"), t = () => _t(e.matches);
+		let e = window.matchMedia("(pointer: fine)"), t = () => yt(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, [P]);
-	let vt = (e) => i === !0 || Array.isArray(i) && i.includes(e), yt = [
-		...I && te && fe.length > 0 ? [{
+	let bt = (e) => i === !0 || Array.isArray(i) && i.includes(e), xt = [
+		...ne && I && pe.length > 0 ? [{
 			id: "bookmarks",
 			label: z.savedHighlights,
 			icon: /* @__PURE__ */ _(k, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			count: fe.length,
+			count: pe.length,
 			pinned: !0,
-			onClick: () => he(!0)
+			onClick: () => _e(!0)
 		}] : [],
-		...vt("theme") ? [{
+		...bt("theme") ? [{
 			id: "theme",
-			label: Oe === "dark" ? z.themeToLight : z.themeToDark,
-			icon: _(Oe === "dark" ? ve : ce, {
+			label: ke === "dark" ? z.themeToLight : z.themeToDark,
+			icon: _(ke === "dark" ? ve : ce, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			active: Oe === "dark",
-			onClick: () => ke(Oe === "dark" ? "light" : "dark")
+			active: ke === "dark",
+			onClick: () => Me(ke === "dark" ? "light" : "dark")
 		}] : [],
-		...vt("share") ? [{
+		...bt("share") ? [{
 			id: "share",
 			label: z.share,
 			icon: /* @__PURE__ */ _(ge, {
@@ -5870,25 +5905,25 @@ function xi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 				"aria-hidden": !0
 			}),
 			onClick: () => navigator.share?.({
-				title: ut,
+				title: dt,
 				url: window.location.href
 			})
 		}] : [],
 		...b ?? []
-	], bt = A === "inline" && et ? E?.(et) : null, xt = /* @__PURE__ */ v(C.div, {
+	], St = A === "inline" && nt ? E?.(nt) : null, wt = /* @__PURE__ */ v(C.div, {
 		className: [
 			$.page,
-			j === "panes" ? $.paned : "",
+			j === "panes" || !Je ? $.fitted : "",
 			"ick-chat-page",
-			ue
+			de
 		].filter(Boolean).join(" "),
 		style: { "--ick-experience-anchor": `${L}px` },
 		"data-composer": U ? "docked" : void 0,
 		initial: { opacity: 0 },
 		animate: {
-			opacity: _e || me ? .4 : 1,
-			filter: _e || me ? "blur(3px)" : "blur(0px)",
-			scale: _e || me ? .9 : 1
+			opacity: be || he ? .4 : 1,
+			filter: be || he ? "blur(3px)" : "blur(0px)",
+			scale: be || he ? .9 : 1
 		},
 		transition: {
 			type: "spring",
@@ -5897,95 +5932,95 @@ function xi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			mass: .9
 		},
 		onAnimationComplete: () => {
-			document.activeElement && document.activeElement !== document.body || Ce.current?.focus();
+			document.activeElement && document.activeElement !== document.body || we.current?.focus();
 		},
 		children: [
 			/* @__PURE__ */ _("div", { className: $.topBlur }),
 			/* @__PURE__ */ v(Ct, {
 				className: `${$.header} ick-chat-header`,
-				title: ut,
+				title: dt,
 				backHref: d,
 				backLabel: h,
 				elevateOnScroll: !1,
 				collapseActionsAt: 480,
-				actions: yt,
-				children: [w !== void 0 && /* @__PURE__ */ _(Rr, {
+				actions: xt,
+				children: [w !== void 0 && /* @__PURE__ */ _(zr, {
 					className: $.context,
-					used: Ye,
+					used: Ze,
 					total: w
-				}), F && I && /* @__PURE__ */ v("div", {
+				}), F && ne && /* @__PURE__ */ v("div", {
 					className: $.selectMode,
 					role: "group",
 					"aria-label": z.selectionMode,
 					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": xe === "marker",
-						onClick: () => Se("marker"),
+						"data-active": Se === "marker",
+						onClick: () => Ce("marker"),
 						"aria-label": z.marker,
 						title: z.marker,
-						children: /* @__PURE__ */ _(ne, { size: 16 })
+						children: /* @__PURE__ */ _(re, { size: 16 })
 					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": xe === "precise",
-						onClick: () => Se("precise"),
+						"data-active": Se === "precise",
+						onClick: () => Ce("precise"),
 						"aria-label": z.precise,
 						title: z.precise,
 						children: /* @__PURE__ */ _(ye, { size: 16 })
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v(ai, {
+			/* @__PURE__ */ v(oi, {
 				viewportClassName: `${$.feed} ick-chat-feed`,
-				anchorId: G ? `turn-${G}` : void 0,
+				anchorId: K ? `turn-${K}` : void 0,
 				dock: U,
 				anchorOffset: L,
-				endOffset: U ? 0 : re,
+				endOffset: U ? 0 : ie,
 				children: [
-					Je && S && /* @__PURE__ */ _(si, {
+					Xe && S && /* @__PURE__ */ _(ci, {
 						className: U ? `${$.opening} ${$.centred}` : $.opening,
 						title: S.title,
 						description: S.description,
 						suggestions: S.suggestions,
-						onSuggestion: (e) => We(Pe[0].id, e)
+						onSuggestion: (e) => Ge(Fe[0].id, e)
 					}),
-					/* @__PURE__ */ _(y, { children: Pe.map((e, t) => {
-						let r = t === Pe.length - 1 && (e.state === "idle" || e.state === "typing");
-						return /* @__PURE__ */ _(Nr, {
+					/* @__PURE__ */ _(y, { children: Fe.map((e, t) => {
+						let r = t === Fe.length - 1 && (e.state === "idle" || e.state === "typing");
+						return /* @__PURE__ */ _(Pr, {
 							turn: e,
-							questionAlign: U && r || Je && t === 0 ? "stretch" : "end",
-							className: U && r ? $.dock : Je && t === 0 ? $.opening : void 0,
+							questionAlign: U && r || Xe && t === 0 ? "stretch" : "end",
+							className: U && r ? $.dock : Xe && t === 0 ? $.opening : void 0,
 							onTranscribe: s,
 							isActiveInput: r,
-							inputRef: r ? Ce : null,
-							entranceDelay: t === 0 ? ae : 0,
-							selectionMode: xe,
-							highlights: I,
-							animationConfig: Me,
-							foldMotion: R,
-							openArtifactId: et,
-							onOpenArtifact: dt,
-							onArtifactChange: at,
+							inputRef: r ? we : null,
+							entranceDelay: t === 0 ? oe : 0,
+							selectionMode: Se,
+							highlights: ne,
+							animationConfig: Ne,
+							foldMotion: ae,
+							openArtifactId: nt,
+							onOpenArtifact: pt,
+							onArtifactChange: st,
 							placeholder: x,
-							onDraft: Fe,
-							onSubmit: We,
-							onRegenerate: qe,
-							onShowVersion: Le,
-							onFeedback: lt,
-							feedback: st[e.id] ?? null,
-							onStop: !U || r ? W : void 0,
-							busy: U && r ? Ve : void 0,
-							onEdit: Re,
-							onCancelEdit: ze,
-							onHighlight: J,
-							onReplyInThread: l ? ft : void 0,
-							onAnswerQuestion: pt,
-							onEditQuestion: mt,
-							onDecideApproval: Y,
+							onDraft: Ie,
+							onSubmit: Ge,
+							onRegenerate: Ye,
+							onShowVersion: W,
+							onFeedback: J,
+							feedback: lt[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,
+							onAnswerQuestion: Y,
+							onEditQuestion: gt,
+							onDecideApproval: _t,
 							renderPart: n,
 							composerMenu: a
 						}, e.id);
 					}) }),
-					Xe && /* @__PURE__ */ _(zn, { children: z.windowFull })
+					Qe && /* @__PURE__ */ _(zn, { children: z.windowFull })
 				]
 			}),
 			/* @__PURE__ */ _("div", { className: $.bottomBlur })
@@ -5994,29 +6029,30 @@ function xi({ 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; } }" } }), gt && /* @__PURE__ */ _(_i, {})] }),
-			/* @__PURE__ */ _(Xr, {
+			P && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), vt && /* @__PURE__ */ _(vi, {})] }),
+			/* @__PURE__ */ _(Zr, {
 				className: $.workspace,
 				surface: j,
-				style: K > 0 ? { "--ick-keyboard": `${K}px` } : void 0,
-				onDismiss: ot,
-				pane: ({ narrow: e, expanded: t, toggleExpanded: n }) => bt ? /* @__PURE__ */ _(Br, {
-					title: bt.title,
-					meta: bt.meta,
+				"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,
 					modal: e,
 					expanded: t,
 					onToggleExpanded: n,
-					onClose: ot,
-					children: bt.children
+					onClose: ct,
+					children: St.children
 				}) : null,
-				children: xt
+				children: wt
 			}),
-			/* @__PURE__ */ _(y, { children: me && /* @__PURE__ */ _(C.div, {
+			/* @__PURE__ */ _(y, { children: he && /* @__PURE__ */ _(C.div, {
 				className: $.scrim,
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				onClick: () => he(!1),
+				onClick: () => _e(!1),
 				children: /* @__PURE__ */ v(C.div, {
 					className: $.sheet,
 					role: "dialog",
@@ -6041,21 +6077,21 @@ function xi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 							children: z.highlights
 						}), /* @__PURE__ */ _("button", {
 							className: $.close,
-							onClick: () => he(!1),
+							onClick: () => _e(!1),
 							children: z.close
 						})]
-					}), Array.from(new Set(fe.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
+					}), Array.from(new Set(pe.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
 						className: $.group,
 						children: [/* @__PURE__ */ _("h3", {
 							className: $.groupTitle,
 							children: je(z.paragraph, { index: t + 1 })
 						}), /* @__PURE__ */ _("div", {
 							className: $.marks,
-							children: fe.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
+							children: pe.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: $.mark,
 								onClick: () => {
-									he(!1), setTimeout(() => {
+									_e(!1), setTimeout(() => {
 										let t = document.getElementById(`turn-${e}`), n = document.querySelector(".ick-chat-feed"), r = document.querySelector(".ick-chat-header");
 										if (t && n) {
 											let e = r ? r.offsetHeight : 80;
@@ -6075,15 +6111,15 @@ function xi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					}, e))]
 				})
 			}) }),
-			/* @__PURE__ */ _(y, { children: _e && l && /* @__PURE__ */ _(gi, {
-				activeReply: _e,
-				onClose: () => be(null),
+			/* @__PURE__ */ _(y, { children: be && l && /* @__PURE__ */ _(_i, {
+				activeReply: be,
+				onClose: () => xe(null),
 				onSendMessage: l
 			}, "thread-popup") })
 		]
 	});
 }
 //#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, U as Z, Ln as _, si as a, jn as b, Xr as c, Nr as d, V as et, Ar as f, Fn as g, zn as h, gi as i, cn as j, mn as k, Br as l, Un as m, vi as n, ai as o, br as p, Be as q, _i as r, Zr as s, xi as t, Rr as u, In as v, wn as w, xn as x, Nn as y, Ct as z };
+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 };
 
-//# sourceMappingURL=ChatExperience-CrWU56fi.js.map
+//# sourceMappingURL=ChatExperience-BeLjIxHU.js.map