inline-chat-kit 0.56.0 → 0.57.0

package/dist/{ChatExperience-DCta8bv3.js → ChatExperience-Bawy_cnn.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 ee, ChevronRight as N, Copy as P, CornerDownLeft as F, File as te, FileText as I, Film as ne, Highlighter as re, Image as ie, Link2 as L, Maximize2 as ae, MessageCircle as oe, Mic as se, Minimize2 as R, 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";
 var B = {
 	btn: "ick-btn-ZW5E",
 	xs: "ick-xs-rDs4",
@@ -269,7 +269,7 @@ 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" ? ie : t === "video" ? ne : t === "audio" ? ue : e === "application/pdf" || t === "text" ? I : te, {
 		size: 16,
 		"aria-hidden": !0
 	});
@@ -371,7 +371,7 @@ function Le({ mode: e, color: t = "currentColor", duration: n = .22, size: r = 1
 					strokeWidth: 1.8,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
-				}) : e === "mic" ? /* @__PURE__ */ _(oe, {
+				}) : e === "mic" ? /* @__PURE__ */ _(se, {
 					size: r,
 					color: t,
 					strokeWidth: 1.8,
@@ -549,7 +549,7 @@ function ze() {
 		{
 			id: "connectors",
 			label: e.connectors,
-			icon: /* @__PURE__ */ _(R, {
+			icon: /* @__PURE__ */ _(L, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -945,7 +945,7 @@ var nt = .9, rt = {
 	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);
+	let te = l(), I = U("input", ee), ne = U("voice"), re = j ?? I.placeholder, ie = M !== !1, L = p(null), ae = p(null), oe = p(null), se = p(0), R = 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);
 	c(() => () => {
 		H.current && clearTimeout(H.current);
 	}, []);
@@ -991,9 +991,9 @@ var nt = .9, rt = {
 		Me((t) => (ze(t.find((t) => t.id === e)?.url), t.filter((t) => t.id !== e)));
 	}, [f, ze]);
 	u(F, () => ({
-		focus: (e) => R.current?.focus(e),
+		focus: (e) => L.current?.focus(e),
 		setValue: (e) => {
-			let t = R.current;
+			let t = L.current;
 			t && (t.textContent = e, $e(t)), n(e);
 		},
 		getValue: () => t
@@ -1001,7 +1001,7 @@ var nt = .9, rt = {
 	let Ue = p(null), We = p(null), Ge = p(null);
 	c(() => {
 		if (!E) return;
-		let e = R.current;
+		let e = L.current;
 		if (!e) return;
 		let t = () => {
 			let t = window.getSelection();
@@ -1012,23 +1012,23 @@ var nt = .9, rt = {
 	let G = Qe({
 		onTranscribe: E,
 		onTranscript: o((e) => {
-			let t = We.current, r = R.current;
+			let t = We.current, r = L.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();
+			We.current = null, L.current?.focus();
 		},
 		meterRef: Ue,
-		labels: L
+		labels: ne
 	}), 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 ? {
 		type: "spring",
 		stiffness: J.bubble.stiffness,
 		damping: J.bubble.damping,
 		mass: J.bubble.mass
 	} : it, lt = o(() => {
-		let e = ie.current, t = ae.current;
+		let e = ae.current, t = oe.current;
 		if (!e || !t) return;
 		if (!(e.scrollHeight > e.clientHeight)) {
 			t.removeAttribute("data-fade");
@@ -1038,11 +1038,11 @@ 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;
+		let e = ae.current;
 		if (e) return e.addEventListener("scroll", lt, { passive: !0 }), () => e.removeEventListener("scroll", lt);
 	}, [lt]), c(() => {
 		let e = requestAnimationFrame(() => {
-			let e = ie.current;
+			let e = ae.current;
 			e && !Ke && (e.scrollTop = e.scrollHeight), lt();
 		});
 		return () => cancelAnimationFrame(e);
@@ -1051,19 +1051,19 @@ var nt = .9, rt = {
 		Ke,
 		lt
 	]), c(() => {
-		(e === "idle" || e === "typing") && R.current?.focus({ preventScroll: !0 });
+		(e === "idle" || e === "typing") && L.current?.focus({ preventScroll: !0 });
 	}, [e]), c(() => {
-		let e = R.current;
+		let e = L.current;
 		e && (Ce.current = e.scrollHeight || 17);
 	}, []), c(() => {
-		let e = R.current, t = ce.current;
+		let e = L.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;
+			let n = t ? t.offsetWidth : 0, r = e.clientWidth - 16, i = (ae.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)));
 		});
 	}, [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, {
@@ -1079,7 +1079,7 @@ var nt = .9, rt = {
 		K ? Se(!1) : (ve(!1), be(!1));
 	}, [K]), c(() => {
 		if (!K) return;
-		let e = ae.current;
+		let e = oe.current;
 		e && (ye && !_e ? e.dataset.fade = "bottom" : e.removeAttribute("data-fade"));
 	}, [
 		K,
@@ -1089,8 +1089,8 @@ var nt = .9, rt = {
 		let t = Oe.current;
 		if (Oe.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, be(e.scrollHeight > 241), lt());
 		}), fe(!0);
 		let n = ke.current;
 		De.start({
@@ -1122,8 +1122,8 @@ var nt = .9, rt = {
 		lt
 	]);
 	let ut = o(() => {
-		let e = R.current;
-		e && (se.current = !0, n(e.textContent ?? ""));
+		let e = L.current;
+		e && (R.current = !0, n(e.textContent ?? ""));
 	}, [n]), dt = o((e) => {
 		e.preventDefault(), at(e.clipboardData.getData("text/plain")) || ut();
 	}, [ut]), ft = o((e) => {
@@ -1134,10 +1134,10 @@ var nt = .9, rt = {
 		ut
 	]);
 	return c(() => {
-		let e = R.current;
+		let e = L.current;
 		if (e) {
-			if (se.current) {
-				se.current = !1;
+			if (R.current) {
+				R.current = !1;
 				return;
 			}
 			e.textContent !== t && (e.textContent = t, document.activeElement === e && $e(e));
@@ -1178,7 +1178,7 @@ var nt = .9, rt = {
 							},
 							transition: ct,
 							animate: De,
-							onClick: () => R.current?.focus(),
+							onClick: () => L.current?.focus(),
 							children: [
 								/* @__PURE__ */ _("input", {
 									type: "file",
@@ -1246,14 +1246,14 @@ var nt = .9, rt = {
 											children: t
 										}),
 										/* @__PURE__ */ _("div", {
-											ref: ae,
+											ref: oe,
 											className: W.editorClip,
 											style: { flexBasis: z ? "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 && ye ? { maxHeight: _e ? se.current : 240 } : void 0,
 												transition: {
 													...ct,
 													maxHeight: {
@@ -1264,7 +1264,7 @@ var nt = .9, rt = {
 													}
 												},
 												children: /* @__PURE__ */ _("div", {
-													ref: R,
+													ref: L,
 													className: W.editor,
 													contentEditable: Ke ? "false" : "plaintext-only",
 													suppressContentEditableWarning: !0,
@@ -1274,8 +1274,8 @@ var nt = .9, rt = {
 													spellCheck: !1,
 													role: "textbox",
 													"aria-multiline": "true",
-													"aria-label": ne,
-													"data-placeholder": Ke ? "" : ne
+													"aria-label": re,
+													"data-placeholder": Ke ? "" : re
 												})
 											})
 										}),
@@ -1365,7 +1365,7 @@ var nt = .9, rt = {
 														ge(!0), H.current = null;
 													}, ke.current?.wrap?.slideInDelay ?? 120));
 												},
-												children: [!K && he && (re || A) && /* @__PURE__ */ _(C.div, {
+												children: [!K && he && (ie || A) && /* @__PURE__ */ _(C.div, {
 													initial: {
 														opacity: 0,
 														scale: nt,
@@ -1448,7 +1448,7 @@ var nt = .9, rt = {
 																	height: "100%"
 																}
 															})
-														}, "cancel-btn") : re && !xe ? /* @__PURE__ */ _(C.div, {
+														}, "cancel-btn") : ie && !xe ? /* @__PURE__ */ _(C.div, {
 															initial: {
 																opacity: 0,
 																scale: .5
@@ -1584,7 +1584,7 @@ var nt = .9, rt = {
 					ot && (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" ? I.microphoneBlockedHelp : G.error ?? ne.couldNotOpen
 					})
 				]
 			})
@@ -1876,7 +1876,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 te = x !== !1 && M, I = te ? u.filter((e) => e.pinned) : u, ne = te ? u.filter((e) => !e.pinned) : [], re = r ? `h${r}` : "span";
 	return /* @__PURE__ */ v(S ? "header" : "div", {
 		ref: F,
 		className: [
@@ -1916,7 +1916,7 @@ var Y = {
 				}),
 				(e || t) && /* @__PURE__ */ v("div", {
 					className: Y.titles,
-					children: [e && /* @__PURE__ */ _(ne, {
+					children: [e && /* @__PURE__ */ _(re, {
 						className: [Y.title, i ? Y.truncate : ""].filter(Boolean).join(" "),
 						title: typeof e == "string" && i ? e : void 0,
 						children: e
@@ -1934,8 +1934,8 @@ var Y = {
 					action: e,
 					size: h
 				}, e.id)),
-				L.length > 0 && /* @__PURE__ */ _(Tt, {
-					actions: L,
+				ne.length > 0 && /* @__PURE__ */ _(Tt, {
+					actions: ne,
 					size: h,
 					label: A
 				})
@@ -4070,28 +4070,28 @@ var xr = {
 	}), 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) => {
+	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), ne = o((e) => {
 		e.viaKeyboard && (N.current = document.activeElement), M(0), A(e);
-	}, []), ne = o((e = "none") => {
+	}, []), re = o((e = "none") => {
 		let t = N.current;
 		N.current = null, A(null), e !== "none" && (e === "restore" && t?.isConnected ? t.focus() : h.current?.focus());
 	}, []);
 	c(() => {
 		let e = (e) => {
-			k && h.current && !h.current.contains(e.target) && ne();
+			k && h.current && !h.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);
+	}, [k, re]);
+	let ie = f(() => vr(t), [t]), L = ie.tokens, ae = p(S), se = p(i), R = p(k);
 	c(() => {
-		ie.current = S, oe.current = i, se.current = k;
+		ae.current = S, se.current = i, R.current = k;
 	});
 	let ce = f(() => [...g.map((e) => ({
 		id: e.id,
 		d: wr(e.points),
 		kind: "path",
 		item: e,
-		text: Dr(e.highlightedIndices, R)
+		text: Dr(e.highlightedIndices, L)
 	})), ...S.map((e) => ({
 		id: e.id,
 		d: kr(e.rects),
@@ -4101,10 +4101,10 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 	}))], [
 		g,
 		S,
-		R
+		L
 	]), le = (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,
@@ -4117,7 +4117,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 		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,
@@ -4146,17 +4146,17 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 			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;
+			if (R.current) return;
 			let t = h.current;
 			if (!t) return;
 			let n = window.getSelection();
@@ -4173,7 +4173,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 	}, [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 : {
+	let z = f(() => L.map((e, t) => e.trim() ? t : -1).filter((e) => e >= 0), [L]), [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 = () => {
@@ -4186,7 +4186,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 		let r = document.createRange();
 		r.setStartBefore(t), r.setEndAfter(n);
 		let i = "";
-		for (let e = ve.from; e <= ve.to; e++) i += R[e];
+		for (let e = ve.from; e <= ve.to; e++) i += L[e];
 		ue(r, i, !0), ye();
 	}, xe = () => [...ee.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
 	c(() => {
@@ -4227,7 +4227,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 			case "End": return n(z[z.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 "Escape": return !k && pe === null ? void 0 : (e.preventDefault(), re("restore"), ye());
 			default: return;
 		}
 	}, B = (e, t, n) => {
@@ -4238,7 +4238,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 		}
 	}, Te = (e) => {
 		if (k) {
-			ne();
+			re();
 			return;
 		}
 		if (r === "precise" || e.button !== 0 && e.pointerType === "mouse") return;
@@ -4253,7 +4253,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 			}],
 			highlightedIndices: /* @__PURE__ */ new Set()
 		};
-		E(s), ne(), B(e.clientX, e.clientY, s.highlightedIndices);
+		E(s), re(), 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;
@@ -4273,23 +4273,23 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 		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({
+				ne({
 					x: e.x,
 					y: e.y,
 					pathId: T.id,
 					kind: "path"
 				});
 			}
-			i && T.highlightedIndices.size > 0 && i(Dr(T.highlightedIndices, R)), E(null);
+			i && T.highlightedIndices.size > 0 && i(Dr(T.highlightedIndices, L)), E(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) : "";
+		return t ? Dr(t.highlightedIndices, L) : "";
 	}, 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");
+		k?.kind === "selection" ? w((t) => t.filter((t) => t.id !== e)) : b((t) => t.filter((t) => t.id !== e)), re(t ? "container" : "none");
 	}, je = () => {
 		let e = k?.viaKeyboard;
 		if (k && a) {
@@ -4308,9 +4308,9 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 				t && a(e, t.getBoundingClientRect());
 			}
 		}
-		ne(e ? "restore" : "none");
+		re(e ? "restore" : "none");
 	}, Me = (e) => {
-		let t = R[e], n = !1;
+		let t = L[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);
 		let r = !1;
 		return P && (r = (g.find((e) => e.id === P) ?? S.find((e) => e.id === P))?.highlightedIndices?.has(e) ?? !1), /* @__PURE__ */ _("span", {
@@ -4379,7 +4379,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 				/* @__PURE__ */ _("div", {
 					className: xr.tokens,
 					"data-focus": !!k || void 0,
-					children: Ne(re.nodes)
+					children: Ne(ie.nodes)
 				}),
 				/* @__PURE__ */ _("svg", {
 					className: xr.canvas,
@@ -4434,7 +4434,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 					"aria-label": d.menu,
 					onKeyDown: Ce,
 					onBlur: (e) => {
-						e.currentTarget.contains(e.relatedTarget) || ne();
+						e.currentTarget.contains(e.relatedTarget) || re();
 					},
 					initial: { opacity: 0 },
 					animate: {
@@ -4479,7 +4479,7 @@ function Ar({ text: t, selectionMode: r = "marker", onHighlightComplete: i, onRe
 							variant: "primary",
 							role: "menuitem",
 							tabIndex: j === 0 ? 0 : -1,
-							icon: /* @__PURE__ */ _(ae, { size: 14 }),
+							icon: /* @__PURE__ */ _(oe, { size: 14 }),
 							onClick: (e) => {
 								e.stopPropagation(), je();
 							},
@@ -4533,15 +4533,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", questionAlign: d = "end", onDraft: f, onSubmit: p, onStop: m, onEdit: h, onCancelEdit: g, onCopy: y = Mr, onHighlight: b, onReplyInThread: x, onRegenerate: S, onShowVersion: w, onFeedback: T, feedback: E = null, answerActions: D = !0, onAnswerQuestion: O, onEditQuestion: k, onDecideApproval: A, renderPart: j, composerMenu: M, labels: ee, className: N, onTranscribe: P }) {
+	let F = q(), te = F ? 0 : -16, I = e.parts ?? [], ne = I.find((e) => e.kind === "sources")?.sources, re = /* @__PURE__ */ v(C.article, {
 		id: `turn-${e.id}`,
-		className: [jr.turn, ee ?? ""].filter(Boolean).join(" "),
+		className: [jr.turn, N ?? ""].filter(Boolean).join(" "),
 		"data-active-input": t || void 0,
 		"aria-busy": e.state === "responding" || void 0,
 		initial: {
 			opacity: 0,
-			y: F
+			y: te
 		},
 		animate: {
 			opacity: 1,
@@ -4549,43 +4549,43 @@ var jr = {
 		},
 		exit: {
 			opacity: 0,
-			y: F
+			y: te
 		},
 		transition: {
-			duration: P ? .15 : .4,
+			duration: F ? .15 : .4,
 			ease: [
 				.22,
 				1,
 				.36,
 				1
 			],
-			delay: c
+			delay: l
 		},
 		children: [/* @__PURE__ */ _("div", {
 			className: jr.question,
-			"data-align": u,
+			"data-align": d,
 			children: /* @__PURE__ */ _(ot, {
 				ref: n,
-				style: u === "stretch" ? { width: "100%" } : void 0,
+				style: d === "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) => f?.(e.id, t),
+				onSubmit: (t, n) => p?.(e.id, t, n),
 				attachments: e.attachments,
-				onStop: p,
-				onTranscribe: N,
-				onCopy: g,
-				onEdit: () => m?.(e.id),
-				onCancelEdit: () => h?.(e.id),
+				onStop: m,
+				onTranscribe: P,
+				onCopy: y,
+				onEdit: () => h?.(e.id),
+				onCancelEdit: () => g?.(e.id),
 				isEditing: e.ai.length > 0 && e.state === "typing",
 				animationConfig: i,
 				placeholder: r,
-				menu: j
+				menu: M
 			})
 		}), /* @__PURE__ */ v("div", {
 			className: jr.body,
 			children: [
-				te.map((t) => {
+				I.map((t) => {
 					switch (t.kind) {
 						case "reasoning": return /* @__PURE__ */ _(Vt, {
 							state: t.state,
@@ -4621,7 +4621,7 @@ var jr = {
 							description: t.description,
 							decision: t.decision ?? null,
 							choices: t.choices,
-							onDecide: (n) => k?.(e.id, t.id, n),
+							onDecide: (n) => A?.(e.id, t.id, n),
 							children: t.tool && /* @__PURE__ */ _(cn, {
 								name: t.tool.name,
 								state: "pending",
@@ -4653,11 +4653,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) => O?.(e.id, t.id, n, r),
+							onEdit: (n) => k?.(e.id, t.id, n)
 						}, t.id);
 						case "custom": {
-							let n = A?.(t, { turnId: e.id });
+							let n = j?.(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 +4671,7 @@ var jr = {
 						}
 					}
 				}),
-				e.state === "responding" && !e.ai && te.length === 0 && /* @__PURE__ */ _("div", {
+				e.state === "responding" && !e.ai && I.length === 0 && /* @__PURE__ */ _("div", {
 					className: jr.answer,
 					children: /* @__PURE__ */ _(Mt, {})
 				}),
@@ -4675,32 +4679,32 @@ 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", {
+						selectionMode: u,
+						sources: ne,
+						onHighlightComplete: (t) => b?.(e.id, t),
+						onReplyInThread: x
+					}), D && 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) => w?.(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: y,
+							onRegenerate: S ? () => S(e.id) : void 0,
+							onFeedback: T ? (t) => T(e.id, t) : void 0,
+							feedback: E
 						})]
 					})]
 				})
 			]
 		})]
 	});
-	return M ? /* @__PURE__ */ _(ke, {
-		labels: M,
-		children: L
-	}) : L;
+	return ee ? /* @__PURE__ */ _(ke, {
+		labels: ee,
+		children: re
+	}) : re;
 }, (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) {
@@ -4833,7 +4837,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 ? R : ae, {
 							size: 15,
 							"aria-hidden": !0
 						}),
@@ -4881,8 +4885,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 +4961,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 +4973,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 +5031,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")]
 		})]
 	});
 }
@@ -5176,7 +5181,7 @@ var Qr = {
 		f,
 		y,
 		N
-	]), L = f && !E;
+	]), ne = f && !E;
 	return /* @__PURE__ */ v("div", {
 		className: [Qr.root, h ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ _("div", {
@@ -5192,9 +5197,9 @@ var Qr = {
 		}), s && /* @__PURE__ */ _("button", {
 			type: "button",
 			className: Qr.jump,
-			"data-shown": L || void 0,
-			tabIndex: L ? 0 : -1,
-			"aria-hidden": !L || void 0,
+			"data-shown": ne || void 0,
+			tabIndex: ne ? 0 : -1,
+			"aria-hidden": !ne || void 0,
 			onClick: () => te(!0),
 			"aria-label": C,
 			children: /* @__PURE__ */ _(D, {
@@ -5700,6 +5705,7 @@ function vi(e) {
 }
 var $ = {
 	page: "ick-page-NK01",
+	paned: "ick-paned-MM8c",
 	feed: "ick-feed-XqZl",
 	topBlur: "ick-topBlur-69Dl",
 	bottomBlur: "ick-bottomBlur-MXmb",
@@ -5718,75 +5724,90 @@ var $ = {
 	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);
+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, openArtifactId: D, onOpenArtifactChange: O, pane: A = "inline", surface: j = "flush", theme: M, onThemeChange: ee, cursor: N = !1, selectionToggle: P = !1, anchorOffset: F = 100, endOffset: te = 120, animationConfig: I, foldMotion: ne, feedDelay: ie = 0, onAnswerQuestion: L, onEditQuestion: ae, onDecideApproval: oe, className: se }) {
+	let R = U("experience", r?.experience), le = u ?? R.title, [ue, de] = m([]), [fe, z] = m(!1), [pe, me] = m(null), [he, _e] = m("marker"), be = p(null), xe = M !== void 0, [Se, Ce] = m(null), we = xe ? M : Se, [B, Te] = 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 = () => Te(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 Ee = we ?? (B ? "dark" : "light");
+	vi(we);
+	let V = o((e) => {
+		xe || Ce(e), ee?.(e);
+	}, [xe, ee]), H = 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);
+	}), { turns: De, setDraft: Oe, submit: je, showVersion: Me, stop: Ne, beginEdit: Pe, cancelEdit: Fe, updatePart: Ie } = t ?? H, [Le, W] = m(null), Re = o((e, t, n) => {
+		W(e), je(e, t, n);
+	}, [je]), ze = Le ? De.find((e) => e.id === Le) ?? null : null, Be = ze && ze.state !== "resting" ? Le : null, Ve = o((e) => {
+		W(e), je(e);
+	}, [je]), He = De.length === 1 && !De[0].user && !De[0].ai, Ue = T + Math.round(De.reduce((e, t) => e + t.user.length + t.ai.length + JSON.stringify(t.parts ?? []).length, 0) / 4), We = w !== void 0 && Ue >= w, Ge = p(!1);
 	c(() => {
-		if (!Be) {
-			Ve.current = !1;
+		if (!We) {
+			Ge.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) => ({
+		Ge.current || (Ge.current = !0, G(R.windowFull));
+	}, [We, R.windowFull]);
+	let K = Zr(), Ke = D !== void 0, q = Ke ? D : K.openId, qe = p({
+		openArtifactId: q,
+		artifactHeld: Ke,
+		onOpenArtifactChange: O
+	});
+	c(() => {
+		qe.current = {
+			openArtifactId: q,
+			artifactHeld: Ke,
+			onOpenArtifactChange: O
+		};
+	});
+	let Je = K.open, Ye = K.close, Xe = o((e) => {
+		let { artifactHeld: t, onOpenArtifactChange: n } = qe.current;
+		t || (e === null ? Ye() : Je(e)), n?.(e);
+	}, [Je, Ye]), Ze = o(() => Xe(null), [Xe]), [Qe, $e] = m({}), et = o((e, t) => {
+		$e((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, {
+	}, []), tt = De.find((e) => e.state !== "idle" && e.state !== "typing" && e.user.trim())?.user.trim() ?? le, nt = o((e, t) => {
+		t.trim().length > 0 && de((n) => [...n, {
 			turnId: e,
 			text: t.trim()
 		}]);
-	}, []), q = He.toggle, qe = o((e, t) => q(t), [q]), Je = o((e, t) => {
-		de({
+	}, []), rt = o((e, t) => Xe(qe.current.openArtifactId === t ? null : t), [Xe]), it = o((e, t) => {
+		me({
 			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);
+	}, []), at = f(() => L ? (e, t, n, r) => L(Ie, e, t, n, r) : void 0, [L, Ie]), ot = f(() => ae ? (e, t, n) => ae(Ie, e, t, n) : void 0, [ae, Ie]), st = f(() => oe ? (e, t, n) => oe(Ie, e, t, n) : void 0, [oe, Ie]), [J, ct] = 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 (!N) return;
+		let e = window.matchMedia("(pointer: fine)"), t = () => ct(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 ? [{
+	}, [N]);
+	let lt = (e) => i === !0 || Array.isArray(i) && i.includes(e), ut = [
+		...ue.length > 0 ? [{
 			id: "bookmarks",
 			label: R.savedHighlights,
 			icon: /* @__PURE__ */ _(k, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			count: ae.length,
+			count: ue.length,
 			pinned: !0,
-			onClick: () => le(!0)
+			onClick: () => z(!0)
 		}] : [],
-		...et("theme") ? [{
+		...lt("theme") ? [{
 			id: "theme",
-			label: Ce === "dark" ? R.themeToLight : R.themeToDark,
-			icon: _(Ce === "dark" ? ve : ce, {
+			label: Ee === "dark" ? R.themeToLight : R.themeToDark,
+			icon: _(Ee === "dark" ? ve : ce, {
 				size: 16,
 				"aria-hidden": !0
 			}),
-			active: Ce === "dark",
-			onClick: () => we(Ce === "dark" ? "light" : "dark")
+			active: Ee === "dark",
+			onClick: () => V(Ee === "dark" ? "light" : "dark")
 		}] : [],
-		...et("share") ? [{
+		...lt("share") ? [{
 			id: "share",
 			label: R.share,
 			icon: /* @__PURE__ */ _(ge, {
@@ -5794,23 +5815,24 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 				"aria-hidden": !0
 			}),
 			onClick: () => navigator.share?.({
-				title: K,
+				title: tt,
 				url: window.location.href
 			})
 		}] : [],
 		...b ?? []
-	], nt = He.openId ? E?.(He.openId) : null, rt = /* @__PURE__ */ v(C.div, {
+	], dt = A === "inline" && q ? E?.(q) : null, ft = /* @__PURE__ */ v(C.div, {
 		className: [
 			$.page,
+			j === "panes" ? $.paned : "",
 			"ick-chat-page",
-			re
+			se
 		].filter(Boolean).join(" "),
-		style: { "--ick-experience-anchor": `${M}px` },
+		style: { "--ick-experience-anchor": `${F}px` },
 		initial: { opacity: 0 },
 		animate: {
-			opacity: ue || se ? .4 : 1,
-			filter: ue || se ? "blur(3px)" : "blur(0px)",
-			scale: ue || se ? .9 : 1
+			opacity: pe || fe ? .4 : 1,
+			filter: pe || fe ? "blur(3px)" : "blur(0px)",
+			scale: pe || fe ? .9 : 1
 		},
 		transition: {
 			type: "spring",
@@ -5819,37 +5841,37 @@ 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 || be.current?.focus();
 		},
 		children: [
 			/* @__PURE__ */ _("div", { className: $.topBlur }),
 			/* @__PURE__ */ v(Ct, {
 				className: `${$.header} ick-chat-header`,
-				title: K,
+				title: tt,
 				backHref: d,
 				backLabel: h,
 				elevateOnScroll: !1,
 				collapseActionsAt: 480,
-				actions: tt,
+				actions: ut,
 				children: [w !== void 0 && /* @__PURE__ */ _(Rr, {
 					className: $.context,
-					used: ze,
+					used: Ue,
 					total: w
-				}), j && /* @__PURE__ */ v("div", {
+				}), P && /* @__PURE__ */ v("div", {
 					className: $.selectMode,
 					role: "group",
 					"aria-label": R.selectionMode,
 					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": fe === "marker",
-						onClick: () => z("marker"),
+						"data-active": he === "marker",
+						onClick: () => _e("marker"),
 						"aria-label": R.marker,
 						title: R.marker,
-						children: /* @__PURE__ */ _(ne, { size: 16 })
+						children: /* @__PURE__ */ _(re, { size: 16 })
 					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						"data-active": fe === "precise",
-						onClick: () => z("precise"),
+						"data-active": he === "precise",
+						onClick: () => _e("precise"),
 						"aria-label": R.precise,
 						title: R.precise,
 						children: /* @__PURE__ */ _(ye, { size: 16 })
@@ -5858,52 +5880,53 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 			}),
 			/* @__PURE__ */ v(ai, {
 				viewportClassName: `${$.feed} ick-chat-feed`,
-				anchorId: Le ? `turn-${Le}` : void 0,
-				anchorOffset: M,
-				endOffset: ee,
+				anchorId: Be ? `turn-${Be}` : void 0,
+				anchorOffset: F,
+				endOffset: te,
 				children: [
-					Re && S && /* @__PURE__ */ _(si, {
+					He && S && /* @__PURE__ */ _(si, {
 						className: $.opening,
 						title: S.title,
 						description: S.description,
 						suggestions: S.suggestions,
-						onSuggestion: (e) => Fe(Te[0].id, e)
+						onSuggestion: (e) => Re(De[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: De.map((e, t) => {
+						let r = t === De.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: He && t === 0 ? "stretch" : "end",
+							className: He && 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 ? be : null,
+							entranceDelay: t === 0 ? ie : 0,
+							selectionMode: he,
+							animationConfig: I,
+							foldMotion: ne,
+							openArtifactId: q,
+							onOpenArtifact: rt,
+							onArtifactChange: Xe,
 							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: Oe,
+							onSubmit: Re,
+							onRegenerate: Ve,
+							onShowVersion: Me,
+							onFeedback: et,
+							feedback: Qe[e.id] ?? null,
+							onStop: Ne,
+							onEdit: Pe,
+							onCancelEdit: Fe,
+							onHighlight: nt,
+							onReplyInThread: l ? it : void 0,
+							onAnswerQuestion: at,
+							onEditQuestion: ot,
+							onDecideApproval: st,
 							renderPart: n,
 							composerMenu: a
 						}, e.id);
 					}) }),
-					Be && /* @__PURE__ */ _(zn, { children: R.windowFull })
+					We && /* @__PURE__ */ _(zn, { children: R.windowFull })
 				]
 			}),
 			/* @__PURE__ */ _("div", { className: $.bottomBlur })
@@ -5912,27 +5935,28 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 	return /* @__PURE__ */ v(ke, {
 		labels: r,
 		children: [
-			A && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), Qe && /* @__PURE__ */ _(_i, {})] }),
+			N && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("style", { dangerouslySetInnerHTML: { __html: "@media (pointer: fine) { * { cursor: none !important; } }" } }), J && /* @__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,
+				onDismiss: Ze,
+				pane: ({ narrow: e, expanded: t, toggleExpanded: n }) => dt ? /* @__PURE__ */ _(Br, {
+					title: dt.title,
+					meta: dt.meta,
 					modal: e,
 					expanded: t,
 					onToggleExpanded: n,
-					onClose: He.close,
-					children: nt.children
+					onClose: Ze,
+					children: dt.children
 				}) : null,
-				children: rt
+				children: ft
 			}),
-			/* @__PURE__ */ _(y, { children: se && /* @__PURE__ */ _(C.div, {
+			/* @__PURE__ */ _(y, { children: fe && /* @__PURE__ */ _(C.div, {
 				className: $.scrim,
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
-				onClick: () => le(!1),
+				onClick: () => z(!1),
 				children: /* @__PURE__ */ v(C.div, {
 					className: $.sheet,
 					role: "dialog",
@@ -5957,21 +5981,21 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 							children: R.highlights
 						}), /* @__PURE__ */ _("button", {
 							className: $.close,
-							onClick: () => le(!1),
+							onClick: () => z(!1),
 							children: R.close
 						})]
-					}), Array.from(new Set(ae.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
+					}), Array.from(new Set(ue.map((e) => e.turnId))).map((e, t) => /* @__PURE__ */ v("div", {
 						className: $.group,
 						children: [/* @__PURE__ */ _("h3", {
 							className: $.groupTitle,
 							children: Ae(R.paragraph, { index: t + 1 })
 						}), /* @__PURE__ */ _("div", {
 							className: $.marks,
-							children: ae.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
+							children: ue.filter((t) => t.turnId === e).map((t, n) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: $.mark,
 								onClick: () => {
-									le(!1), setTimeout(() => {
+									z(!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,9 +6015,9 @@ 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: pe && l && /* @__PURE__ */ _(gi, {
+				activeReply: pe,
+				onClose: () => me(null),
 				onSendMessage: l
 			}, "thread-popup") })
 		]
@@ -6002,4 +6026,4 @@ function bi({ onSend: e, chat: t, renderPart: n, labels: r, headerActions: i = !
 //#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 };
 
-//# sourceMappingURL=ChatExperience-DCta8bv3.js.map
+//# sourceMappingURL=ChatExperience-Bawy_cnn.js.map