@twentyfourg/chat-kit 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/chat-kit.js

@@ -61,10 +61,10 @@ var L = {
 function R(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
 }
-function ee(e) {
+function z(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-var te = /* @__PURE__ */ new Set([
+var ee = /* @__PURE__ */ new Set([
 	"status.rateLimited",
 	"status.thinkingSequence",
 	"sources.introLine",
@@ -80,69 +80,69 @@ var te = /* @__PURE__ */ new Set([
 	"actions.copyLabel",
 	"actions.copiedLabel"
 ]);
-function ne(e) {
-	let t = [];
-	function n(e, r, i) {
-		if (Array.isArray(e)) return Array.isArray(r) ? [...r] : (t.push(i), [...e]);
-		if (ee(e)) {
-			let t = {};
+function te(e, t = !0) {
+	let n = [];
+	function r(e, t, i) {
+		if (Array.isArray(e)) return Array.isArray(t) ? [...t] : (n.push(i), [...e]);
+		if (z(e)) {
+			let n = {};
 			for (let a of Object.keys(e)) {
-				let o = ee(r) ? r[a] : void 0;
-				t[a] = n(e[a], o, i ? `${i}.${a}` : a);
+				let o = z(t) ? t[a] : void 0;
+				n[a] = r(e[a], o, i ? `${i}.${a}` : a);
 			}
-			return t;
+			return n;
 		}
-		return typeof r == typeof e ? r : (t.push(i), e);
+		return typeof t == typeof e ? t : (n.push(i), e);
 	}
-	let r = n(L, e, "");
-	return e?.status?.rateLimited === void 0 && (r.status.rateLimited = r.status.error), t.filter((e) => !te.has(e)).length, r;
+	let i = r(L, e, "");
+	return e?.status?.rateLimited === void 0 && (i.status.rateLimited = i.status.error), n.filter((e) => !ee.has(e)).length, i;
 }
-var re = Symbol("chat-copy");
-function ie(e) {
-	let t = ne(e);
-	return y(re, t), t;
+var ne = Symbol("chat-copy");
+function re(e) {
+	let t = typeof e == "function" ? e : () => e, n = b(te(t()));
+	return typeof e == "function" && A(t, (e) => Object.assign(n, te(e, !1)), { deep: !0 }), y(ne, n), n;
 }
-function z() {
-	return d(re, L);
+function B() {
+	return d(ne, L);
 }
 //#endregion
 //#region src/services/anonymous-auth.ts
-async function ae(e) {
-	let t = B(new URL(`${e.lxsApiUrl}/api/v1/directory/authentication`), e), n = await fetch(t.toString(), { headers: {
+async function ie(e) {
+	let t = V(new URL(`${e.lxsApiUrl}/api/v1/directory/authentication`), e), n = await fetch(t.toString(), { headers: {
 		Accept: "application/json",
 		"x-tenant-hint": e.tenantNumber
 	} });
-	if (!n.ok) throw new V(`Could not read the login settings (${n.status}).`);
+	if (!n.ok) throw new H(`Could not read the login settings (${n.status}).`);
 	return await n.json();
 }
-function oe() {
+function ae() {
 	let e = /* @__PURE__ */ new Uint8Array(32);
 	return crypto.getRandomValues(e), Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
 }
-async function se(e) {
+async function oe(e) {
 	let t = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(e));
 	return Array.from(new Uint8Array(t), (e) => e.toString(16).padStart(2, "0")).join("");
 }
-function B(e, t) {
+function V(e, t) {
 	return t.deployEnv && e.searchParams.set("deployEnv", t.deployEnv), t.jobNumber && e.searchParams.set("jobNumber", t.jobNumber), e;
 }
-var V = class extends Error {
+var H = class extends Error {
 	constructor(e) {
 		super(e), this.name = "AnonymousAuthError";
 	}
 };
-async function H(e) {
+async function se(e) {
 	let { lxsApiUrl: t, tenantNumber: n } = e, r = e.authConfigId;
 	if (!r) {
-		let t = await ae(e);
-		if (!t.authenticationStrategies?.find((e) => e.type === "anonymous")?.enabled) throw new V("This tenant does not allow guest sign-in.");
+		let t = await ie(e);
+		if (!t.authenticationStrategies?.find((e) => e.type === "anonymous")?.enabled) throw new H("This tenant does not allow guest sign-in.");
 		r = t.PK;
 	}
-	let i = oe(), a = await se(i), o = {
+	let i = ae(), a = await oe(i), o = {
 		Accept: "application/json",
 		"Content-Type": "application/json",
 		"x-tenant-hint": n
-	}, s = B(new URL(`${t}/api/v1/directory/authentication/${r}/anonymous/login`), e);
+	}, s = V(new URL(`${t}/api/v1/directory/authentication/${r}/anonymous/login`), e);
 	s.searchParams.set("codeChallenge", a), s.searchParams.set("codeChallengeMethod", "S256");
 	let c = await fetch(s.toString(), {
 		method: "POST",
@@ -152,21 +152,21 @@ async function H(e) {
 			codeChallengeMethod: "S256"
 		})
 	});
-	if (!c.ok) throw new V(`Anonymous sign-in failed (${c.status}).`);
+	if (!c.ok) throw new H(`Anonymous sign-in failed (${c.status}).`);
 	let l = await c.json();
-	if (!l.loggingInSessionId) throw new V("Anonymous sign-in did not return a session.");
-	let u = B(new URL(`${t}/api/v1/directory/session/${encodeURIComponent(l.loggingInSessionId)}/sign`), e), d = await fetch(u.toString(), {
+	if (!l.loggingInSessionId) throw new H("Anonymous sign-in did not return a session.");
+	let u = V(new URL(`${t}/api/v1/directory/session/${encodeURIComponent(l.loggingInSessionId)}/sign`), e), d = await fetch(u.toString(), {
 		method: "POST",
 		headers: o,
 		body: JSON.stringify({ codeVerifier: i })
 	});
-	if (!d.ok) throw new V(`Could not get a chat token (${d.status}).`);
+	if (!d.ok) throw new H(`Could not get a chat token (${d.status}).`);
 	let f = await d.json(), p = f.baseCampAuthToken || f.token;
-	if (f.success === !1 || !p) throw new V(f.message || "No chat token was returned.");
+	if (f.success === !1 || !p) throw new H(f.message || "No chat token was returned.");
 	return p;
 }
 function ce(e) {
-	let t = null, n = (() => (t ||= H(e).catch((e) => {
+	let t = null, n = (() => (t ||= se(e).catch((e) => {
 		throw t = null, e;
 	}), t));
 	return n.prefetch = () => {
@@ -191,7 +191,10 @@ var le = class extends Error {
 	}
 	async createThread(e, t) {
 		let { variables: n, customData: r } = t ?? {}, i = await this.request("POST", `/v1/agents/${e}/threads`, n ? { variables: n } : {});
-		return r && Object.keys(r).length > 0 && await this.request("PATCH", `/v1/agents/${e}/threads/${i.id}`, { customData: r }), i;
+		return r && Object.keys(r).length > 0 && await this.updateThread(e, i.id, { customData: r }), i;
+	}
+	updateThread(e, t, n) {
+		return this.request("PATCH", `/v1/agents/${e}/threads/${t}`, n);
 	}
 	async getThreads(e, t) {
 		return (await this.request("GET", `/v1/agents/${e}/threads?limit=${t}`)).threads;
@@ -656,47 +659,47 @@ function K() {
 	return Ze += 1, `local-${Ze}`;
 }
 function Qe(e) {
-	let { transport: t, agentId: r } = e, i = T(null), a = S(null), o = S([]), s = S("idle"), c = S(null), l = T(null), u = T(null);
-	async function d() {
+	let { transport: t, agentId: r } = e, i = T(null), a = S(null), o = S([]), s = S("idle"), c = S(null), l = T(null), u = T(null), d = T(null);
+	async function f() {
 		if (t.getQuota) try {
-			u.value = await t.getQuota(r);
+			d.value = await t.getQuota(r);
 		} catch {}
 	}
-	let f = T(null), p = n(() => s.value === "thinking" ? f.value?.thinking ?? "" : ""), m = n(() => {
+	let p = T(null), m = n(() => s.value === "thinking" ? p.value?.thinking ?? "" : ""), h = n(() => {
 		let e = c.value;
 		return e ? e.status === 429 || e.name === "RateLimitError" ? "rate-limited" : "error" : null;
-	}), h = null, g = null, _ = t.getAgent(r).then((e) => (i.value = e, e)).catch(() => null);
-	d();
-	let v = n(() => s.value !== "idle");
-	function y(e) {
+	}), g = null, _ = null, v = t.getAgent(r).then((e) => (i.value = e, e)).catch(() => null);
+	f();
+	let y = n(() => s.value !== "idle");
+	function C(e) {
 		return o.value.find((t) => t.id === e);
 	}
-	function C(t) {
+	function w(t) {
 		try {
 			e.onEvent?.(t);
 		} catch {}
 	}
-	function w(e) {
+	function E(e) {
 		let t = o.value.indexOf(e);
 		return {
 			query: o.value.slice(0, t).reverse().find((e) => e.role === "user")?.text ?? "",
 			response: e.text
 		};
 	}
-	async function E() {
+	async function D() {
 		if (a.value) return a.value;
 		let e = await t.createThread(r);
 		return a.value = e.id, e.id;
 	}
-	function D(e, t = "typed") {
+	function O(e, t = "typed") {
 		let n = e.trim();
-		if (!n || v.value) return Promise.resolve();
-		let r = O(n, t);
-		return g = r, r.finally(() => {
-			g === r && (g = null);
+		if (!n || y.value) return Promise.resolve();
+		let r = k(n, t);
+		return _ = r, r.finally(() => {
+			_ === r && (_ = null);
 		}), r;
 	}
-	async function O(n, i) {
+	async function k(n, i) {
 		c.value = null, s.value = "thinking";
 		let u = b({
 			id: K(),
@@ -714,7 +717,7 @@ function Qe(e) {
 			inputMode: i
 		});
 		o.value.push(u);
-		let p = b({
+		let d = b({
 			id: K(),
 			role: "assistant",
 			text: "",
@@ -728,20 +731,20 @@ function Qe(e) {
 			isReceiving: !1,
 			failed: !1
 		});
-		f.value = p;
+		p.value = d;
 		let m = new AbortController();
-		h = m;
-		let g = new Ke((e) => {
-			p.html = e;
+		g = m;
+		let h = new Ke((e) => {
+			d.html = e;
 		}, 25, e.showMath);
 		function _() {
-			s.value !== "streaming" && (s.value = "streaming", p.isStreaming = !0, p.isReceiving = !0, o.value.push(p));
+			s.value !== "streaming" && (s.value = "streaming", d.isStreaming = !0, d.isReceiving = !0, o.value.push(d));
 		}
 		let v = new Ye((e) => {
-			_(), p.text += e, g.addChunk(e);
+			_(), d.text += e, h.addChunk(e);
 		}, e.typewriter ?? !0), y = null;
 		try {
-			let o = await E();
+			let o = await D();
 			if (await U(await t.sendMessage(r, o, {
 				message: n,
 				stream: !0,
@@ -755,49 +758,49 @@ function Qe(e) {
 					y = e;
 				},
 				onMetadata: (e) => {
-					e.sources && (p.sources = e.sources);
+					e.sources && (d.sources = e.sources);
 				},
 				onThinkingChunk: (e) => {
-					p.thinking += e;
+					d.thinking += e;
 				}
 			}, (e, t) => {
-				if (e === "citations" && Array.isArray(t)) return p.citations = t, !0;
+				if (e === "citations" && Array.isArray(t)) return d.citations = t, !0;
 				let n = t ?? {};
-				return e === "message_id" && typeof n.messageId == "string" ? (u.basecampMessageId = n.messageId, !0) : e === "assistant_message_id" && typeof n.messageId == "string" ? (p.basecampMessageId = n.messageId, !0) : e === "used_sources" && Array.isArray(t) ? (p.sources = t, !0) : e === "token_usage" && n.thread ? (l.value = n.thread, !0) : !1;
+				return e === "message_id" && typeof n.messageId == "string" ? (u.basecampMessageId = n.messageId, !0) : e === "assistant_message_id" && typeof n.messageId == "string" ? (d.basecampMessageId = n.messageId, !0) : e === "used_sources" && Array.isArray(t) ? (d.sources = t, !0) : e === "token_usage" && n.thread ? (l.value = n.thread, !0) : !1;
 			}), y) throw y;
 			if (m.signal.aborted) {
-				v.flush(), await g.complete(), p.isReceiving = !1, p.isStreaming = !1;
+				v.flush(), await h.complete(), d.isReceiving = !1, d.isStreaming = !1;
 				return;
 			}
-			if (p.isReceiving = !1, await v.finish(), !p.text) throw Error("The response ended without any content.");
-			await g.complete(), p.isOutOfScope = e.isOutOfScope?.(p.text) ?? !1, p.isStreaming = !1, C({
+			if (d.isReceiving = !1, await v.finish(), !d.text) throw Error("The response ended without any content.");
+			await h.complete(), d.isOutOfScope = e.isOutOfScope?.(d.text) ?? !1, d.isStreaming = !1, w({
 				type: "turn",
 				query: n,
 				inputMode: i,
-				response: p.text,
-				isOutOfScope: p.isOutOfScope,
-				citations: p.citations,
-				sources: p.sources,
+				response: d.text,
+				isOutOfScope: d.isOutOfScope,
+				citations: d.citations,
+				sources: d.sources,
 				threadId: a.value,
 				userMessageId: u.basecampMessageId,
-				assistantMessageId: p.basecampMessageId
+				assistantMessageId: d.basecampMessageId
 			});
 		} catch (t) {
-			v.flush(), t?.name !== "AbortError" && (p.text ? p.failed = !0 : c.value = t instanceof Error ? t : Error(String(t))), g.stop(), p.isReceiving = !1, p.isStreaming = !1, p.text && (p.html = await W(p.text, { showMath: e.showMath }));
+			v.flush(), t?.name !== "AbortError" && (d.text ? d.failed = !0 : c.value = t instanceof Error ? t : Error(String(t))), h.stop(), d.isReceiving = !1, d.isStreaming = !1, d.text && (d.html = await W(d.text, { showMath: e.showMath }));
 		} finally {
-			v.destroy(), h = null, f.value = null, s.value = "idle", d();
+			v.destroy(), g = null, p.value = null, s.value = "idle", f();
 		}
 	}
-	async function k() {
-		let e = g;
+	async function A() {
+		let e = _;
 		if (!e) return;
 		let n = o.value.find((e) => e.isStreaming)?.basecampMessageId;
-		h?.abort(), n && a.value && t.stopMessage(r, a.value, n).catch(() => {}), await e;
+		g?.abort(), n && a.value && t.stopMessage(r, a.value, n).catch(() => {}), await e;
 	}
-	async function A() {
-		await k(), a.value = null, o.value = [], c.value = null;
+	async function j() {
+		await A(), a.value = null, o.value = [], u.value = null, c.value = null;
 	}
-	async function j(t) {
+	async function M(t) {
 		let n = t.role === "assistant", r = n ? t.text.replace(/\[\^\d+\]/g, "") : t.text;
 		return b({
 			id: K(),
@@ -815,7 +818,7 @@ function Qe(e) {
 			failed: !1
 		});
 	}
-	async function M(e = Xe) {
+	async function N(e = Xe) {
 		if (!t.getThreads) throw Error("This transport does not implement getThreads, so history cannot be listed.");
 		let n = await t.getThreads(r, e);
 		return {
@@ -823,63 +826,88 @@ function Qe(e) {
 			mightHaveMore: n.length >= e
 		};
 	}
-	async function N(e) {
+	async function P(e) {
 		if (!t.getMessages) throw Error("This transport does not implement getMessages, so history cannot be loaded.");
-		await k();
-		let n = await t.getMessages(r, e), i = n.messages.filter((e) => !e.metadata?.isWelcomeMessage), s = await Promise.all(i.map((e) => j(e)));
-		a.value = e, o.value = s, l.value = n.tokenUsage ?? null, c.value = null;
+		await A();
+		let n = await t.getMessages(r, e), i = n.messages.filter((e) => !e.metadata?.isWelcomeMessage), s = await Promise.all(i.map((e) => M(e)));
+		a.value = e, o.value = s, l.value = n.tokenUsage ?? null, u.value = n.customData ?? null, c.value = null;
 	}
-	async function P(e, n) {
-		let i = y(e);
+	async function F(e, n) {
+		let i = C(e);
 		if (!i?.basecampMessageId || !a.value) return;
 		let o = i.feedback, s = o === n ? null : n;
 		i.feedback = s;
 		try {
-			s ? await t.submitFeedback(r, a.value, i.basecampMessageId, s) : await t.clearFeedback(r, a.value, i.basecampMessageId), C({
+			s ? await t.submitFeedback(r, a.value, i.basecampMessageId, s) : await t.clearFeedback(r, a.value, i.basecampMessageId), w({
 				type: "feedback",
 				value: s,
 				assistantMessageId: i.basecampMessageId,
 				threadId: a.value,
-				...w(i)
+				...E(i)
 			});
 		} catch {
 			i.feedback = o;
 		}
 	}
-	function F(e, t) {
-		let n = y(e);
-		n && C({
+	function I(e, t) {
+		let n = C(e);
+		n && w({
 			type: "citation-click",
 			citation: t,
 			assistantMessageId: n.basecampMessageId,
 			threadId: a.value,
-			...w(n)
+			...E(n)
 		});
 	}
-	async function I() {
+	function L(e = {}, t) {
+		let n = b({
+			id: K(),
+			role: e.role ?? "app",
+			text: e.text ?? "",
+			html: "",
+			thinking: "",
+			sources: [],
+			citations: [],
+			feedback: null,
+			isOutOfScope: !1,
+			isStreaming: !1,
+			isReceiving: !1,
+			failed: !1,
+			data: e.data
+		});
+		return t === void 0 || t >= o.value.length ? o.value.push(n) : o.value.splice(Math.max(0, t), 0, n), n;
+	}
+	function R(e) {
+		let t = o.value.findIndex((t) => t.id === e);
+		return t !== -1 && (o.value.splice(t, 1), !0);
+	}
+	async function z() {
 		let e = [...o.value].reverse().find((e) => e.role === "user");
-		e && !v.value && (o.value = o.value.filter((t) => t !== e && !(t.role === "assistant" && t.failed)), c.value = null, await D(e.text, e.inputMode));
+		e && !y.value && (o.value = o.value.filter((t) => t !== e && !(t.role === "assistant" && t.failed)), c.value = null, await O(e.text, e.inputMode));
 	}
 	return {
 		agent: x(i),
-		agentReady: _,
+		agentReady: v,
 		threadId: x(a),
 		messages: o,
 		status: x(s),
 		error: x(c),
-		errorKind: m,
-		busy: v,
+		errorKind: h,
+		busy: y,
 		tokenUsage: x(l),
-		quota: x(u),
-		liveThinking: p,
-		sendMessage: D,
-		stopGeneration: k,
-		newConversation: A,
-		listThreads: M,
-		loadThread: N,
-		setFeedback: P,
-		noteCitationClick: F,
-		retry: I
+		customData: x(u),
+		quota: x(d),
+		liveThinking: m,
+		sendMessage: O,
+		stopGeneration: A,
+		newConversation: j,
+		listThreads: N,
+		loadThread: P,
+		setFeedback: F,
+		noteCitationClick: I,
+		insertMessage: L,
+		removeMessage: R,
+		retry: z
 	};
 }
 //#endregion
@@ -1184,33 +1212,33 @@ var it = {
 	},
 	emits: ["send", "stop"],
 	setup(e, { emit: t }) {
-		let s = e, c = t, u = z(), d = S(""), f = S(null), { isSupported: m, isListening: _, toggle: y, stop: b } = rt(d), x = n(() => d.value.trim().length > 0 && !s.busy), C = S(!1);
+		let s = e, c = t, u = B(), d = S(""), f = S(null), { isSupported: m, isListening: _, toggle: y, stop: b } = rt(d), x = n(() => d.value.trim().length > 0 && !s.busy), C = S(!1);
 		A(d, (e) => {
 			e ? _.value && (C.value = !0) : C.value = !1;
 		});
-		function w() {
+		function T() {
 			let e = f.value;
 			e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 100)}px`);
 		}
-		A(d, w, { flush: "post" });
-		let T = null;
+		A(d, T, { flush: "post" });
+		let E = null;
 		g(() => {
-			w(), document.fonts.ready.then(w);
+			T(), document.fonts.ready.then(T);
 			let e = f.value;
 			if (!e || typeof ResizeObserver > "u") return;
 			let t = e.clientWidth;
-			T = new ResizeObserver(() => {
-				e.clientWidth !== t && (t = e.clientWidth, w());
-			}), T.observe(e);
-		}), h(() => T?.disconnect());
-		function E() {
+			E = new ResizeObserver(() => {
+				e.clientWidth !== t && (t = e.clientWidth, T());
+			}), E.observe(e);
+		}), h(() => E?.disconnect());
+		function O() {
 			if (!x.value) return;
 			b();
 			let e = d.value, t = C.value ? "voice" : "typed";
 			d.value = "", C.value = !1, c("send", e, t);
 		}
-		function O(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), E());
+		function N(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), O());
 		}
 		return (t, n) => (v(), a("div", gt, [o("div", _t, [M(o("textarea", {
 			ref_key: "field",
@@ -1219,7 +1247,7 @@ var it = {
 			class: "input-bar__textarea",
 			rows: "1",
 			placeholder: D(u).composer.placeholder,
-			onKeydown: O
+			onKeydown: N
 		}, null, 40, vt), [[k, d.value]]), o("div", yt, [e.showMic && D(m) ? (v(), r(X, {
 			key: 0,
 			label: D(u).composer.dictateLabel,
@@ -1248,16 +1276,16 @@ var it = {
 			class: "input-bar__send",
 			label: D(u).composer.sendLabel,
 			disabled: !x.value,
-			onClick: E
+			onClick: O
 		}, {
 			default: j(() => [l(Z, {
 				name: "send",
 				size: 20
 			})]),
 			_: 1
-		}, 8, ["label", "disabled"]))])])]));
+		}, 8, ["label", "disabled"]))])]), w(t.$slots, "footer", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-752f72a0"]]), St = 20, Ct = 300, wt = .3, Tt = 12, Et = 8;
+}), [["__scopeId", "data-v-2a67b2cf"]]), St = 20, Ct = 300, wt = .3, Tt = 12, Et = 8;
 function Dt(e, t = {}) {
 	let n = S("following"), r = !1, i = 0, a = !1, o = null, s = !1, c = () => t.mode?.() ?? "reply";
 	function l(e) {
@@ -1334,15 +1362,15 @@ function kt(e) {
 }
 var At = "<sup class=\"citation-chip citation-chip--pending\">&middot;</sup>";
 function jt(e, t, n = {}) {
-	if (!e || t.length === 0 && !n.pendingMarkers) return e;
-	let r = new Map(t.map((e) => [e.ref, e]));
+	if (!e) return e;
+	let r = new Map(t.map((e) => [e.ref, e])), i = t.length > 0;
 	return e.replace(Ot, (e, t) => {
-		let i = r.get(Number(t));
-		if (i) {
-			let e = kt(G(i.title || "Source"));
-			return `<sup class="citation-chip" data-citation-ref="${i.ref}" title="${e}" tabindex="0">${i.label}</sup>`;
+		let a = r.get(Number(t));
+		if (a) {
+			let e = kt(G(a.title || "Source"));
+			return `<sup class="citation-chip" data-citation-ref="${a.ref}" title="${e}" tabindex="0">${a.label}</sup>`;
 		}
-		return n.pendingMarkers ? At : e;
+		return n.pendingMarkers || !i ? At : "";
 	});
 }
 //#endregion
@@ -1361,7 +1389,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	props: { citation: {} },
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let r = e, s = t, u = z(), d = S(!1);
+		let r = e, s = t, u = B(), d = S(!1);
 		A(() => r.citation.screenshotUrl, () => {
 			d.value = !1;
 		});
@@ -1411,7 +1439,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	props: { feedback: {} },
 	emits: ["rate"],
 	setup(e, { emit: t }) {
-		let n = t, r = z();
+		let n = t, r = B();
 		return (t, i) => (v(), a("div", Gt, [o("span", Kt, E(D(r).feedback.question), 1), o("div", qt, [o("button", {
 			type: "button",
 			class: p(["feedback__thumb", { "is-active": e.feedback === "POSITIVE" }]),
@@ -1434,7 +1462,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	},
 	emits: ["close"],
 	setup(e, { emit: n }) {
-		let s = n, c = z();
+		let s = n, c = B();
 		function l(e) {
 			e.key === "Escape" && s("close");
 		}
@@ -1470,7 +1498,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	},
 	emits: ["viewPage"],
 	setup(t, { emit: r }) {
-		let s = t, u = r, d = z(), f = S(!1), m = n(() => G(s.source.metadata?.title ?? "")), h = n(() => s.source.metadata?.link || null), g = n(() => s.source.metadata?.screenshotUrl || s.source.screenshotUrl || ""), _ = S(!1);
+		let s = t, u = r, d = B(), f = S(!1), m = n(() => G(s.source.metadata?.title ?? "")), h = n(() => s.source.metadata?.link || null), g = n(() => s.source.metadata?.screenshotUrl || s.source.screenshotUrl || ""), _ = S(!1);
 		A(g, () => {
 			_.value = !1;
 		});
@@ -1534,7 +1562,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	__name: "SourceList",
 	props: { sources: {} },
 	setup(t) {
-		let n = z(), o = S(null);
+		let n = B(), o = S(null);
 		return (s, c) => t.sources.length > 0 ? (v(), a("div", yn, [
 			D(n).sources.introLine ? (v(), a("p", bn, E(D(n).sources.introLine), 1)) : i("", !0),
 			(v(!0), a(e, null, C(t.sources, (e, t) => (v(), r(vn, {
@@ -1589,7 +1617,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 		streaming: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = z(), r = S(t.streaming === !0), s = S(null);
+		let t = e, n = B(), r = S(t.streaming === !0), s = S(null);
 		return A(() => t.text, async () => {
 			if (!t.streaming || !r.value) return;
 			await f();
@@ -1636,7 +1664,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 		"citationClick"
 	],
 	setup(e, { emit: s }) {
-		let c = e, u = s, d = z(), f = O();
+		let c = e, u = s, d = B(), f = O();
 		function p() {
 			return (c.showCopy === !0 || !!f["message-actions"]) && !c.message.isStreaming && !!c.message.text;
 		}
@@ -1737,10 +1765,11 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 				key: 1,
 				feedback: e.message.feedback,
 				onRate: s[2] ||= (t) => u("rate", e.message.id, t)
-			}, null, 8, ["feedback"])) : i("", !0)])) : i("", !0)
+			}, null, 8, ["feedback"])) : i("", !0)])) : i("", !0),
+			w(n.$slots, "message-footer", { message: e.message }, void 0, !0)
 		]));
 	}
-}), [["__scopeId", "data-v-81f04579"]]), Un = { class: "thinking" }, Wn = {
+}), [["__scopeId", "data-v-466b7413"]]), Un = { class: "thinking" }, Wn = {
 	key: 0,
 	class: "thinking__label"
 }, Gn = 2e3, Kn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
@@ -1750,7 +1779,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 		rotateLabel: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, r = z(), o = n(() => t.rotateLabel ? r.status.thinkingSequence : []), s = S(0), c = n(() => o.value[s.value] ?? r.status.thinking), u;
+		let t = e, r = B(), o = n(() => t.rotateLabel ? r.status.thinkingSequence : []), s = S(0), c = n(() => o.value[s.value] ?? r.status.thinking), u;
 		return g(() => {
 			if (o.value.length < 2) return;
 			let e = () => {
@@ -1787,7 +1816,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 	},
 	emits: ["rated"],
 	setup(t, { emit: n }) {
-		let c = t, l = n, u = z(), d = S(null), { glideToBottom: f, resetToFollowing: p } = Dt(d, {
+		let c = t, l = n, u = B(), d = S(null), { glideToBottom: f, resetToFollowing: p } = Dt(d, {
 			mode: () => c.autoScroll ?? "reply",
 			anchor: () => {
 				if (c.engine.messages.value.at(-1)?.role !== "assistant") return null;
@@ -1800,6 +1829,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 		}), A(() => [
 			c.engine.messages.value.length,
 			c.engine.messages.value.at(-1)?.html,
+			c.engine.messages.value.at(-1)?.text,
 			c.engine.status.value
 		], () => f());
 		function m(e, t) {
@@ -1821,8 +1851,8 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 			(v(!0), a(e, null, C(t.engine.messages.value, (i) => (v(), a(e, { key: i.id }, [i.role === "user" ? (v(), r(Yn, {
 				key: 0,
 				message: i
-			}, null, 8, ["message"])) : (v(), r(Hn, {
-				key: 1,
+			}, null, 8, ["message"])) : i.role === "app" ? w(n.$slots, "message", { message: i }, void 0, !0, 1) : (v(), r(Hn, {
+				key: 2,
 				message: i,
 				"citation-type": t.citationType,
 				"show-thinking": t.showThinking,
@@ -1835,6 +1865,10 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 				name: "message-actions",
 				fn: j(({ message: e }) => [w(n.$slots, "message-actions", { message: e }, void 0, !0)]),
 				key: "0"
+			} : void 0, n.$slots["message-footer"] ? {
+				name: "message-footer",
+				fn: j(({ message: e }) => [w(n.$slots, "message-footer", { message: e }, void 0, !0)]),
+				key: "1"
 			} : void 0]), 1032, [
 				"message",
 				"citation-type",
@@ -1859,7 +1893,7 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 			}, E(D(u).status.retryLabel), 1)])) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-1e679b5e"]]), rr = { class: "chat" }, ir = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-2f494fbc"]]), rr = { class: "chat" }, ir = /*#__PURE__*/ Y(/* @__PURE__ */ u({
 	__name: "Chat",
 	props: {
 		engine: {},
@@ -1870,12 +1904,17 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 		rotateThinkingLabel: { type: Boolean },
 		showThinking: { type: Boolean },
 		autoScroll: {},
-		showCopy: { type: Boolean }
+		showCopy: { type: Boolean },
+		beforeSend: { type: Function }
 	},
 	emits: ["rated"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return ie(n.copy), (t, n) => (v(), a("div", rr, [l(nr, {
+		re(() => n.copy);
+		async function i(e, t) {
+			n.beforeSend && await n.beforeSend(e, t) === !1 || await n.engine.sendMessage(e, t);
+		}
+		return (t, n) => (v(), a("div", rr, [l(nr, {
 			engine: e.engine,
 			"citation-type": e.citationType ?? "inline",
 			"thinking-variant": e.thinkingVariant,
@@ -1884,15 +1923,28 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 			"auto-scroll": e.autoScroll,
 			"show-copy": e.showCopy,
 			onRated: n[0] ||= (e, t) => r("rated", e, t)
-		}, s({ _: 2 }, [t.$slots["message-actions"] ? {
-			name: "message-actions",
-			fn: j(({ message: e }) => [w(t.$slots, "message-actions", { message: e }, void 0, !0)]),
-			key: "0"
-		} : void 0, t.$slots.welcome ? {
-			name: "welcome",
-			fn: j(() => [w(t.$slots, "welcome", {}, void 0, !0)]),
-			key: "1"
-		} : void 0]), 1032, [
+		}, s({ _: 2 }, [
+			t.$slots.message ? {
+				name: "message",
+				fn: j(({ message: e }) => [w(t.$slots, "message", { message: e }, void 0, !0)]),
+				key: "0"
+			} : void 0,
+			t.$slots["message-actions"] ? {
+				name: "message-actions",
+				fn: j(({ message: e }) => [w(t.$slots, "message-actions", { message: e }, void 0, !0)]),
+				key: "1"
+			} : void 0,
+			t.$slots["message-footer"] ? {
+				name: "message-footer",
+				fn: j(({ message: e }) => [w(t.$slots, "message-footer", { message: e }, void 0, !0)]),
+				key: "2"
+			} : void 0,
+			t.$slots.welcome ? {
+				name: "welcome",
+				fn: j(() => [w(t.$slots, "welcome", {}, void 0, !0)]),
+				key: "3"
+			} : void 0
+		]), 1032, [
 			"engine",
 			"citation-type",
 			"thinking-variant",
@@ -1900,15 +1952,19 @@ var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "cit
 			"show-thinking",
 			"auto-scroll",
 			"show-copy"
-		]), l(xt, {
+		]), w(t.$slots, "composer", {}, () => [l(xt, {
 			busy: e.engine.busy.value,
 			"show-mic": e.showMic,
-			onSend: n[1] ||= (t, n) => e.engine.sendMessage(t, n),
-			onStop: n[2] ||= () => e.engine.stopGeneration()
-		}, null, 8, ["busy", "show-mic"])]));
+			onSend: i,
+			onStop: n[1] ||= () => e.engine.stopGeneration()
+		}, s({ _: 2 }, [t.$slots["composer-footer"] ? {
+			name: "footer",
+			fn: j(() => [w(t.$slots, "composer-footer", {}, void 0, !0)]),
+			key: "0"
+		} : void 0]), 1032, ["busy", "show-mic"])], !0)]));
 	}
-}), [["__scopeId", "data-v-f63ed144"]]);
+}), [["__scopeId", "data-v-7ad4b6f4"]]);
 //#endregion
-export { V as AnonymousAuthError, ue as BaseCampClient, le as BaseCampError, ir as Chat, X as IconButton, et as MockTransport, fe as RateLimitError, Ke as StreamingMessage, U as consumeSSEResponse, ce as createAnonymousTokenProvider, G as decodeHtmlEntities, L as defaultChatCopy, ae as fetchAuthConfig, R as formatCopy, ie as provideChatCopy, W as renderMarkdownSafe, Ve as renderMarkdownStreaming, ne as resolveChatCopy, H as signInAnonymously, Se as streamSSE, Ge as stripHtmlTags, z as useChatCopy, Qe as useChatEngine };
+export { H as AnonymousAuthError, ue as BaseCampClient, le as BaseCampError, ir as Chat, X as IconButton, et as MockTransport, fe as RateLimitError, Ke as StreamingMessage, Ye as Typewriter, U as consumeSSEResponse, ce as createAnonymousTokenProvider, G as decodeHtmlEntities, L as defaultChatCopy, ie as fetchAuthConfig, R as formatCopy, re as provideChatCopy, W as renderMarkdownSafe, Ve as renderMarkdownStreaming, te as resolveChatCopy, se as signInAnonymously, Se as streamSSE, Ge as stripHtmlTags, B as useChatCopy, Qe as useChatEngine };
 
 //# sourceMappingURL=chat-kit.js.map