inline-chat-kit 0.56.0 → 0.58.0

package/dist/{ChatExperience-DCta8bv3.js → ChatExperience-CrWU56fi.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 N, Copy as P, CornerDownLeft as F, File as te, FileText as I, Film as L, Highlighter as ne, Image as re, Link2 as R, Maximize2 as ie, MessageCircle as ae, Mic as oe, Minimize2 as se, Moon as ce, MoreHorizontal as le, Music as ue, Palette as de, Paperclip as fe, Pencil as z, 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 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";
 var B = {
 	btn: "ick-btn-ZW5E",
 	xs: "ick-xs-rDs4",
@@ -67,7 +67,7 @@ var B = {
 			})
 		]
 	});
-}), H = {
+}), De = {
 	list: "ick-list-4-Xw",
 	item: "ick-item-5jP3",
 	picture: "ick-picture-JacB",
@@ -76,7 +76,7 @@ var B = {
 	name: "ick-name-6t7S",
 	size: "ick-size-sR5p",
 	remove: "ick-remove-6I5y"
-}, De = {
+}, Oe = {
 	approval: {
 		once: "Allow once",
 		always: "Always allow",
@@ -226,9 +226,9 @@ var B = {
 		paragraph: "Paragraph {index}",
 		responding: "Generating response"
 	}
-}, Oe = t({});
-function ke({ labels: e, children: t }) {
-	let n = s(Oe), r = e ? JSON.stringify(e) : "", i = f(() => {
+}, ke = t({});
+function Ae({ labels: e, children: t }) {
+	let n = s(ke), r = e ? JSON.stringify(e) : "", i = f(() => {
 		if (!r) return n;
 		let e = JSON.parse(r), t = { ...n };
 		for (let r of Object.keys(e)) t[r] = {
@@ -237,25 +237,25 @@ function ke({ labels: e, children: t }) {
 		};
 		return t;
 	}, [n, r]);
-	return /* @__PURE__ */ _(Oe.Provider, {
+	return /* @__PURE__ */ _(ke.Provider, {
 		value: i,
 		children: t
 	});
 }
-function U(e, t) {
-	let n = s(Oe)[e];
+function H(e, t) {
+	let n = s(ke)[e];
 	return {
-		...De[e],
+		...Oe[e],
 		...n,
 		...t
 	};
 }
-function Ae(e, t) {
+function je(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
 }
 //#endregion
 //#region src/Attachments/Attachments.tsx
-function je(e) {
+function U(e) {
 	if (e === void 0 || !Number.isFinite(e) || e < 0) return "";
 	if (e < 1024) return `${e} B`;
 	let t = [
@@ -269,40 +269,40 @@ function je(e) {
 var Me = (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" ? I : te, {
+	return _(t === "image" ? re : t === "video" ? L : t === "audio" ? ue : e === "application/pdf" || t === "text" ? te : I, {
 		size: 16,
 		"aria-hidden": !0
 	});
 }
 function Fe({ attachments: e, onRemove: t, labels: n, className: r, ...i }) {
-	let a = U("attachments", n);
+	let a = H("attachments", n);
 	return e.length === 0 ? null : /* @__PURE__ */ _("ul", {
-		className: [H.list, r ?? ""].filter(Boolean).join(" "),
+		className: [De.list, r ?? ""].filter(Boolean).join(" "),
 		...i,
 		children: e.map((e) => {
-			let n = je(e.size);
+			let n = U(e.size);
 			return /* @__PURE__ */ v("li", {
-				className: H.item,
+				className: De.item,
 				"data-picture": Me(e) || void 0,
 				children: [Me(e) ? /* @__PURE__ */ _("span", {
-					className: H.picture,
+					className: De.picture,
 					style: { backgroundImage: `url("${Ne(e.url)}")` },
 					role: "img",
 					"aria-label": e.name
 				}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-					className: H.glyph,
+					className: De.glyph,
 					children: /* @__PURE__ */ _(Pe, { type: e.type })
 				}), /* @__PURE__ */ v("span", {
-					className: H.body,
+					className: De.body,
 					children: [/* @__PURE__ */ _("span", {
-						className: H.name,
+						className: De.name,
 						children: e.name
 					}), n && /* @__PURE__ */ _("span", {
-						className: H.size,
+						className: De.size,
 						children: n
 					})]
 				})] }), t && /* @__PURE__ */ _("span", {
-					className: H.remove,
+					className: De.remove,
 					children: /* @__PURE__ */ _(V, {
 						variant: "glass",
 						size: "s",
@@ -421,7 +421,7 @@ var W = {
 //#endregion
 //#region src/ChatInput/HoverActionsRow.tsx
 function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r, onCopy: i, onEdit: a, value: o, ac: s }) {
-	let c = U("input");
+	let c = H("input");
 	return /* @__PURE__ */ _(y, {
 		initial: !1,
 		children: e && /* @__PURE__ */ v(C.div, {
@@ -491,7 +491,7 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 				label: c.copy
 			}, {
 				id: "edit",
-				icon: /* @__PURE__ */ _(z, {
+				icon: /* @__PURE__ */ _(fe, {
 					size: 14,
 					"aria-hidden": !0
 				}),
@@ -528,12 +528,12 @@ function Re({ showActions: e, showReadMore: t, isExpanded: n, setIsExpanded: r,
 //#endregion
 //#region src/ChatInput/AddCardsOverlay.tsx
 function ze() {
-	let e = U("input");
+	let e = H("input");
 	return [
 		{
 			id: "attach",
 			label: e.attach,
-			icon: /* @__PURE__ */ _(fe, {
+			icon: /* @__PURE__ */ _(de, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -541,7 +541,7 @@ function ze() {
 		{
 			id: "design",
 			label: e.design,
-			icon: /* @__PURE__ */ _(de, {
+			icon: /* @__PURE__ */ _(z, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -549,7 +549,7 @@ function ze() {
 		{
 			id: "connectors",
 			label: e.connectors,
-			icon: /* @__PURE__ */ _(R, {
+			icon: /* @__PURE__ */ _(ie, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -557,7 +557,7 @@ function ze() {
 	];
 }
 function Be({ isAddOpen: e, setIsAddOpen: t, onAdd: n, items: r, showInlineGlyph: i, showButtons: a, ac: o }) {
-	let s = ze(), c = r ?? s, { closeMenu: l } = U("input");
+	let s = ze(), c = r ?? s, { closeMenu: l } = H("input");
 	return /* @__PURE__ */ _(y, { children: e && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(C.div, {
 		className: W.addBackdrop,
 		initial: { opacity: 0 },
@@ -698,7 +698,7 @@ function Ge(e) {
 	let n = document.createElement("div");
 	return n.setAttribute("role", e === "assertive" ? "alert" : "status"), n.setAttribute("aria-live", e), n.setAttribute("aria-atomic", "true"), n.dataset.inlineChatKit = "live-region", Object.assign(n.style, We), document.body.appendChild(n), He.set(e, n), n;
 }
-function G(e, t = "polite") {
+function Ke(e, t = "polite") {
 	if (!e) return;
 	let n = Ge(t);
 	if (!n) return;
@@ -709,9 +709,9 @@ function G(e, t = "polite") {
 }
 //#endregion
 //#region src/reducedMotion/reducedMotion.ts
-var K = "(prefers-reduced-motion: reduce)", Ke;
+var G = "(prefers-reduced-motion: reduce)", K;
 function q() {
-	return Ke === void 0 && (Ke = typeof window < "u" && window.matchMedia ? window.matchMedia(K) : null), Ke?.matches ?? !1;
+	return K === void 0 && (K = typeof window < "u" && window.matchMedia ? window.matchMedia(G) : null), K?.matches ?? !1;
 }
 //#endregion
 //#region src/voice/useVoiceInput.ts
@@ -730,7 +730,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 		onTranscript: t,
 		onDone: n
 	}), w = p({
-		...De.voice,
+		...Oe.voice,
 		...i
 	});
 	c(() => {
@@ -739,7 +739,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 			onTranscript: t,
 			onDone: n
 		}, w.current = {
-			...De.voice,
+			...Oe.voice,
 			...i
 		};
 	});
@@ -777,7 +777,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 			return;
 		}
 		let r = new AbortController();
-		x.current = r, l("transcribing"), G(w.current.transcribing);
+		x.current = r, l("transcribing"), Ke(w.current.transcribing);
 		try {
 			let i = await D(n(e, {
 				signal: r.signal,
@@ -785,13 +785,13 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 			}));
 			if (r.signal.aborted) return;
 			if (!i) {
-				G(w.current.nothingHeard), l("idle");
+				Ke(w.current.nothingHeard), l("idle");
 				return;
 			}
-			C.current.onTranscript?.(i), C.current.onDone?.(i), G(w.current.transcriptAdded), l("idle");
+			C.current.onTranscript?.(i), C.current.onDone?.(i), Ke(w.current.transcriptAdded), l("idle");
 		} catch (e) {
 			if (r.signal.aborted) return;
-			d(e instanceof Error ? e.message : w.current.transcriptFailed), l("failed"), G(w.current.transcriptFailed, "assertive");
+			d(e instanceof Error ? e.message : w.current.transcriptFailed), l("failed"), Ke(w.current.transcriptFailed, "assertive");
 		} finally {
 			x.current = null;
 		}
@@ -803,7 +803,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 			e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 		} catch (e) {
 			let t = e?.name;
-			t === "NotAllowedError" || t === "SecurityError" ? (l("denied"), G(w.current.refused, "assertive")) : (d(t === "NotFoundError" ? w.current.notFound : w.current.couldNotOpen), l("failed"), G(w.current.couldNotOpen, "assertive"));
+			t === "NotAllowedError" || t === "SecurityError" ? (l("denied"), Ke(w.current.refused, "assertive")) : (d(t === "NotFoundError" ? w.current.notFound : w.current.couldNotOpen), l("failed"), Ke(w.current.couldNotOpen, "assertive"));
 			return;
 		}
 		_.current = e, b.current = [];
@@ -823,7 +823,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 				return;
 			}
 			O(r, e);
-		}, n.start(), l("listening"), G(w.current.listening);
+		}, n.start(), l("listening"), Ke(w.current.listening);
 	}, [
 		E,
 		T,
@@ -831,7 +831,7 @@ function Qe({ onTranscribe: e, onTranscript: t, onDone: n, meterRef: r, labels:
 	]), A = o(() => {
 		let e = g.current;
 		if (e && e.state !== "inactive") {
-			G(w.current.stoppedListening), e.stop();
+			Ke(w.current.stoppedListening), e.stop();
 			return;
 		}
 		x.current?.abort(), x.current = null, T(), l("idle");
@@ -944,24 +944,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, placeholder: j, menu: M, labels: ee, animationConfig: N, style: P }, F) {
-	let te = l(), I = U("input", ee), L = U("voice"), ne = j ?? I.placeholder, re = M !== !1, R = p(null), ie = p(null), ae = p(null), oe = p(0), se = p(!1), ce = p(null), [le, ue] = m(!1), [de, fe] = m(!1), [z, me] = m(!1), [he, ge] = m(!0), [_e, ve] = m(!1), [ye, be] = m(!1), [xe, Se] = m(!1), Ce = p(0), B = p(!1), Te = p(0), Ee = p(!1), H = 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: 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);
 	c(() => () => {
-		H.current && clearTimeout(H.current);
+		Oe.current && clearTimeout(Oe.current);
 	}, []);
-	let De = w(), Oe = p(e), ke = p(N);
-	ke.current = N;
-	let Ae = p(null), [je, Me] = m([]), Ne = s ?? je, Pe = p(Ne);
-	Pe.current = Ne;
-	let Ie = p([]);
+	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);
+	Ie.current = Pe;
+	let ze = p([]);
 	c(() => () => {
-		Ie.current.forEach((e) => URL.revokeObjectURL(e)), Ie.current = [];
+		ze.current.forEach((e) => URL.revokeObjectURL(e)), ze.current = [];
 	}, []);
-	let ze = o((e) => {
+	let Ve = o((e) => {
 		if (!e) return;
-		let t = Ie.current.indexOf(e);
-		t !== -1 && (URL.revokeObjectURL(e), Ie.current.splice(t, 1));
-	}, []), Ve = (e) => {
+		let t = ze.current.indexOf(e);
+		t !== -1 && (URL.revokeObjectURL(e), ze.current.splice(t, 1));
+	}, []), He = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (e.target.value = "", t.length === 0) return;
 		if (d) {
@@ -970,7 +970,7 @@ var nt = .9, rt = {
 		}
 		let n = t.map((e) => {
 			let t = URL.createObjectURL(e);
-			return Ie.current.push(t), {
+			return ze.current.push(t), {
 				id: `${e.name}-${e.size}-${e.lastModified}`,
 				name: e.name,
 				type: e.type,
@@ -978,19 +978,19 @@ var nt = .9, rt = {
 				url: t
 			};
 		});
-		Me((e) => {
+		Ne((e) => {
 			if (T) return [...e, ...n];
 			let t = n.slice(-1);
-			return e.forEach((e) => ze(e.url)), n.slice(0, -1).forEach((e) => ze(e.url)), t;
+			return e.forEach((e) => Ve(e.url)), n.slice(0, -1).forEach((e) => Ve(e.url)), t;
 		});
-	}, He = o((e) => {
+	}, Ue = o((e) => {
 		if (f) {
 			f(e);
 			return;
 		}
-		Me((t) => (ze(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
-	}, [f, ze]);
-	u(F, () => ({
+		Ne((t) => (Ve(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
+	}, [f, Ve]);
+	u(I, () => ({
 		focus: (e) => R.current?.focus(e),
 		setValue: (e) => {
 			let t = R.current;
@@ -998,37 +998,37 @@ var nt = .9, rt = {
 		},
 		getValue: () => t
 	}), [n, t]);
-	let Ue = p(null), We = p(null), Ge = p(null);
+	let We = p(null), Ge = p(null), Ke = p(null);
 	c(() => {
 		if (!E) return;
 		let e = R.current;
 		if (!e) return;
 		let t = () => {
 			let t = window.getSelection();
-			!t || t.rangeCount === 0 || e.contains(t.getRangeAt(0).endContainer) && (Ge.current = et(e));
+			!t || t.rangeCount === 0 || e.contains(t.getRangeAt(0).endContainer) && (Ke.current = et(e));
 		};
 		return document.addEventListener("selectionchange", t), () => document.removeEventListener("selectionchange", t);
 	}, [E]);
 	let G = Qe({
 		onTranscribe: E,
 		onTranscript: o((e) => {
-			let t = We.current, r = R.current;
+			let t = Ge.current, r = R.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: () => {
-			We.current = null, R.current?.focus();
+			Ge.current = null, R.current?.focus();
 		},
-		meterRef: Ue,
-		labels: L
-	}), K = e === "responding" || e === "resting", Ke = K, q = t.trim().length > 0 || Ne.length > 0, qe = (e === "typing" || e === "idle") && q, Je = e === "responding", Ye = e === "resting" && le, Xe = Ye, Ze = e === "resting" && ye, rt = G.state === "listening" || G.state === "requesting" || G.state === "transcribing", ot = !!E && G.supported && !A, st = qe || Je, J = N, ct = J ? {
+		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 ? {
 		type: "spring",
 		stiffness: J.bubble.stiffness,
 		damping: J.bubble.damping,
 		mass: J.bubble.mass
-	} : it, lt = o(() => {
-		let e = ie.current, t = ae.current;
+	} : it, ft = o(() => {
+		let e = ae.current, t = oe.current;
 		if (!e || !t) return;
 		if (!(e.scrollHeight > e.clientHeight)) {
 			t.removeAttribute("data-fade");
@@ -1038,32 +1038,32 @@ 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 = ie.current;
-		if (e) return e.addEventListener("scroll", lt, { passive: !0 }), () => e.removeEventListener("scroll", lt);
-	}, [lt]), c(() => {
+		let e = ae.current;
+		if (e) return e.addEventListener("scroll", ft, { passive: !0 }), () => e.removeEventListener("scroll", ft);
+	}, [ft]), c(() => {
 		let e = requestAnimationFrame(() => {
-			let e = ie.current;
-			e && !Ke && (e.scrollTop = e.scrollHeight), lt();
+			let e = ae.current;
+			e && !q && (e.scrollTop = e.scrollHeight), ft();
 		});
 		return () => cancelAnimationFrame(e);
 	}, [
 		t,
-		Ke,
-		lt
+		q,
+		ft
 	]), c(() => {
 		(e === "idle" || e === "typing") && R.current?.focus({ preventScroll: !0 });
 	}, [e]), c(() => {
 		let e = R.current;
-		e && (Ce.current = e.scrollHeight || 17);
+		e && (B.current = e.scrollHeight || 17);
 	}, []), c(() => {
-		let e = R.current, t = ce.current;
-		!e || !Ce.current || requestAnimationFrame(() => {
-			let n = t ? t.offsetWidth : 0, r = e.clientWidth - 16, i = (ie.current?.scrollHeight ?? 0) > Ce.current + 2, a = ke.current;
-			B.current ? !(i || n >= r - 2) && n < Te.current * (a?.wrap?.exitThreshold ?? .75) && (B.current = !1, Ee.current = !1, me(!1), ge(!0), H.current &&= (clearTimeout(H.current), null)) : (Te.current = r, (i || n >= Te.current * (a?.wrap?.nearThreshold ?? .92)) && (B.current = !0, Ee.current = !0, ge(!1)));
+		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)));
 		});
 	}, [t]), c(() => {
 		if (!K) return;
-		let e = ie.current;
+		let e = ae.current;
 		if (!e || e.scrollTop === 0) return;
 		let t = e.scrollTop;
 		S(t, 0, {
@@ -1076,24 +1076,24 @@ var nt = .9, rt = {
 			}
 		});
 	}, [K]), c(() => {
-		K ? Se(!1) : (ve(!1), be(!1));
+		K ? Ce(!1) : (ye(!1), xe(!1));
 	}, [K]), c(() => {
 		if (!K) return;
-		let e = ae.current;
-		e && (ye && !_e ? e.dataset.fade = "bottom" : e.removeAttribute("data-fade"));
+		let e = oe.current;
+		e && (be && !ve ? e.dataset.fade = "bottom" : e.removeAttribute("data-fade"));
 	}, [
 		K,
-		ye,
-		_e
+		be,
+		ve
 	]), c(() => {
-		let t = Oe.current;
-		if (Oe.current = e, t !== "responding" || e !== "resting") return;
+		let t = Ae.current;
+		if (Ae.current = e, t !== "responding" || e !== "resting") return;
 		requestAnimationFrame(() => {
-			let e = ie.current;
-			e && (oe.current = e.scrollHeight, be(e.scrollHeight > 241), lt());
+			let e = ae.current;
+			e && (se.current = e.scrollHeight, xe(e.scrollHeight > 241), ft());
 		}), fe(!0);
-		let n = ke.current;
-		De.start({
+		let n = je.current;
+		ke.start({
 			scaleX: [
 				1,
 				n?.ripple?.scaleX ?? 1.018,
@@ -1118,26 +1118,31 @@ var nt = .9, rt = {
 		return () => clearTimeout(r);
 	}, [
 		e,
-		De,
-		lt
+		ke,
+		ft
 	]);
-	let ut = o(() => {
+	let pt = o(() => {
 		let e = R.current;
-		e && (se.current = !0, n(e.textContent ?? ""));
-	}, [n]), dt = o((e) => {
-		e.preventDefault(), at(e.clipboardData.getData("text/plain")) || ut();
-	}, [ut]), ft = o((e) => {
-		e.key === "Enter" && (e.preventDefault(), !e.shiftKey && (t.trim().length > 0 || Pe.current.length > 0) ? r(t, Pe.current) : e.shiftKey && !at("\n") && ut());
+		e && (ce.current = !0, n(e.textContent ?? ""));
+	}, [n]), mt = o((e) => {
+		e.preventDefault(), at(e.clipboardData.getData("text/plain")) || pt();
+	}, [pt]), ht = o((e) => {
+		if (e.key === "Enter") {
+			if (e.preventDefault(), e.shiftKey) at("\n") || pt();
+			else if (j) return;
+			else (t.trim().length > 0 || Ie.current.length > 0) && r(t, Ie.current);
+		}
 	}, [
 		t,
 		r,
-		ut
+		pt,
+		j
 	]);
 	return c(() => {
 		let e = R.current;
 		if (e) {
-			if (se.current) {
-				se.current = !1;
+			if (ce.current) {
+				ce.current = !1;
 				return;
 			}
 			e.textContent !== t && (e.textContent = t, document.activeElement === e && $e(e));
@@ -1148,21 +1153,21 @@ var nt = .9, rt = {
 			id: te,
 			children: /* @__PURE__ */ v("div", {
 				className: W.wrap,
-				onMouseEnter: () => ue(!0),
-				onMouseLeave: () => ue(!1),
-				style: P,
+				onMouseEnter: () => z(!0),
+				onMouseLeave: () => z(!1),
+				style: F,
 				children: [
 					/* @__PURE__ */ _(C.div, {
 						className: `${W.root} ${K ? W.isGlassRoot : ""}`,
 						layout: !0,
-						animate: { filter: xe ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
+						animate: { filter: Se ? `blur(${J?.addCards?.inputBlur ?? 2}px)` : "blur(0px)" },
 						style: {
-							pointerEvents: xe ? "none" : "auto",
-							width: P?.width === "100%" ? "100%" : void 0,
-							maxWidth: P?.maxWidth
+							pointerEvents: Se ? "none" : "auto",
+							width: F?.width === "100%" ? "100%" : void 0,
+							maxWidth: F?.maxWidth
 						},
 						transition: {
-							...ct,
+							...dt,
 							filter: {
 								type: "tween",
 								duration: .2,
@@ -1170,25 +1175,25 @@ var nt = .9, rt = {
 							}
 						},
 						children: /* @__PURE__ */ v(C.div, {
-							className: `${W.surface} ${K ? W.glass : ""} ${Ye ? W.hovered : ""} ${de ? W.pulsed : ""}`,
+							className: `${W.surface} ${K ? W.glass : ""} ${rt ? W.hovered : ""} ${de ? W.pulsed : ""}`,
 							style: {
 								alignItems: "stretch",
 								flexDirection: "column",
 								justifyContent: "center"
 							},
-							transition: ct,
-							animate: De,
+							transition: dt,
+							animate: ke,
 							onClick: () => R.current?.focus(),
 							children: [
 								/* @__PURE__ */ _("input", {
 									type: "file",
-									ref: Ae,
+									ref: U,
 									accept: h,
 									multiple: T,
 									style: { display: "none" },
-									onChange: Ve
+									onChange: He
 								}),
-								/* @__PURE__ */ _(y, { children: Ne.length > 0 && /* @__PURE__ */ _(C.div, {
+								/* @__PURE__ */ _(y, { children: Pe.length > 0 && /* @__PURE__ */ _(C.div, {
 									initial: {
 										opacity: 0,
 										height: 0
@@ -1215,8 +1220,8 @@ var nt = .9, rt = {
 										className: W.attachedTray,
 										"data-glass": K || void 0,
 										children: /* @__PURE__ */ _(Fe, {
-											attachments: Ne,
-											onRemove: K ? void 0 : He
+											attachments: Pe,
+											onRemove: K ? void 0 : Ue
 										})
 									})
 								}) }),
@@ -1225,15 +1230,15 @@ var nt = .9, rt = {
 										display: "flex",
 										flexDirection: "row",
 										alignItems: "center",
-										flexWrap: z ? "wrap" : "nowrap",
-										justifyContent: z ? "flex-end" : "flex-start",
+										flexWrap: me ? "wrap" : "nowrap",
+										justifyContent: me ? "flex-end" : "flex-start",
 										width: "100%",
 										minWidth: 0,
 										flex: 1
 									},
 									children: [
 										/* @__PURE__ */ _("span", {
-											ref: ce,
+											ref: le,
 											"aria-hidden": "true",
 											style: {
 												position: "absolute",
@@ -1246,16 +1251,16 @@ var nt = .9, rt = {
 											children: t
 										}),
 										/* @__PURE__ */ _("div", {
-											ref: ae,
+											ref: oe,
 											className: W.editorClip,
-											style: { flexBasis: z ? "100%" : void 0 },
+											style: { flexBasis: me ? "100%" : void 0 },
 											children: /* @__PURE__ */ _(C.div, {
-												ref: ie,
+												ref: ae,
 												className: `${W.editorWrap} ${K ? W.editorWrapGlass : ""}`,
 												layout: "position",
-												animate: K && ye ? { maxHeight: _e ? oe.current : 240 } : void 0,
+												animate: K && be ? { maxHeight: ve ? se.current : 240 } : void 0,
 												transition: {
-													...ct,
+													...dt,
 													maxHeight: {
 														type: "spring",
 														stiffness: 300,
@@ -1266,22 +1271,22 @@ var nt = .9, rt = {
 												children: /* @__PURE__ */ _("div", {
 													ref: R,
 													className: W.editor,
-													contentEditable: Ke ? "false" : "plaintext-only",
+													contentEditable: q ? "false" : "plaintext-only",
 													suppressContentEditableWarning: !0,
-													onInput: ut,
-													onKeyDown: ft,
-													onPaste: dt,
+													onInput: pt,
+													onKeyDown: ht,
+													onPaste: mt,
 													spellCheck: !1,
 													role: "textbox",
 													"aria-multiline": "true",
-													"aria-label": ne,
-													"data-placeholder": Ke ? "" : ne
+													"aria-label": re,
+													"data-placeholder": q ? "" : re
 												})
 											})
 										}),
 										/* @__PURE__ */ v("div", {
 											className: W.buttonGroup,
-											children: [!K && he && ot && /* @__PURE__ */ _(C.div, {
+											children: [!K && ge && lt && /* @__PURE__ */ _(C.div, {
 												initial: {
 													opacity: 0,
 													scale: nt,
@@ -1299,7 +1304,7 @@ var nt = .9, rt = {
 													scale: nt,
 													width: 0,
 													marginLeft: 0,
-													transition: Ee.current ? {
+													transition: De.current ? {
 														type: "tween",
 														duration: J?.wrap?.exitDuration ?? .15,
 														ease: "easeOut",
@@ -1328,7 +1333,7 @@ var nt = .9, rt = {
 													variant: "ghost",
 													"data-voice": G.state,
 													icon: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-														ref: Ue,
+														ref: We,
 														className: W.voiceMeter,
 														"data-live": G.state === "listening" || void 0,
 														"aria-hidden": !0
@@ -1338,9 +1343,9 @@ var nt = .9, rt = {
 													})] }),
 													onClick: (e) => {
 														if (e.stopPropagation(), G.state !== "denied") {
-															if (!rt) {
-																let e = Math.min(Ge.current ?? t.length, t.length);
-																We.current = {
+															if (!ct) {
+																let e = Math.min(Ke.current ?? t.length, t.length);
+																Ge.current = {
 																	base: t,
 																	at: e
 																};
@@ -1351,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" ? I.stopListening : G.state === "requesting" ? I.waitingForMicrophone : G.state === "transcribing" ? I.cancelTranscription : G.state === "denied" ? I.microphoneBlocked : I.dictate,
+													"aria-label": G.state === "listening" ? L.stopListening : G.state === "requesting" ? L.waitingForMicrophone : G.state === "transcribing" ? L.cancelTranscription : G.state === "denied" ? L.microphoneBlocked : L.dictate,
 													style: {
 														width: "100%",
 														height: "100%",
@@ -1361,11 +1366,11 @@ var nt = .9, rt = {
 											}, "mic"), /* @__PURE__ */ v(y, {
 												initial: !1,
 												onExitComplete: () => {
-													Ee.current && (Ee.current = !1, me(!0), H.current && clearTimeout(H.current), H.current = window.setTimeout(() => {
-														ge(!0), H.current = null;
-													}, ke.current?.wrap?.slideInDelay ?? 120));
+													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));
 												},
-												children: [!K && he && (re || A) && /* @__PURE__ */ _(C.div, {
+												children: [!K && ge && (ie || A) && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1380,7 +1385,7 @@ var nt = .9, rt = {
 														opacity: 0,
 														scale: nt,
 														width: 0,
-														transition: Ee.current ? {
+														transition: De.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut",
@@ -1441,14 +1446,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") : re && !xe ? /* @__PURE__ */ _(C.div, {
+														}, "cancel-btn") : ie && !Se ? /* @__PURE__ */ _(C.div, {
 															initial: {
 																opacity: 0,
 																scale: .5
@@ -1476,10 +1481,10 @@ var nt = .9, rt = {
 																	"aria-hidden": !0
 																}),
 																onClick: (e) => {
-																	e.stopPropagation(), Se(!0);
+																	e.stopPropagation(), Ce(!0);
 																},
-																"aria-label": I.add,
-																title: I.add,
+																"aria-label": L.add,
+																title: L.add,
 																style: {
 																	width: "100%",
 																	height: "100%"
@@ -1487,7 +1492,7 @@ var nt = .9, rt = {
 															})
 														}, "plus-btn") : null
 													})
-												}, "lead"), st && he && /* @__PURE__ */ _(C.div, {
+												}, "lead"), ut && ge && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1505,7 +1510,7 @@ var nt = .9, rt = {
 														scale: nt,
 														width: 0,
 														marginLeft: 0,
-														transition: Ee.current ? {
+														transition: De.current ? {
 															type: "tween",
 															duration: J?.wrap?.exitDuration ?? .15,
 															ease: "easeOut"
@@ -1517,8 +1522,8 @@ var nt = .9, rt = {
 																type: "tween",
 																duration: .15
 															},
-															width: ct,
-															marginLeft: ct
+															width: dt,
+															marginLeft: dt
 														}
 													},
 													transition: {
@@ -1541,11 +1546,12 @@ var nt = .9, rt = {
 													},
 													children: /* @__PURE__ */ _(V, {
 														variant: "primary",
-														icon: /* @__PURE__ */ _(Le, { mode: Je ? "stop" : A ? "check" : "send" }),
+														icon: /* @__PURE__ */ _(Le, { mode: Xe ? "stop" : A ? "check" : "send" }),
 														onClick: (e) => {
-															e.stopPropagation(), Je ? i?.() : r(t, Ne);
+															e.stopPropagation(), Xe ? i?.() : j || r(t, Pe);
 														},
-														"aria-label": Je ? I.stop : A ? I.save : I.send,
+														disabled: Ze,
+														"aria-label": Xe ? L.stop : A ? L.save : L.send,
 														style: {
 															flexShrink: 0,
 															width: 28
@@ -1560,31 +1566,31 @@ var nt = .9, rt = {
 						})
 					}),
 					/* @__PURE__ */ _(Be, {
-						isAddOpen: xe,
-						setIsAddOpen: Se,
-						items: M || void 0,
+						isAddOpen: Se,
+						setIsAddOpen: Ce,
+						items: N || void 0,
 						onAdd: (e, t) => {
-							let n = M ? M.find((e) => e.id === t) : void 0;
-							t === "attach" && !n?.onSelect && Ae.current?.click(), a?.();
+							let n = N ? N.find((e) => e.id === t) : void 0;
+							t === "attach" && !n?.onSelect && U.current?.click(), a?.();
 						},
-						showInlineGlyph: st,
-						showButtons: he,
+						showInlineGlyph: ut,
+						showButtons: ge,
 						ac: J
 					}),
 					/* @__PURE__ */ _(Re, {
-						showActions: Xe,
-						showReadMore: Ze,
-						isExpanded: _e,
-						setIsExpanded: ve,
+						showActions: ot,
+						showReadMore: st,
+						isExpanded: ve,
+						setIsExpanded: ye,
 						onCopy: D,
 						onEdit: O,
 						value: t,
 						ac: J
 					}),
-					ot && (G.state === "denied" || G.state === "failed") && /* @__PURE__ */ _("p", {
+					lt && (G.state === "denied" || G.state === "failed") && /* @__PURE__ */ _("p", {
 						className: W.voiceNote,
 						"data-tone": G.state,
-						children: G.state === "denied" ? I.microphoneBlockedHelp : G.error ?? L.couldNotOpen
+						children: G.state === "denied" ? L.microphoneBlockedHelp : G.error ?? ne.couldNotOpen
 					})
 				]
 			})
@@ -1604,8 +1610,8 @@ function st(e, t) {
 }
 //#endregion
 //#region src/useChatTurns/useChatTurns.ts
-var J = 260, ct = 220, lt = "Generating response", ut = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 11), dt = () => ({
-	id: ut(),
+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(),
 	user: "",
 	ai: "",
 	parts: [],
@@ -1633,13 +1639,13 @@ var J = 260, ct = 220, lt = "Generating response", ut = () => typeof crypto < "u
 	}
 	return i;
 };
-function ht({ onSend: e, revealSpeed: t = J, sentencePause: n = ct, announcements: r }) {
-	let [i, a] = m(() => [dt()]), [s, l] = m(!1), u = p(null), d = p(null), f = p(/* @__PURE__ */ new Map()), h = p(/* @__PURE__ */ new Map()), g = p(null), _ = p(e), v = p(r), y = p(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);
 	c(() => {
-		_.current = e, y.current = i, v.current = r;
+		v.current = e, b.current = a, y.current = r;
 	});
-	let b = o((e, t) => {
-		a((n) => {
+	let x = o((e, t) => {
+		s((n) => {
 			let r = !1, i = n.map((n) => {
 				if (n.id !== e) return n;
 				r = !0;
@@ -1649,14 +1655,14 @@ function ht({ onSend: e, revealSpeed: t = J, sentencePause: n = ct, announcement
 				};
 				return "versionIndex" in t || "versions" in t ? i : ft(i);
 			});
-			return r ? (y.current = i, i) : n;
+			return r ? (b.current = i, i) : n;
 		});
-	}, []), x = o(() => {
-		d.current = null;
-		let e = f.current, t = h.current;
+	}, []), S = o(() => {
+		f.current = null;
+		let e = h.current, t = g.current;
 		if (e.size === 0 && t.size === 0) return;
 		let n = [...e], r = [...t];
-		e.clear(), t.clear(), a((e) => {
+		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({
@@ -1665,40 +1671,42 @@ function ht({ onSend: e, revealSpeed: t = J, sentencePause: n = ct, announcement
 					...i ? { parts: i.reduce(st, e.parts) } : null
 				});
 			});
-			return y.current = t, t;
+			return b.current = t, t;
 		});
-	}, []), S = o(() => {
-		d.current === null && (d.current = requestAnimationFrame(x));
-	}, [x]), C = o((e, t) => {
-		f.current.set(e, t), S();
+	}, []), C = o(() => {
+		f.current === null && (f.current = requestAnimationFrame(S));
 	}, [S]), w = o((e, t) => {
-		let n = h.current.get(e);
-		n ? n.push(t) : h.current.set(e, [t]), S();
-	}, [S]), T = o((e, t) => {
-		w(e, t);
-	}, [w]);
+		h.current.set(e, t), C();
+	}, [C]), T = o((e, t) => {
+		let n = g.current.get(e);
+		n ? n.push(t) : g.current.set(e, [t]), C();
+	}, [C]), E = o((e, t) => {
+		T(e, t);
+	}, [T]);
 	c(() => () => {
-		d.current !== null && cancelAnimationFrame(d.current), u.current?.abort();
+		f.current !== null && cancelAnimationFrame(f.current), d.current?.abort();
 	}, []);
-	let E = o((e, t) => {
-		l(!1), u.current = null, b(e, { state: "resting" }), t || a((e) => {
-			if (e.some((e) => e.state === "idle" && e.ai === "" && e.user === "")) return e;
+	let D = o(() => {
+		s((e) => {
+			if (e.some((e) => (e.state === "idle" || e.state === "typing") && e.ai === "")) return e;
 			let t = [...e, dt()];
-			return y.current = t, t;
+			return b.current = t, t;
 		});
-	}, [b]), D = o((e, r, i) => new Promise((a) => {
+	}, []), 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()) {
-			C(e, r), a();
+			w(e, r), a();
 			return;
 		}
 		let o = mt(r, t, n), s = performance.now(), c = 0, l = () => {
 			if (i.aborted) {
-				C(e, r), a();
+				w(e, r), a();
 				return;
 			}
 			let t = performance.now() - s;
 			for (; c < r.length && o[c] <= t;) c++;
-			if (C(e, r.slice(0, c)), c >= r.length) {
+			if (w(e, r.slice(0, c)), c >= r.length) {
 				a();
 				return;
 			}
@@ -1706,105 +1714,108 @@ function ht({ onSend: e, revealSpeed: t = J, sentencePause: n = ct, announcement
 		};
 		requestAnimationFrame(l);
 	}), [
-		C,
+		w,
 		t,
 		n
-	]), O = o((e, t = "") => {
-		let n = v.current;
+	]), A = o((e, t = "") => {
+		let n = y.current;
 		if (n === !1) return;
 		if (e === "responding") {
-			let e = n && "responding" in n ? n.responding : lt;
-			e && G(e);
+			let e = n && "responding" in n ? n.responding : ut;
+			e && Ke(e);
 			return;
 		}
 		let r = n?.answer ? n.answer(t) : t;
-		r && G(r);
-	}, []), k = o(async (e, t, n, r = []) => {
-		let i = new AbortController();
-		u.current = i, l(!0);
-		let a = y.current.find((t) => t.id === e), o = [...a?.versions ?? [], {
-			id: `${e}-v${(a?.versions?.length ?? 0) + 1}`,
+		r && Ke(r);
+	}, []), j = o(async (e, t, n, r = []) => {
+		let a = new AbortController();
+		d.current = a, u(!0);
+		let o = b.current.find((t) => t.id === e), s = [...o?.versions ?? [], {
+			id: `${e}-v${(o?.versions?.length ?? 0) + 1}`,
 			ai: "",
 			parts: []
 		}];
-		b(e, {
+		x(e, {
 			user: t,
 			state: "responding",
 			ai: "",
 			parts: [],
-			versions: o,
-			versionIndex: o.length - 1
-		}), O("responding");
-		let s = "";
+			versions: s,
+			versionIndex: s.length - 1
+		}), A("responding"), i === "at-send" && !n && D();
+		let c = "";
 		try {
-			let n = _.current(t, {
-				signal: i.signal,
+			let n = v.current(t, {
+				signal: a.signal,
 				turnId: e,
 				attachments: r
 			});
 			if (pt(n)) for await (let t of n) {
-				if (i.signal.aborted) break;
-				typeof t == "string" ? (s += t, C(e, s)) : w(e, t);
+				if (a.signal.aborted) break;
+				typeof t == "string" ? (c += t, w(e, c)) : T(e, t);
 			}
-			else s = await n ?? "", await D(e, s, i.signal);
+			else c = await n ?? "", await k(e, c, a.signal);
 		} catch (e) {
-			if (!i.signal.aborted) throw e;
+			if (!a.signal.aborted) throw e;
 		} finally {
-			x(), E(e, n), O("answer", s);
+			S(), O(e, n), A("answer", c);
 		}
 	}, [
+		S,
+		i,
+		D,
 		x,
-		b,
-		C,
 		w,
-		D,
-		E,
-		O
+		T,
+		k,
+		O,
+		A
 	]);
 	return {
-		turns: i,
+		turns: a,
 		setDraft: o((e, t) => {
-			b(e, {
+			x(e, {
 				user: t,
 				state: t.length > 0 ? "typing" : "idle"
 			});
-		}, [b]),
+		}, [x]),
 		submit: o((e, t, n) => {
-			let r = y.current.find((t) => t.id === e);
+			if (d.current) return;
+			let r = b.current.find((t) => t.id === e);
 			if (!r) return;
 			let i = (t ?? r.user).trim(), a = n ?? r.attachments ?? [];
 			if (!i && a.length === 0) return;
-			(a.length > 0 || r.attachments) && b(e, { attachments: a });
+			(a.length > 0 || r.attachments) && x(e, { attachments: a });
 			let o = r.ai.length > 0;
-			g.current = null, k(e, i, o, a);
-		}, [k, b]),
+			_.current = null, j(e, i, o, a);
+		}, [j, x]),
 		showVersion: o((e, t) => {
-			let n = y.current.find((t) => t.id === e)?.versions?.[t];
-			n && b(e, {
+			let n = b.current.find((t) => t.id === e)?.versions?.[t];
+			n && x(e, {
 				versionIndex: t,
 				ai: n.ai,
 				parts: n.parts
 			});
-		}, [b]),
+		}, [x]),
 		stop: o(() => {
-			u.current?.abort();
+			d.current?.abort();
 		}, []),
 		beginEdit: o((e) => {
-			let t = y.current.find((t) => t.id === e);
-			t && (g.current = {
+			let t = b.current.find((t) => t.id === e);
+			t && (_.current = {
 				id: e,
 				user: t.user
-			}), b(e, { state: "typing" });
-		}, [b]),
+			}), x(e, { state: "typing" });
+		}, [x]),
 		cancelEdit: o((e) => {
-			let t = g.current;
-			g.current = null, b(e, {
+			let t = _.current;
+			_.current = null, x(e, {
 				state: "resting",
 				...t && t.id === e ? { user: t.user } : {}
 			});
-		}, [b]),
-		isStreaming: s,
-		updatePart: T
+		}, [x]),
+		isStreaming: l,
+		updatePart: E
 	};
 }
 var Y = {
@@ -1857,7 +1868,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 = U("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, ee] = m(!1), [N, P] = m(!1), F = o((e) => {
+	let D = H("header"), k = l ?? D.back, A = d ?? D.more, j = p(null), [M, N] = m(!1), [ee, P] = m(!1), F = o((e) => {
 		j.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 	}, [E]);
 	c(() => {
@@ -1865,7 +1876,7 @@ 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(() => {
@@ -1876,7 +1887,7 @@ var Y = {
 		};
 		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, [b]);
-	let te = x !== !1 && M, I = te ? u.filter((e) => e.pinned) : u, L = te ? u.filter((e) => !e.pinned) : [], ne = r ? `h${r}` : "span";
+	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";
 	return /* @__PURE__ */ v(S ? "header" : "div", {
 		ref: F,
 		className: [
@@ -1887,7 +1898,7 @@ var Y = {
 			y ? Y.sticky : "",
 			w ?? ""
 		].filter(Boolean).join(" "),
-		"data-scrolled": b && N || void 0,
+		"data-scrolled": b && ee || void 0,
 		...T,
 		children: [/* @__PURE__ */ v("div", {
 			className: Y.start,
@@ -1930,7 +1941,7 @@ var Y = {
 			className: Y.end,
 			children: [
 				C,
-				I.map((e) => /* @__PURE__ */ _(wt, {
+				te.map((e) => /* @__PURE__ */ _(wt, {
 					action: e,
 					size: h
 				}, e.id)),
@@ -2056,12 +2067,12 @@ var Et = {
 	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 }) {
-	let [h, y] = m(!1), b = p(null), x = U("answerActions", u);
+	let [h, y] = m(!1), b = p(null), x = H("answerActions", u);
 	c(() => () => {
 		b.current && clearTimeout(b.current);
 	}, []);
 	let S = o(() => {
-		t ? t(e) : navigator.clipboard?.writeText(e), y(!0), G(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), Dt);
 	}, [
 		x.copied,
 		t,
@@ -2131,7 +2142,7 @@ var kt = {
 //#endregion
 //#region src/Branch/Branch.tsx
 function At({ total: e, index: t, onSelect: n, labels: r, className: i, ...a }) {
-	let o = U("branch", r);
+	let o = H("branch", r);
 	if (e < 2) return null;
 	let s = Math.min(Math.max(t, 0), e - 1), c = o.position.replace("{index}", String(s + 1)).replace("{total}", String(e));
 	return /* @__PURE__ */ v("div", {
@@ -2147,7 +2158,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__ */ _(ee, {
+				children: /* @__PURE__ */ _(N, {
 					size: 14,
 					"aria-hidden": !0
 				})
@@ -2170,7 +2181,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__ */ _(N, {
+				children: /* @__PURE__ */ _(ee, {
 					size: 14,
 					"aria-hidden": !0
 				})
@@ -2336,7 +2347,7 @@ var Bt = {
 //#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 = U("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Nt({
+	let u = H("reasoning", o), d = l(), f = t === "thinking", { isOpen: p, toggle: h } = Nt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2464,7 +2475,7 @@ var $t = {
 	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 = U("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Zt);
+	let d = H("codeBlock", s), [h, g] = m(!1), y = p(null), [b, x] = m(Zt);
 	c(() => {
 		if (b || !qt(t)) return;
 		let e = !0;
@@ -2483,7 +2494,7 @@ function tn({ code: e, lang: t, label: n, copyable: r = !0, onCopy: i, copiedFor
 		y.current && clearTimeout(y.current);
 	}, []);
 	let C = o(() => {
-		i ? i(e) : navigator.clipboard?.writeText(e), g(!0), G(d.copiedAnnouncement), y.current && clearTimeout(y.current), y.current = setTimeout(() => g(!1), a);
+		i ? i(e) : navigator.clipboard?.writeText(e), g(!0), Ke(d.copiedAnnouncement), y.current && clearTimeout(y.current), y.current = setTimeout(() => g(!1), a);
 	}, [
 		e,
 		a,
@@ -2597,7 +2608,7 @@ function sn({ label: e, value: t, tone: n }) {
 	});
 }
 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 = U("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Nt({
+	let m = H("tool", d), h = l(), g = t === "error", { isOpen: y, toggle: b } = Nt({
 		open: s,
 		defaultOpen: c,
 		onOpenChange: u,
@@ -2673,7 +2684,7 @@ var ln = {
 	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 }) {
-	let d = U("approval", s), f = (e) => o.includes(e), p = l(), m = r !== null;
+	let d = H("approval", s), f = (e) => o.includes(e), p = l(), m = r !== null;
 	return /* @__PURE__ */ v("section", {
 		className: [ln.approval, c ?? ""].filter(Boolean).join(" "),
 		"data-decision": r ?? void 0,
@@ -2741,7 +2752,7 @@ 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 = U("tasks", o), d = l(), f = q(), p = e.filter((e) => (e.state ?? "pending") === "done").length, m = Nt({
+	let u = H("tasks", o), d = l(), f = q(), p = e.filter((e) => (e.state ?? "pending") === "done").length, m = Nt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2818,7 +2829,7 @@ 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 = U("chain", o), d = l(), f = q(), p = t === "thinking", { isOpen: m, toggle: h } = Nt({
+	let u = H("chain", o), d = l(), f = q(), p = t === "thinking", { isOpen: m, toggle: h } = Nt({
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
@@ -2898,7 +2909,7 @@ 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 = U("sources", c), p = l(), m = Nt({
+	let f = H("sources", c), p = l(), m = Nt({
 		open: a,
 		defaultOpen: o,
 		onOpenChange: s,
@@ -3264,7 +3275,7 @@ 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 = U("question", s), l = n !== "upcoming", u = q(), d = p(null), f = En(d), m;
+	let c = H("question", s), l = n !== "upcoming", u = q(), d = p(null), f = En(d), m;
 	if (n === "active") m = /* @__PURE__ */ _(Mn, {
 		question: e,
 		number: t,
@@ -3284,7 +3295,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__ */ _(z, {
+			children: [n.map((e, t) => /* @__PURE__ */ _(bn, { children: e }, `${e}-${t}`)), !o && /* @__PURE__ */ _(fe, {
 				className: X.pencil,
 				size: 14,
 				"aria-hidden": !0
@@ -3357,17 +3368,17 @@ var Pn = {
 	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 = U("questionGroup", u), O = q(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
+	let [h, g] = m(!1), [x, S] = m(!1), w = l(), T = p(null), E = En(T), D = H("questionGroup", u), O = q(), k = a && !h, A = n.map((e) => e.shortTitle).join(" · "), j = {
 		...In,
 		...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 } }
-	}, N = (e, t = 0) => O ? { duration: 0 } : {
+	}, ee = (e, t = 0) => O ? { duration: 0 } : {
 		type: "spring",
 		visualDuration: j.rowDuration,
 		bounce: j.rowBounce,
@@ -3380,15 +3391,15 @@ function Ln({ id: e, title: t, questions: n, answers: r, activeIndex: i = null,
 		hidden: {
 			opacity: 0,
 			y: O ? 0 : j.rowOffset,
-			transition: N(j.fadeOut)
+			transition: ee(j.fadeOut)
 		},
 		shown: {
 			opacity: 1,
 			y: 0,
-			transition: N(j.fadeIn, O ? 0 : j.fadeInDelay)
+			transition: ee(j.fadeIn, O ? 0 : j.fadeInDelay)
 		}
 	}, F = {
-		variants: ee,
+		variants: N,
 		initial: "hidden",
 		animate: "shown",
 		exit: "hidden",
@@ -3993,7 +4004,7 @@ var yr = {
 //#endregion
 //#region src/InlineCitation/InlineCitation.tsx
 function br({ index: e, source: t, children: n, onSelect: r, labels: i, className: a, ...o }) {
-	let { cite: s } = U("citation", i), c = t ? `${s} ${e}: ${t.title}` : `${s} ${e}`, l = r ? /* @__PURE__ */ _("button", {
+	let { cite: s } = H("citation", i), c = t ? `${s} ${e}: ${t.title}` : `${s} ${e}`, l = r ? /* @__PURE__ */ _("button", {
 		type: "button",
 		className: yr.marker,
 		onClick: () => r(e, t),
@@ -4069,55 +4080,55 @@ var xr = {
 		t += `M ${r} ${n} L ${i} ${n} `;
 	}), t.trim();
 };
-function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onReplyInThread: a, sources: s, onSelectSource: u }) {
-	let d = U("highlighter"), h = p(null), [g, b] = m([]), [S, w] = m([]), [T, E] = m(null), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(0), ee = p(null), N = p(null), [P, F] = m(null), [te, I] = m(null), L = o((e) => {
-		e.viaKeyboard && (N.current = document.activeElement), M(0), A(e);
-	}, []), ne = o((e = "none") => {
-		let t = N.current;
-		N.current = null, A(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : h.current?.focus());
+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());
 	}, []);
 	c(() => {
 		let e = (e) => {
-			k && h.current && !h.current.contains(e.target) && ne();
+			A && g.current && !g.current.contains(e.target) && re();
 		};
 		return window.addEventListener("pointerdown", e), () => window.removeEventListener("pointerdown", e);
-	}, [k, ne]);
-	let re = f(() => vr(t), [t]), R = re.tokens, ie = p(S), oe = p(i), se = p(k);
+	}, [A, re]);
+	let ie = f(() => vr(t), [t]), R = ie.tokens, oe = p(w), se = p(a), ce = p(A);
 	c(() => {
-		ie.current = S, oe.current = i, se.current = k;
+		oe.current = w, se.current = a, ce.current = A;
 	});
-	let ce = f(() => [...g.map((e) => ({
+	let le = f(() => [...b.map((e) => ({
 		id: e.id,
 		d: wr(e.points),
 		kind: "path",
 		item: e,
 		text: Dr(e.highlightedIndices, R)
-	})), ...S.map((e) => ({
+	})), ...w.map((e) => ({
 		id: e.id,
 		d: kr(e.rects),
 		kind: "selection",
 		item: e,
 		text: e.text
 	}))], [
-		g,
-		S,
+		b,
+		w,
 		R
-	]), le = (e, t = !1) => {
+	]), ue = (e, t = !1) => {
 		let n = e.kind === "path" ? Tr(e.item.points) : Er(e.item.rects);
-		L({
+		ne({
 			x: n.x,
 			y: n.y,
 			pathId: e.id,
 			kind: e.kind,
 			viaKeyboard: t
 		});
-	}, ue = o((e, t, n = !1) => {
-		let r = h.current, i = t.trim();
+	}, z = o((e, t, n = !1) => {
+		let r = g.current, i = t.trim();
 		if (!r || !i) return;
 		let a = /* @__PURE__ */ new Set();
 		r.querySelectorAll("span[data-index]").forEach((t) => {
 			e.intersectsNode(t) && a.add(parseInt(t.getAttribute("data-index"), 10));
-		}), oe.current?.(i);
+		}), se.current?.(i);
 		let o = r.getBoundingClientRect(), s = Array.from(e.getClientRects()).map((e) => ({
 			x: e.left - o.left,
 			y: e.top - o.top,
@@ -4139,30 +4150,30 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 				h: i
 			};
 		}), u = Date.now().toString();
-		w((e) => [...e, {
+		T((e) => [...e, {
 			id: u,
 			rects: l,
 			text: i,
 			highlightedIndices: a
 		}]);
 		let d = Er(l);
-		L({
+		ne({
 			x: d.x,
 			y: d.y,
 			pathId: u,
 			kind: "selection",
 			viaKeyboard: n
 		});
-	}, [L]);
+	}, [ne]);
 	c(() => {
 		let e = (e) => {
-			if (se.current) return;
-			let t = h.current;
+			if (ce.current) return;
+			let t = g.current;
 			if (!t) return;
 			let n = window.getSelection();
 			if (!n || n.isCollapsed || n.rangeCount === 0 || !n.toString().trim()) return;
 			let r = n.getRangeAt(0);
-			t.contains(r.commonAncestorContainer) && (ue(r, n.toString(), e), requestAnimationFrame(() => window.getSelection()?.removeAllRanges()));
+			t.contains(r.commonAncestorContainer) && (z(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);
@@ -4170,82 +4181,82 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 		return document.addEventListener("mouseup", t), document.addEventListener("keyup", n), () => {
 			document.removeEventListener("mouseup", t), document.removeEventListener("keyup", n);
 		};
-	}, [ue]);
-	let [de, fe] = m(r);
-	de !== r && (fe(r), A(null));
-	let z = f(() => R.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [R]), [pe, me] = m(null), [he, ge] = m(null), _e = l(), ve = f(() => pe === null || he === null ? null : {
-		from: Math.min(he, pe),
-		to: Math.max(he, pe)
-	}, [pe, he]), ye = () => {
-		me(null), ge(null);
-	}, be = () => {
-		let e = h.current;
-		if (!e || !ve) return;
-		let t = e.querySelector(`span[data-index="${ve.from}"]`), n = e.querySelector(`span[data-index="${ve.to}"]`);
+	}, [z]);
+	let [de, fe] = m(i);
+	de !== i && (fe(i), j(null));
+	let pe = f(() => R.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [R]), [me, he] = m(null), [ge, _e] = m(null), ve = l(), ye = f(() => me === null || ge === null ? null : {
+		from: Math.min(ge, me),
+		to: Math.max(ge, me)
+	}, [me, ge]), be = () => {
+		he(null), _e(null);
+	}, xe = () => {
+		let e = g.current;
+		if (!e || !ye) return;
+		let t = e.querySelector(`span[data-index="${ye.from}"]`), n = e.querySelector(`span[data-index="${ye.to}"]`);
 		if (!t || !n) return;
 		let r = document.createRange();
 		r.setStartBefore(t), r.setEndAfter(n);
 		let i = "";
-		for (let e = ve.from; e <= ve.to; e++) i += R[e];
-		ue(r, i, !0), ye();
-	}, xe = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
+		for (let e = ye.from; e <= ye.to; e++) i += R[e];
+		z(r, i, !0), be();
+	}, Ce = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
 	c(() => {
-		if (!k) return;
-		let e = xe();
+		if (!A) return;
+		let e = Ce();
 		if (e.length === 0) return;
 		let t = ee.current?.contains(document.activeElement);
-		(k.viaKeyboard || t) && e[Math.min(j, e.length - 1)]?.focus();
-	}, [k, j]);
-	let Ce = (e) => {
-		let t = xe().length;
+		(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(), M((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(), M(0);
-			case "End": return e.preventDefault(), M(t - 1);
+			case "Home": return e.preventDefault(), N(0);
+			case "End": return e.preventDefault(), N(t - 1);
 			default: return;
 		}
-	}, we = (e) => {
-		if (e.target !== e.currentTarget && e.key !== "Escape" || z.length === 0) return;
+	}, B = (e) => {
+		if (e.target !== e.currentTarget && e.key !== "Escape" || pe.length === 0) return;
 		let t = (t, n) => {
 			e.preventDefault();
-			let r = pe === null ? -1 : z.indexOf(pe), i = r === -1 ? z[t === 1 ? 0 : z.length - 1] : z[Math.min(z.length - 1, Math.max(0, r + t))];
-			me(i), (!n || he === null) && ge(i);
+			let r = me === null ? -1 : pe.indexOf(me), i = r === -1 ? pe[t === 1 ? 0 : pe.length - 1] : pe[Math.min(pe.length - 1, Math.max(0, r + t))];
+			he(i), (!n || ge === null) && _e(i);
 		}, n = (t) => {
-			e.preventDefault(), me(t), (!e.shiftKey || he === null) && ge(t);
+			e.preventDefault(), he(t), (!e.shiftKey || ge === null) && _e(t);
 		};
 		switch (e.key) {
 			case "ArrowRight": return t(1, e.shiftKey);
 			case "ArrowLeft": return t(-1, e.shiftKey);
-			case "Home": return n(z[0]);
-			case "End": return n(z[z.length - 1]);
+			case "Home": return n(pe[0]);
+			case "End": return n(pe[pe.length - 1]);
 			case "Enter":
-			case " ": return ve ? (e.preventDefault(), be()) : void 0;
-			case "Escape": return !k && pe === null ? void 0 : (e.preventDefault(), ne("restore"), ye());
+			case " ": return ye ? (e.preventDefault(), xe()) : void 0;
+			case "Escape": return !A && me === null ? void 0 : (e.preventDefault(), re("restore"), be());
 			default: return;
 		}
-	}, B = (e, t, n) => {
+	}, Te = (e, t, n) => {
 		let r = document.elementFromPoint(e, t);
 		if (r && r.hasAttribute("data-index")) {
 			let e = parseInt(r.getAttribute("data-index"), 10);
 			n.add(e);
 		}
-	}, Te = (e) => {
-		if (k) {
-			ne();
+	}, Ee = (e) => {
+		if (A) {
+			re();
 			return;
 		}
-		if (r === "precise" || e.button !== 0 && e.pointerType === "mouse") return;
-		e.preventDefault(), O(!0);
+		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(), i = e.clientX - n.left, a = e.clientY - n.top, o = i - a * Cr, s = {
+		let n = t.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = r - a * Cr, s = {
 			id: Date.now().toString(),
 			points: [{
 				x: o,
@@ -4253,78 +4264,78 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 			}],
 			highlightedIndices: /* @__PURE__ */ new Set()
 		};
-		E(s), ne(), B(e.clientX, e.clientY, s.highlightedIndices);
-	}, Ee = (e) => {
-		if (r === "precise" || !T) return;
-		let t = h.current.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, a = n - i * Cr;
-		E((t) => {
+		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;
+		D((t) => {
 			if (!t) return t;
 			let n = new Set(t.highlightedIndices);
-			return B(e.clientX, e.clientY, n), {
+			return Te(e.clientX, e.clientY, n), {
 				...t,
 				points: [...t.points, {
 					x: a,
-					y: i
+					y: r
 				}],
 				highlightedIndices: n
 			};
 		});
-	}, H = (e) => {
-		if (r !== "precise" && (O(!1), T)) {
-			if (e.currentTarget.releasePointerCapture(e.pointerId), b((e) => [...e, T]), T.highlightedIndices.size > 0) {
-				let e = Tr(T.points);
-				L({
+	}, 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);
+				ne({
 					x: e.x,
 					y: e.y,
-					pathId: T.id,
+					pathId: E.id,
 					kind: "path"
 				});
 			}
-			i && T.highlightedIndices.size > 0 && i(Dr(T.highlightedIndices, R)), E(null);
+			a && E.highlightedIndices.size > 0 && a(Dr(E.highlightedIndices, R)), D(null);
 		}
-	}, De = (e) => {
-		r !== "precise" && (O(!1), T && (e.currentTarget.releasePointerCapture(e.pointerId), E(null)));
-	}, Oe = (e) => {
-		let t = g.find((t) => t.id === e);
-		return t ? Dr(t.highlightedIndices, R) : "";
 	}, ke = (e) => {
-		let t = k?.viaKeyboard;
-		k?.kind === "selection" ? w((t) => t.filter((t) => t.id !== e)) : b((t) => t.filter((t) => t.id !== e)), ne(t ? "container" : "none");
-	}, je = () => {
-		let e = k?.viaKeyboard;
-		if (k && a) {
-			if (k.kind === "selection") {
-				let e = S.find((e) => e.id === k.pathId), t = h.current;
+		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) : "";
+	}, U = (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 = () => {
+		let e = A?.viaKeyboard;
+		if (A && s) {
+			if (A.kind === "selection") {
+				let e = w.find((e) => e.id === A.pathId), t = g.current;
 				if (e && t) {
-					let n = t.getBoundingClientRect(), r = Infinity, i = Infinity, o = -Infinity, s = -Infinity;
+					let n = t.getBoundingClientRect(), r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
 					e.rects.forEach((e) => {
-						r = Math.min(r, e.x), i = Math.min(i, e.y), o = Math.max(o, e.x + e.w), s = Math.max(s, e.y + e.h);
+						r = Math.min(r, e.x), i = Math.min(i, e.y), a = Math.max(a, e.x + e.w), o = Math.max(o, e.y + e.h);
 					});
-					let c = new DOMRect(n.left + r, n.top + i, o - r, s - i);
-					a(e.text, c);
+					let c = new DOMRect(n.left + r, n.top + i, a - r, o - i);
+					s(e.text, c);
 				}
 			} else {
-				let e = Oe(k.pathId), t = document.getElementById(`highlight-path-${k.pathId}`);
-				t && a(e, t.getBoundingClientRect());
+				let e = Ae(A.pathId), t = document.getElementById(`highlight-path-${A.pathId}`);
+				t && s(e, t.getBoundingClientRect());
 			}
 		}
-		ne(e ? "restore" : "none");
-	}, Me = (e) => {
+		re(e ? "restore" : "none");
+	}, Ne = (e) => {
 		let t = R[e], n = !1;
-		k && (n = (k.kind === "path" ? g.find((e) => e.id === k.pathId) : S.find((e) => e.id === k.pathId))?.highlightedIndices?.has(e) ?? !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 P && (r = (g.find((e) => e.id === P) ?? S.find((e) => e.id === P))?.highlightedIndices?.has(e) ?? !1), /* @__PURE__ */ _("span", {
+		return F && (r = (b.find((e) => e.id === F) ?? w.find((e) => e.id === F))?.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-kbd-cursor": pe === e || void 0,
-			"data-kbd-selected": ve && e >= ve.from && e <= ve.to || void 0,
+			"data-kbd-cursor": me === e || void 0,
+			"data-kbd-selected": ye && e >= ye.from && e <= ye.to || void 0,
 			children: t
 		}, e);
-	}, Ne = (e) => e.map((e, t) => {
-		if (e.type === "token") return Me(e.index);
+	}, Pe = (e) => e.map((e, t) => {
+		if (e.type === "token") return Ne(e.index);
 		if (e.type === "code") return /* @__PURE__ */ _(tn, {
 			code: e.value,
 			lang: e.lang
@@ -4333,21 +4344,21 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 			let n = Number(e.props?.index ?? 0);
 			return /* @__PURE__ */ _(br, {
 				index: n,
-				source: s?.[n - 1],
-				onSelect: u ? (e, t) => u(e, t) : void 0
+				source: u?.[n - 1],
+				onSelect: d ? (e, t) => d(e, t) : void 0
 			}, `q${t}`);
 		}
 		return n(e.tag, {
 			key: `e${t}`,
 			...e.props
-		}, e.children.length > 0 ? Ne(e.children) : void 0);
+		}, e.children.length > 0 ? Pe(e.children) : void 0);
 	});
 	return /* @__PURE__ */ _(x, {
 		reducedMotion: "user",
 		children: /* @__PURE__ */ v(C.div, {
-			ref: h,
-			"data-cursor": r === "precise" ? "text" : "marker",
-			"data-cursor-active": D ? "true" : "false",
+			ref: g,
+			"data-cursor": r ? i === "precise" ? "text" : "marker" : void 0,
+			"data-cursor-active": r ? O ? "true" : "false" : void 0,
 			animate: {
 				scale: 1,
 				y: 0
@@ -4357,84 +4368,86 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 				stiffness: 400,
 				damping: 30
 			},
-			"data-drawing": D || void 0,
-			"data-menu": !!k || void 0,
-			onPointerDown: Te,
-			onPointerMove: Ee,
-			onPointerUp: H,
-			onPointerCancel: De,
+			"data-drawing": O || void 0,
+			"data-menu": !!A || void 0,
 			className: xr.surface,
-			tabIndex: 0,
-			onKeyDown: we,
-			onBlur: ye,
-			"aria-describedby": _e,
+			...r ? {
+				onPointerDown: Ee,
+				onPointerMove: De,
+				onPointerUp: Oe,
+				onPointerCancel: ke,
+				tabIndex: 0,
+				onKeyDown: B,
+				onBlur: be,
+				"aria-describedby": ve
+			} : null,
 			children: [
-				/* @__PURE__ */ _("span", {
-					id: _e,
+				r && /* @__PURE__ */ _("span", {
+					id: ve,
 					className: xr.srOnly,
 					"aria-hidden": "true",
-					children: d.keyboardHint
+					children: h.keyboardHint
 				}),
-				/* @__PURE__ */ _("div", { className: xr.hitbox }),
+				r && /* @__PURE__ */ _("div", { className: xr.hitbox }),
 				/* @__PURE__ */ _("div", {
 					className: xr.tokens,
-					"data-focus": !!k || void 0,
-					children: Ne(re.nodes)
+					"data-focus": !!A || void 0,
+					children: Pe(ie.nodes)
 				}),
-				/* @__PURE__ */ _("svg", {
+				r && /* @__PURE__ */ _("svg", {
 					className: xr.canvas,
 					children: /* @__PURE__ */ v("g", {
 						transform: `skewX(${Sr})`,
-						children: [ce.map((t) => /* @__PURE__ */ v(e.Fragment, { children: [/* @__PURE__ */ _("path", {
+						children: [le.map((t) => /* @__PURE__ */ v(e.Fragment, { children: [/* @__PURE__ */ _("path", {
 							id: `highlight-${t.kind}-${t.id}`,
 							className: xr.marker,
 							d: t.d,
 							"data-cursor": "pointer",
-							"data-pressed": P === t.id || void 0,
-							"data-active": k?.pathId === t.id || te === t.id || void 0,
-							"data-dimmed": k && k.pathId !== t.id || void 0,
-							style: { pointerEvents: D ? "none" : "stroke" },
+							"data-pressed": F === t.id || void 0,
+							"data-active": A?.pathId === t.id || te === t.id || void 0,
+							"data-dimmed": A && A.pathId !== t.id || void 0,
+							style: { pointerEvents: O ? "none" : "stroke" },
 							onPointerDown: (e) => {
-								D || (e.stopPropagation(), F(t.id));
+								O || (e.stopPropagation(), I(t.id));
 							},
 							onPointerUp: (e) => {
-								P === t.id && (e.stopPropagation(), le(t), F(null));
+								F === t.id && (e.stopPropagation(), ue(t), I(null));
 							},
-							onPointerLeave: () => F(null),
-							onPointerCancel: () => F(null)
+							onPointerLeave: () => I(null),
+							onPointerCancel: () => I(null)
 						}), /* @__PURE__ */ _("path", {
 							className: xr.shimmer,
 							d: t.d,
 							pathLength: 1,
-							"data-active": k?.pathId === t.id || te === t.id || void 0
-						})] }, t.id)), T && /* @__PURE__ */ _("path", {
+							"data-active": A?.pathId === t.id || te === t.id || void 0
+						})] }, t.id)), E && /* @__PURE__ */ _("path", {
 							className: xr.marker,
-							d: wr(T.points)
+							d: wr(E.points)
 						})]
 					})
 				}),
-				ce.length > 0 && /* @__PURE__ */ _("div", {
+				r && le.length > 0 && /* @__PURE__ */ _("div", {
 					role: "group",
-					"aria-label": Ae(ce.length === 1 ? d.countOne : d.countMany, { count: ce.length }),
-					children: ce.map((e) => /* @__PURE__ */ _("button", {
+					"aria-label": je(le.length === 1 ? h.countOne : h.countMany, { count: le.length }),
+					children: le.map((e) => /* @__PURE__ */ _("button", {
 						type: "button",
 						className: xr.srOnly,
 						onPointerDown: (e) => e.stopPropagation(),
-						onFocus: () => I(e.id),
-						onBlur: () => I(null),
+						onFocus: () => L(e.id),
+						onBlur: () => L(null),
 						onClick: (t) => {
-							t.stopPropagation(), le(e, !0);
+							t.stopPropagation(), ue(e, !0);
 						},
-						children: `${d.highlight} ${Or(e.text)}`
+						children: `${h.highlight} ${Or(e.text)}`
 					}, e.id))
 				}),
-				/* @__PURE__ */ _(y, { children: k && /* @__PURE__ */ v(C.div, {
+				/* @__PURE__ */ _(y, { children: r && A && /* @__PURE__ */ v(C.div, {
 					ref: ee,
 					role: "menu",
-					"aria-label": d.menu,
-					onKeyDown: Ce,
+					"aria-label": h.menu,
+					onKeyDown: we,
 					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || ne();
+						e.currentTarget.contains(e.relatedTarget) || re();
 					},
 					initial: { opacity: 0 },
 					animate: {
@@ -4450,8 +4463,8 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 					},
 					className: xr.menu,
 					style: {
-						left: k.x,
-						top: k.y
+						left: A.x,
+						top: A.y
 					},
 					onPointerDown: (e) => e.stopPropagation(),
 					children: [/* @__PURE__ */ _(C.div, {
@@ -4478,13 +4491,13 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
-							tabIndex: j === 0 ? 0 : -1,
+							tabIndex: M === 0 ? 0 : -1,
 							icon: /* @__PURE__ */ _(ae, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), je();
+								e.stopPropagation(), Me();
 							},
-							title: d.reply,
-							children: d.reply
+							title: h.reply,
+							children: h.reply
 						})
 					}), /* @__PURE__ */ _(C.div, {
 						initial: {
@@ -4510,13 +4523,13 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 						children: /* @__PURE__ */ _(V, {
 							variant: "primary",
 							role: "menuitem",
-							tabIndex: j === 1 ? 0 : -1,
+							tabIndex: M === 1 ? 0 : -1,
 							icon: /* @__PURE__ */ _(Se, { size: 14 }),
 							onClick: (e) => {
-								e.stopPropagation(), ke(k.pathId);
+								e.stopPropagation(), U(A.pathId);
 							},
-							title: d.remove,
-							"aria-label": d.remove
+							title: h.remove,
+							"aria-label": h.remove
 						})
 					})]
 				}) })
@@ -4533,15 +4546,15 @@ 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, entranceDelay: c = 0, selectionMode: l = "marker", questionAlign: u = "end", onDraft: d, onSubmit: f, onStop: p, onEdit: m, onCancelEdit: h, onCopy: g = Mr, onHighlight: y, onReplyInThread: b, onRegenerate: x, onShowVersion: S, onFeedback: w, feedback: T = null, answerActions: E = !0, onAnswerQuestion: D, onEditQuestion: O, onDecideApproval: k, renderPart: A, composerMenu: j, labels: M, className: ee, onTranscribe: N }) {
-	let P = q(), F = P ? 0 : -16, te = e.parts ?? [], I = te.find((e) => e.kind === "sources")?.sources, L = /* @__PURE__ */ v(C.article, {
+}, 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, {
 		id: `turn-${e.id}`,
-		className: [jr.turn, ee ?? ""].filter(Boolean).join(" "),
+		className: [jr.turn, F ?? ""].filter(Boolean).join(" "),
 		"data-active-input": t || void 0,
 		"aria-busy": e.state === "responding" || void 0,
 		initial: {
 			opacity: 0,
-			y: F
+			y: L
 		},
 		animate: {
 			opacity: 1,
@@ -4549,43 +4562,44 @@ var jr = {
 		},
 		exit: {
 			opacity: 0,
-			y: F
+			y: L
 		},
 		transition: {
-			duration: P ? .15 : .4,
+			duration: te ? .15 : .4,
 			ease: [
 				.22,
 				1,
 				.36,
 				1
 			],
-			delay: c
+			delay: l
 		},
 		children: [/* @__PURE__ */ _("div", {
 			className: jr.question,
-			"data-align": u,
+			"data-align": f,
 			children: /* @__PURE__ */ _(ot, {
 				ref: n,
-				style: u === "stretch" ? { width: "100%" } : void 0,
+				style: f === "stretch" ? { width: "100%" } : void 0,
 				state: e.state,
 				value: e.user,
-				onChange: (t) => d?.(e.id, t),
-				onSubmit: (t, n) => f?.(e.id, t, n),
+				onChange: (t) => p?.(e.id, t),
+				onSubmit: (t, n) => m?.(e.id, t, n),
 				attachments: e.attachments,
-				onStop: p,
-				onTranscribe: N,
-				onCopy: g,
-				onEdit: () => m?.(e.id),
-				onCancelEdit: () => h?.(e.id),
+				onStop: h,
+				busy: g,
+				onTranscribe: I,
+				onCopy: x,
+				onEdit: () => y?.(e.id),
+				onCancelEdit: () => b?.(e.id),
 				isEditing: e.ai.length > 0 && e.state === "typing",
 				animationConfig: i,
 				placeholder: r,
-				menu: j
+				menu: ee
 			})
 		}), /* @__PURE__ */ v("div", {
 			className: jr.body,
 			children: [
-				te.map((t) => {
+				ne.map((t) => {
 					switch (t.kind) {
 						case "reasoning": return /* @__PURE__ */ _(Vt, {
 							state: t.state,
@@ -4621,7 +4635,7 @@ var jr = {
 							description: t.description,
 							decision: t.decision ?? null,
 							choices: t.choices,
-							onDecide: (n) => k?.(e.id, t.id, n),
+							onDecide: (n) => M?.(e.id, t.id, n),
 							children: t.tool && /* @__PURE__ */ _(cn, {
 								name: t.tool.name,
 								state: "pending",
@@ -4653,11 +4667,15 @@ var jr = {
 							collapsible: t.collapsible,
 							readOnly: t.readOnly,
 							foldMotion: a,
-							onCommit: (n, r) => D?.(e.id, t.id, n, r),
-							onEdit: (n) => O?.(e.id, t.id, n)
+							onCommit: (n, r) => A?.(e.id, t.id, n, r),
+							onEdit: (n) => j?.(e.id, t.id, n)
 						}, t.id);
 						case "custom": {
-							let n = A?.(t, { turnId: e.id });
+							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",
@@ -4667,7 +4685,7 @@ var jr = {
 						}
 					}
 				}),
-				e.state === "responding" && !e.ai && te.length === 0 && /* @__PURE__ */ _("div", {
+				e.state === "responding" && !e.ai && ne.length === 0 && /* @__PURE__ */ _("div", {
 					className: jr.answer,
 					children: /* @__PURE__ */ _(Mt, {})
 				}),
@@ -4675,32 +4693,33 @@ var jr = {
 					className: jr.answer,
 					children: [/* @__PURE__ */ _(Ar, {
 						text: e.ai,
-						selectionMode: l,
-						sources: I,
-						onHighlightComplete: (t) => y?.(e.id, t),
-						onReplyInThread: b
-					}), E && e.state === "resting" && /* @__PURE__ */ v("div", {
+						marking: d,
+						selectionMode: u,
+						sources: re,
+						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) => S?.(e.id, t)
+							onSelect: (t) => E?.(e.id, t)
 						}), /* @__PURE__ */ _(Ot, {
 							text: e.ai,
-							onCopy: g,
-							onRegenerate: x ? () => x(e.id) : void 0,
-							onFeedback: w ? (t) => w(e.id, t) : void 0,
-							feedback: T
+							onCopy: x,
+							onRegenerate: T ? () => T(e.id) : void 0,
+							onFeedback: D ? (t) => D(e.id, t) : void 0,
+							feedback: O
 						})]
 					})]
 				})
 			]
 		})]
 	});
-	return M ? /* @__PURE__ */ _(ke, {
-		labels: M,
-		children: L
-	}) : L;
+	return P ? /* @__PURE__ */ _(Ae, {
+		labels: P,
+		children: ie
+	}) : ie;
 }, (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) {
@@ -4735,7 +4754,7 @@ function Fr(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 = U("context", i), c = t > 0 ? Math.min(1, Math.max(0, e / t)) : 0, l = Math.round(c * 100), u = c >= n, d = r === !1 ? null : r ?? `${l}%`, f = `${s.name}: ${l}%, ${Fr(e)} ${s.of} ${Fr(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
+	let s = H("context", i), c = t > 0 ? Math.min(1, Math.max(0, e / t)) : 0, l = Math.round(c * 100), u = c >= n, d = r === !1 ? null : r ?? `${l}%`, f = `${s.name}: ${l}%, ${Fr(e)} ${s.of} ${Fr(t)} ${s.tokens}${u ? `. ${s.nearlyFull}` : ""}`;
 	return /* @__PURE__ */ v("div", {
 		className: [Pr.context, a ?? ""].filter(Boolean).join(" "),
 		"data-warn": u || void 0,
@@ -4786,7 +4805,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 }) {
-	let h = U("pane"), g = s ?? h.close, y = u ?? h.expand, b = d ?? h.collapse, x = l(), S = p(null), C = p(null);
+	let h = H("pane"), g = s ?? h.close, y = u ?? h.expand, b = d ?? h.collapse, x = l(), S = p(null), C = p(null);
 	return c(() => {
 		C.current?.focus({ preventScroll: !0 });
 	}, []), c(() => {
@@ -4833,7 +4852,7 @@ function Br({ title: e, meta: t, children: n, onClose: r, modal: i = !1, expande
 					o && !i && /* @__PURE__ */ _(V, {
 						variant: "ghost",
 						size: "s",
-						icon: _(a ? se : ie, {
+						icon: _(a ? se : R, {
 							size: 15,
 							"aria-hidden": !0
 						}),
@@ -4881,8 +4900,8 @@ function Vr() {
 var Hr = {
 	layout: "ick-layout-nC6G",
 	chat: "ick-chat-OTXm",
-	slot: "ick-slot-O--R",
 	card: "ick-card-Iddg",
+	slot: "ick-slot-O--R",
 	scrim: "ick-scrim-11Pp"
 }, Ur = 760, Wr = {
 	closed: {
@@ -4957,10 +4976,10 @@ var Hr = {
 		...Jr
 	}
 });
-function Xr({ children: e, pane: t, onDismiss: n, className: r, ...i }) {
-	let a = p(null), [s, l] = m(!1), [u, d] = m(!1), h = o(() => d((e) => !e), []), g = E(), [b, x, S] = f(() => {
-		let e = s ? Kr : Wr, t = s ? void 0 : Gr;
-		return g ? [
+function Xr({ 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;
+		return b ? [
 			Yr(e),
 			t && Yr(t),
 			Yr(qr)
@@ -4969,49 +4988,50 @@ function Xr({ children: e, pane: t, onDismiss: n, className: r, ...i }) {
 			t,
 			qr
 		];
-	}, [g, s]);
+	}, [b, l]);
 	c(() => {
-		let e = a.current;
+		let e = s.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			l(e.contentRect.width <= Ur);
+			u(e.contentRect.width <= Ur);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let w = t?.({
-		narrow: s,
-		expanded: u,
-		toggleExpanded: h
+	let T = t?.({
+		narrow: l,
+		expanded: d,
+		toggleExpanded: g
 	});
 	return /* @__PURE__ */ v("div", {
-		ref: a,
-		className: [Hr.layout, r ?? ""].filter(Boolean).join(" "),
-		"data-pane": w ? "" : void 0,
-		...i,
+		ref: s,
+		className: [Hr.layout, i ?? ""].filter(Boolean).join(" "),
+		"data-pane": T ? "" : void 0,
+		"data-surface": r === "panes" ? "panes" : void 0,
+		...a,
 		children: [/* @__PURE__ */ _("div", {
 			className: Hr.chat,
 			children: e
 		}), /* @__PURE__ */ v(y, {
 			initial: !1,
-			children: [w && s && n && /* @__PURE__ */ _(C.div, {
+			children: [T && l && n && /* @__PURE__ */ _(C.div, {
 				className: Hr.scrim,
-				variants: S,
+				variants: w,
 				initial: "closed",
 				animate: "open",
 				exit: "closed",
 				"aria-hidden": !0,
 				onClick: n
-			}, "scrim"), w && /* @__PURE__ */ _(C.div, {
+			}, "scrim"), T && /* @__PURE__ */ _(C.div, {
 				className: Hr.slot,
-				variants: b,
+				variants: x,
 				initial: "closed",
 				animate: "open",
 				exit: "closed",
 				children: /* @__PURE__ */ _(C.div, {
 					className: Hr.card,
-					"data-expanded": u && !s || void 0,
-					variants: x,
-					...s && n ? {
+					"data-expanded": d && !l || void 0,
+					variants: S,
+					...l && n ? {
 						drag: "y",
 						dragConstraints: {
 							top: 0,
@@ -5026,9 +5046,9 @@ function Xr({ children: e, pane: t, onDismiss: n, className: r, ...i }) {
 							(t.offset.y > 120 || t.velocity.y > 600) && n();
 						}
 					} : {},
-					children: w
+					children: T
 				})
-			}, s ? "sheet" : "beside")]
+			}, l ? "sheet" : "beside")]
 		})]
 	});
 }
@@ -5050,30 +5070,48 @@ var Qr = {
 	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) => {
 	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, className: h, viewportClassName: g, onScroll: y, ...b }, x) {
-	let S = U("conversation").jump, C = l ?? S, w = p(null);
-	u(x, () => w.current, []);
-	let T = p(null), [E, O] = m(!0), k = p(-1), A = p(null), j = p(!1), M = o(() => {
-		let e = w.current, t = T.current;
+}, 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) {
+	let C = H("conversation").jump, w = l ?? C, T = p(null);
+	u(S, () => T.current, []);
+	let E = p(null), O = p(null), [k, A] = m(!0);
+	c(() => {
+		if (!h) return;
+		let e = E.current, t = O.current;
+		if (!e || !t || typeof ResizeObserver > "u") return;
+		let n = () => {
+			let n = e.lastElementChild;
+			t.style.setProperty("--ick-dock-height", `${n?.offsetHeight ?? 0}px`);
+		}, r = new ResizeObserver(n);
+		return r.observe(e), n(), () => {
+			r.disconnect(), t.style.removeProperty("--ick-dock-height");
+		};
+	}, [h]);
+	let j = p(-1), M = p(null), N = p(!1), ee = o(() => {
+		let e = T.current, t = E.current;
 		if (!e || !t) return 0;
-		if (i === "auto" && j.current) return Math.max(0, e.scrollHeight - e.clientHeight);
-		let n = t.lastElementChild, a = n ? ni(n, e) + n.offsetHeight : ni(t, e) + t.offsetHeight - k.current;
+		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);
 		return Math.max(0, a + r - e.clientHeight);
-	}, [r, i]), ee = o(() => {
-		let e = w.current, a = T.current;
+	}, [
+		h,
+		r,
+		i
+	]), P = o(() => {
+		let e = T.current, a = E.current;
 		if (!e || !a) return;
-		if (i !== "auto") return ii(a, k, Math.max(0, i));
-		let o = parseFloat(getComputedStyle(e).paddingBottom) || 0, s = Math.max(0, r - o), c = a.lastElementChild, l = ri(e, A.current);
-		if (j.current = !!c && !!l, !j.current || !c || !l) return ii(a, k, s);
-		let u = ni(c, e) + c.offsetHeight - ni(l, e), d = Math.max(s, e.clientHeight - n - u - o);
-		ii(a, k, t ? Math.max(d, k.current) : d);
+		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);
 	}, [
 		i,
 		n,
 		r,
-		t
-	]), N = o(() => {
-		let e = w.current;
+		t,
+		h
+	]), F = o(() => {
+		let e = T.current;
 		if (!e) return 0;
 		if (t) {
 			let r = e.querySelector(`[id="${CSS.escape(t)}"]`);
@@ -5082,66 +5120,66 @@ var Qr = {
 				return Math.max(0, Math.min(Math.max(a, o), t));
 			}
 		}
-		return M();
+		return ee();
 	}, [
 		t,
 		n,
-		M
-	]), P = p(0), F = p(null), te = o((e) => {
-		let t = w.current;
+		ee
+	]), I = p(0), te = p(null), L = o((e) => {
+		let t = T.current;
 		if (!t) return;
 		let n = e && !q();
-		P.current = n ? performance.now() + ei : 0, t.scrollTo({
-			top: N(),
+		I.current = n ? performance.now() + ei : 0, t.scrollTo({
+			top: F(),
 			behavior: n ? "smooth" : "auto"
-		}), O(!0);
-	}, [N]);
+		}), A(!0);
+	}, [F]);
 	d(() => {
-		t && (A.current = t);
-		let e = w.current, n = T.current;
-		if (ee(), !e || !n || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(ee);
+		t && (M.current = t);
+		let e = T.current, n = E.current;
+		if (P(), !e || !n || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(P);
 		return r.observe(n), r.observe(e), () => r.disconnect();
-	}, [t, ee]), d(() => {
-		if (!f || !E && !t) return;
-		let e = w.current, n = T.current;
+	}, [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 = N();
-			if (P.current) {
-				if (performance.now() < P.current && Math.abs(e.scrollTop - n) > 1) return;
-				P.current = 0;
+			let n = F();
+			if (I.current) {
+				if (performance.now() < I.current && Math.abs(e.scrollTop - n) > 1) return;
+				I.current = 0;
 			}
 			let r = n - e.scrollTop;
-			if (A.current && !t && Math.abs(r) > a && !q()) {
-				P.current = performance.now() + ei, e.scrollTo({
+			if (M.current && !t && Math.abs(r) > a && !q()) {
+				I.current = performance.now() + ei, e.scrollTo({
 					top: n,
 					behavior: "smooth"
 				});
 				return;
 			}
 			e.scrollTop = n;
-		}, i = t != null && t !== F.current;
-		t && (F.current = t), i && !q() && Math.abs(e.scrollTop - N()) > a ? (P.current = performance.now() + ei, e.scrollTo({
-			top: 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(),
 			behavior: "smooth"
 		})) : r();
 		let o = new ResizeObserver(r);
 		return o.observe(n), () => o.disconnect();
 	}, [
 		f,
-		E,
-		N,
+		k,
+		F,
 		t,
 		a
 	]), c(() => {
 		if (!f) return;
-		let e = w.current;
+		let e = T.current;
 		if (!e) return;
 		let n = () => {
-			P.current = 0, Math.abs(e.scrollTop - N()) > a && O(!1);
+			I.current = 0, Math.abs(e.scrollTop - F()) > a && A(!1);
 		}, r = (e) => {
-			t ? n() : e.deltaY < 0 && O(!1);
+			t ? n() : e.deltaY < 0 && A(!1);
 		}, i = (e) => {
 			[
 				"ArrowUp",
@@ -5154,10 +5192,10 @@ var Qr = {
 				"ArrowUp",
 				"PageUp",
 				"Home"
-			].includes(e.key) && O(!1));
+			].includes(e.key) && A(!1));
 		}, o = (e) => {
 			let t = e.target;
-			t instanceof Element && t.closest("[aria-expanded]") && O(!1);
+			t instanceof Element && t.closest("[aria-expanded]") && A(!1);
 		};
 		return e.addEventListener("wheel", r, { passive: !0 }), e.addEventListener("touchmove", n, { passive: !0 }), e.addEventListener("keydown", i), e.addEventListener("pointerdown", o, { passive: !0 }), () => {
 			e.removeEventListener("wheel", r), e.removeEventListener("touchmove", n), e.removeEventListener("keydown", i), e.removeEventListener("pointerdown", o);
@@ -5165,38 +5203,41 @@ var Qr = {
 	}, [
 		f,
 		a,
-		N,
+		F,
 		t
 	]);
-	let I = o((e) => {
-		if (y?.(e), !f) return;
-		let t = w.current;
-		t && Math.abs(t.scrollTop - N()) <= ti && (P.current = 0, O(!0));
+	let ne = o((e) => {
+		if (b?.(e), !f) return;
+		let t = T.current;
+		t && Math.abs(t.scrollTop - F()) <= ti && (I.current = 0, A(!0));
 	}, [
 		f,
-		y,
-		N
-	]), L = f && !E;
+		b,
+		F
+	]), re = f && !k;
 	return /* @__PURE__ */ v("div", {
-		className: [Qr.root, h ?? ""].filter(Boolean).join(" "),
+		ref: O,
+		className: [Qr.root, g ?? ""].filter(Boolean).join(" "),
+		"data-dock": h || void 0,
 		children: [/* @__PURE__ */ _("div", {
-			ref: w,
-			className: [Qr.viewport, g ?? ""].filter(Boolean).join(" "),
-			onScroll: I,
-			...b,
+			ref: T,
+			className: [Qr.viewport, y ?? ""].filter(Boolean).join(" "),
+			onScroll: ne,
+			...x,
 			children: /* @__PURE__ */ _("div", {
-				ref: T,
+				ref: E,
 				className: Qr.content,
+				"data-dock": h || void 0,
 				children: e
 			})
 		}), s && /* @__PURE__ */ _("button", {
 			type: "button",
 			className: Qr.jump,
-			"data-shown": L || void 0,
-			tabIndex: L ? 0 : -1,
-			"aria-hidden": !L || void 0,
-			onClick: () => te(!0),
-			"aria-label": C,
+			"data-shown": re || void 0,
+			tabIndex: re ? 0 : -1,
+			"aria-hidden": !re || void 0,
+			onClick: () => L(!0),
+			"aria-label": w,
 			children: /* @__PURE__ */ _(D, {
 				size: 15,
 				"aria-hidden": !0
@@ -5213,7 +5254,7 @@ 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 }) {
-	let l = U("emptyState").suggestions, u = a ?? l, d = i ? r ?? [] : [];
+	let l = H("emptyState").suggestions, u = a ?? l, d = i ? r ?? [] : [];
 	return /* @__PURE__ */ v("div", {
 		className: [oi.empty, s ?? ""].filter(Boolean).join(" "),
 		...c,
@@ -5299,7 +5340,7 @@ var Q = {
 	}
 }, 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 = U("thread"), { responding: a } = U("experience"), [o, s] = m("none"), u = p(null), d = p(null), f = p(null), [h] = m(() => typeof document > "u" ? null : document.activeElement), g = l(), y = l(), b = rt, [S, w] = m(() => typeof window > "u" ? !1 : window.matchMedia?.(`(max-width: ${pi}px)`)?.matches ?? !1);
+	let i = H("thread"), { responding: a } = H("experience"), [o, s] = m("none"), u = p(null), d = p(null), f = p(null), [h] = m(() => typeof document > "u" ? null : document.activeElement), g = l(), y = l(), b = rt, [S, w] = m(() => typeof window > "u" ? !1 : window.matchMedia?.(`(max-width: ${pi}px)`)?.matches ?? !1);
 	c(() => {
 		let e = window.matchMedia?.(`(max-width: ${pi}px)`);
 		if (!e?.addEventListener) return;
@@ -5352,7 +5393,7 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 			behavior: "smooth"
 		});
 	}, [E]);
-	let { x: ee, y: N, width: P, maxHeight: F } = typeof window > "u" ? {
+	let { x: N, y: ee, width: P, maxHeight: F } = typeof window > "u" ? {
 		x: 0,
 		y: 0,
 		width: 480,
@@ -5380,8 +5421,8 @@ function gi({ activeReply: e, onClose: t, onSave: n, onSendMessage: r }) {
 					opacity: 0
 				},
 				animate: S ? "open" : {
-					left: ee,
-					top: N,
+					left: N,
+					top: ee,
 					width: P,
 					borderRadius: 28,
 					opacity: 1
@@ -5701,6 +5742,9 @@ function vi(e) {
 var $ = {
 	page: "ick-page-NK01",
 	feed: "ick-feed-XqZl",
+	dock: "ick-dock-tvIC",
+	centred: "ick-centred-5tu8",
+	paned: "ick-paned-MM8c",
 	topBlur: "ick-topBlur-69Dl",
 	bottomBlur: "ick-bottomBlur-MXmb",
 	header: "ick-header-pQ7Z",
@@ -5717,100 +5761,134 @@ var $ = {
 	groupTitle: "ick-groupTitle-jiBB",
 	marks: "ick-marks-gwsN",
 	mark: "ick-mark-QkpW"
-}, yi = () => "";
-function bi({ 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, theme: D, onThemeChange: O, cursor: A = !1, selectionToggle: j = !1, anchorOffset: M = 100, endOffset: ee = 120, animationConfig: N, foldMotion: P, feedDelay: F = 0, onAnswerQuestion: te, onEditQuestion: I, onDecideApproval: L, className: re }) {
-	let R = U("experience", r?.experience), ie = u ?? R.title, [ae, oe] = m([]), [se, le] = m(!1), [ue, de] = m(null), [fe, z] = m("marker"), pe = p(null), me = D !== void 0, [he, _e] = m(null), be = me ? D : he, [xe, Se] = m(() => typeof window < "u" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches);
+}, yi = () => "", bi = {
+	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);
 	c(() => {
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => Se(e.matches);
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => De(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let Ce = be ?? (xe ? "dark" : "light");
-	vi(be);
-	let we = o((e) => {
-		me || _e(e), O?.(e);
-	}, [me, O]), B = ht({
+	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 ? {
+		...rt,
+		...ie,
+		bubble: ie?.bubble ?? bi
+	} : ie, [U, ie]), Ne = ht({
 		onSend: e ?? yi,
-		announcements: { responding: R.responding }
-	}), { turns: Te, setDraft: Ee, submit: V, showVersion: H, stop: De, beginEdit: Oe, cancelEdit: je, updatePart: Me } = t ?? B, [Ne, Pe] = m(null), Fe = o((e, t, n) => {
-		Pe(e), V(e, t, n);
-	}, [V]), Ie = Ne ? Te.find((e) => e.id === Ne) ?? null : null, Le = Ie && Ie.state !== "resting" ? Ne : null, W = o((e) => {
-		Pe(e), V(e);
-	}, [V]), Re = Te.length === 1 && !Te[0].user && !Te[0].ai, ze = T + Math.round(Te.reduce((e, t) => e + t.user.length + t.ai.length + JSON.stringify(t.parts ?? []).length, 0) / 4), Be = w !== void 0 && ze >= w, Ve = p(!1);
+		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);
 	c(() => {
-		if (!Be) {
-			Ve.current = !1;
+		if (!U) return;
+		let e = window.visualViewport;
+		if (!e) return;
+		let t = () => q(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);
+	c(() => {
+		if (!Xe) {
+			Ze.current = !1;
 			return;
 		}
-		Ve.current || (Ve.current = !0, G(R.windowFull));
-	}, [Be, R.windowFull]);
-	let He = Zr(), [Ue, We] = m({}), Ge = o((e, t) => {
-		We((n) => ({
+		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,
+		onOpenArtifactChange: O
+	});
+	c(() => {
+		tt.current = {
+			openArtifactId: et,
+			artifactHeld: $e,
+			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) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), K = Te.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? ie, Ke = o((e, t) => {
-		t.trim().length > 0 && oe((n) => [...n, {
+	}, []), 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, {
 			turnId: e,
 			text: t.trim()
 		}]);
-	}, []), q = He.toggle, qe = o((e, t) => q(t), [q]), Je = o((e, t) => {
-		de({
+	}, [te]), dt = o((e, t) => at(tt.current.openArtifactId === t ? null : t), [at]), ft = o((e, t) => {
+		be({
 			text: e,
 			rect: t
 		});
-	}, []), Ye = f(() => te ? (e, t, n, r) => te(Me, e, t, n, r) : void 0, [te, Me]), Xe = f(() => I ? (e, t, n) => I(Me, e, t, n) : void 0, [I, Me]), Ze = f(() => L ? (e, t, n) => L(Me, e, t, n) : void 0, [L, Me]), [Qe, $e] = m(() => typeof window > "u" || !window.matchMedia || window.matchMedia("(pointer: fine)").matches);
+	}, []), 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);
 	c(() => {
-		if (!A) return;
-		let e = window.matchMedia("(pointer: fine)"), t = () => $e(e.matches);
+		if (!P) return;
+		let e = window.matchMedia("(pointer: fine)"), t = () => _t(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, [A]);
-	let et = (e) => i === !0 || Array.isArray(i) && i.includes(e), tt = [
-		...ae.length > 0 ? [{
+	}, [P]);
+	let vt = (e) => i === !0 || Array.isArray(i) && i.includes(e), yt = [
+		...I && te && fe.length > 0 ? [{
 			id: "bookmarks",
-			label: R.savedHighlights,
+			label: z.savedHighlights,
 			icon: /* @__PURE__ */ _(k, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			count: ae.length,
+			count: fe.length,
 			pinned: !0,
-			onClick: () => le(!0)
+			onClick: () => he(!0)
 		}] : [],
-		...et("theme") ? [{
+		...vt("theme") ? [{
 			id: "theme",
-			label: Ce === "dark" ? R.themeToLight : R.themeToDark,
-			icon: _(Ce === "dark" ? ve : ce, {
+			label: Oe === "dark" ? z.themeToLight : z.themeToDark,
+			icon: _(Oe === "dark" ? ve : ce, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			active: Ce === "dark",
-			onClick: () => we(Ce === "dark" ? "light" : "dark")
+			active: Oe === "dark",
+			onClick: () => ke(Oe === "dark" ? "light" : "dark")
 		}] : [],
-		...et("share") ? [{
+		...vt("share") ? [{
 			id: "share",
-			label: R.share,
+			label: z.share,
 			icon: /* @__PURE__ */ _(ge, {
 				size: 16,
 				"aria-hidden": !0
 			}),
 			onClick: () => navigator.share?.({
-				title: K,
+				title: ut,
 				url: window.location.href
 			})
 		}] : [],
 		...b ?? []
-	], nt = He.openId ? E?.(He.openId) : null, rt = /* @__PURE__ */ v(C.div, {
+	], bt = A === "inline" && et ? E?.(et) : null, xt = /* @__PURE__ */ v(C.div, {
 		className: [
 			$.page,
+			j === "panes" ? $.paned : "",
 			"ick-chat-page",
-			re
+			ue
 		].filter(Boolean).join(" "),
-		style: { "--ick-experience-anchor": `${M}px` },
+		style: { "--ick-experience-anchor": `${L}px` },
+		"data-composer": U ? "docked" : void 0,
 		initial: { opacity: 0 },
 		animate: {
-			opacity: ue || se ? .4 : 1,
-			filter: ue || se ? "blur(3px)" : "blur(0px)",
-			scale: ue || se ? .9 : 1
+			opacity: _e || me ? .4 : 1,
+			filter: _e || me ? "blur(3px)" : "blur(0px)",
+			scale: _e || me ? .9 : 1
 		},
 		transition: {
 			type: "spring",
@@ -5819,124 +5897,130 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			mass: .9
 		},
 		onAnimationComplete: () => {
-			document.activeElement && document.activeElement !== document.body || pe.current?.focus();
+			document.activeElement && document.activeElement !== document.body || Ce.current?.focus();
 		},
 		children: [
 			/* @__PURE__ */ _("div", { className: $.topBlur }),
 			/* @__PURE__ */ v(Ct, {
 				className: `${$.header} ick-chat-header`,
-				title: K,
+				title: ut,
 				backHref: d,
 				backLabel: h,
 				elevateOnScroll: !1,
 				collapseActionsAt: 480,
-				actions: tt,
+				actions: yt,
 				children: [w !== void 0 && /* @__PURE__ */ _(Rr, {
 					className: $.context,
-					used: ze,
+					used: Ye,
 					total: w
-				}), j && /* @__PURE__ */ v("div", {
+				}), F && I && /* @__PURE__ */ v("div", {
 					className: $.selectMode,
 					role: "group",
-					"aria-label": R.selectionMode,
+					"aria-label": z.selectionMode,
 					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": fe === "marker",
-						onClick: () => z("marker"),
-						"aria-label": R.marker,
-						title: R.marker,
+						"data-active": xe === "marker",
+						onClick: () => Se("marker"),
+						"aria-label": z.marker,
+						title: z.marker,
 						children: /* @__PURE__ */ _(ne, { size: 16 })
 					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": fe === "precise",
-						onClick: () => z("precise"),
-						"aria-label": R.precise,
-						title: R.precise,
+						"data-active": xe === "precise",
+						onClick: () => Se("precise"),
+						"aria-label": z.precise,
+						title: z.precise,
 						children: /* @__PURE__ */ _(ye, { size: 16 })
 					})]
 				})]
 			}),
 			/* @__PURE__ */ v(ai, {
 				viewportClassName: `${$.feed} ick-chat-feed`,
-				anchorId: Le ? `turn-${Le}` : void 0,
-				anchorOffset: M,
-				endOffset: ee,
+				anchorId: G ? `turn-${G}` : void 0,
+				dock: U,
+				anchorOffset: L,
+				endOffset: U ? 0 : re,
 				children: [
-					Re && S && /* @__PURE__ */ _(si, {
-						className: $.opening,
+					Je && S && /* @__PURE__ */ _(si, {
+						className: U ? `${$.opening} ${$.centred}` : $.opening,
 						title: S.title,
 						description: S.description,
 						suggestions: S.suggestions,
-						onSuggestion: (e) => Fe(Te[0].id, e)
+						onSuggestion: (e) => We(Pe[0].id, e)
 					}),
-					/* @__PURE__ */ _(y, { children: Te.map((e, t) => {
-						let r = t === Te.length - 1 && (e.state === "idle" || e.state === "typing");
+					/* @__PURE__ */ _(y, { children: Pe.map((e, t) => {
+						let r = t === Pe.length - 1 && (e.state === "idle" || e.state === "typing");
 						return /* @__PURE__ */ _(Nr, {
 							turn: e,
-							questionAlign: Re && t === 0 ? "stretch" : "end",
-							className: Re && t === 0 ? $.opening : void 0,
+							questionAlign: U && r || Je && t === 0 ? "stretch" : "end",
+							className: U && r ? $.dock : Je && t === 0 ? $.opening : void 0,
 							onTranscribe: s,
 							isActiveInput: r,
-							inputRef: r ? pe : null,
-							entranceDelay: t === 0 ? F : 0,
-							selectionMode: fe,
-							animationConfig: N,
-							foldMotion: P,
-							openArtifactId: He.openId,
-							onOpenArtifact: qe,
+							inputRef: r ? Ce : null,
+							entranceDelay: t === 0 ? ae : 0,
+							selectionMode: xe,
+							highlights: I,
+							animationConfig: Me,
+							foldMotion: R,
+							openArtifactId: et,
+							onOpenArtifact: dt,
+							onArtifactChange: at,
 							placeholder: x,
-							onDraft: Ee,
-							onSubmit: Fe,
-							onRegenerate: W,
-							onShowVersion: H,
-							onFeedback: Ge,
-							feedback: Ue[e.id] ?? null,
-							onStop: De,
-							onEdit: Oe,
-							onCancelEdit: je,
-							onHighlight: Ke,
-							onReplyInThread: l ? Je : void 0,
-							onAnswerQuestion: Ye,
-							onEditQuestion: Xe,
-							onDecideApproval: Ze,
+							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,
 							renderPart: n,
 							composerMenu: a
 						}, e.id);
 					}) }),
-					Be && /* @__PURE__ */ _(zn, { children: R.windowFull })
+					Xe && /* @__PURE__ */ _(zn, { children: z.windowFull })
 				]
 			}),
 			/* @__PURE__ */ _("div", { className: $.bottomBlur })
 		]
 	});
-	return /* @__PURE__ */ v(ke, {
+	return /* @__PURE__ */ v(Ae, {
 		labels: r,
 		children: [
-			A && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), Qe && /* @__PURE__ */ _(_i, {})] }),
+			P && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), gt && /* @__PURE__ */ _(_i, {})] }),
 			/* @__PURE__ */ _(Xr, {
 				className: $.workspace,
-				onDismiss: He.close,
-				pane: ({ narrow: e, expanded: t, toggleExpanded: n }) => nt ? /* @__PURE__ */ _(Br, {
-					title: nt.title,
-					meta: nt.meta,
+				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,
 					modal: e,
 					expanded: t,
 					onToggleExpanded: n,
-					onClose: He.close,
-					children: nt.children
+					onClose: ot,
+					children: bt.children
 				}) : null,
-				children: rt
+				children: xt
 			}),
-			/* @__PURE__ */ _(y, { children: se && /* @__PURE__ */ _(C.div, {
+			/* @__PURE__ */ _(y, { children: me && /* @__PURE__ */ _(C.div, {
 				className: $.scrim,
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				onClick: () => le(!1),
+				onClick: () => he(!1),
 				children: /* @__PURE__ */ v(C.div, {
 					className: $.sheet,
 					role: "dialog",
-					"aria-label": R.savedHighlights,
+					"aria-label": z.savedHighlights,
 					initial: {
 						y: 20,
 						scale: .95
@@ -5954,24 +6038,24 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 						className: $.sheetHead,
 						children: [/* @__PURE__ */ _("h2", {
 							className: $.sheetTitle,
-							children: R.highlights
+							children: z.highlights
 						}), /* @__PURE__ */ _("button", {
 							className: $.close,
-							onClick: () => le(!1),
-							children: R.close
+							onClick: () => he(!1),
+							children: z.close
 						})]
-					}), Array.from(new Set(ae.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
+					}), Array.from(new Set(fe.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
 						className: $.group,
 						children: [/* @__PURE__ */ _("h3", {
 							className: $.groupTitle,
-							children: Ae(R.paragraph, { index: t + 1 })
+							children: je(z.paragraph, { index: t + 1 })
 						}), /* @__PURE__ */ _("div", {
 							className: $.marks,
-							children: ae.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
+							children: fe.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: $.mark,
 								onClick: () => {
-									le(!1), setTimeout(() => {
+									he(!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;
@@ -5991,15 +6075,15 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 					}, e))]
 				})
 			}) }),
-			/* @__PURE__ */ _(y, { children: ue && l && /* @__PURE__ */ _(gi, {
-				activeReply: ue,
-				onClose: () => de(null),
+			/* @__PURE__ */ _(y, { children: _e && l && /* @__PURE__ */ _(gi, {
+				activeReply: _e,
+				onClose: () => be(null),
 				onSendMessage: l
 			}, "thread-popup") })
 		]
 	});
 }
 //#endregion
-export { De 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, G as K, At as L, tn as M, qt as N, gn as O, Qt as P, ke 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, je 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, bi 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, 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 };
 
-//# sourceMappingURL=ChatExperience-DCta8bv3.js.map
+//# sourceMappingURL=ChatExperience-CrWU56fi.js.map