@twentyfourg/chat-kit 1.0.0-beta.1

package/dist/chat-kit.js

@@ -0,0 +1,1914 @@
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, onScopeDispose as _, openBlock as v, provide as y, reactive as b, readonly as x, ref as S, renderList as C, renderSlot as w, shallowRef as T, toDisplayString as E, unref as D, useSlots as O, vModelText as k, watch as A, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
+import F from "dompurify";
+import { Marked as I } from "marked";
+import './index.css';//#region src/copy.ts
+var L = {
+	welcome: {
+		eyebrow: "",
+		heading: "How can I help?",
+		body: "Ask a question to get started."
+	},
+	roles: {
+		assistant: "Assistant",
+		user: "You"
+	},
+	composer: {
+		placeholder: "Ask a question...",
+		micUnsupported: "Voice input is not supported in this browser.",
+		dictateLabel: "Dictate",
+		sendLabel: "Send",
+		stopLabel: "Stop"
+	},
+	status: {
+		thinking: "Thinking…",
+		error: "Something went wrong while generating a response. Please try again.",
+		retryLabel: "Retry",
+		rateLimited: "Something went wrong while generating a response. Please try again.",
+		thinkingSequence: [
+			"Analyzing your question…",
+			"Working to understand your question and finding the most relevant content…",
+			"Processing your query…",
+			"Searching the knowledge base…",
+			"Connecting related concepts across the material…"
+		]
+	},
+	feedback: { question: "Was this helpful?" },
+	sources: {
+		openSourceLabel: "Open source",
+		citedPassageLabel: "Cited passage",
+		noticeLine: "",
+		copyUrlLabel: "Copy URL",
+		copiedLabel: "Copied!",
+		introLine: "",
+		sourceLabel: "Source {n}",
+		referenceLabel: "References",
+		pageLabel: "Page {page}",
+		textPageLabel: "Text page {textPage}",
+		expandLabel: "Show source details",
+		collapseLabel: "Hide source details",
+		closeLabel: "Close"
+	},
+	outOfScope: { label: "Outside this assistant’s scope" },
+	reasoning: {
+		showLabel: "Show thinking",
+		hideLabel: "Hide thinking"
+	},
+	actions: {
+		copyLabel: "Copy answer",
+		copiedLabel: "Copied!"
+	}
+};
+function R(e, t) {
+	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
+}
+function ee(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+var te = /* @__PURE__ */ new Set([
+	"status.rateLimited",
+	"status.thinkingSequence",
+	"sources.introLine",
+	"sources.sourceLabel",
+	"sources.referenceLabel",
+	"sources.pageLabel",
+	"sources.textPageLabel",
+	"sources.expandLabel",
+	"sources.collapseLabel",
+	"sources.closeLabel",
+	"reasoning.showLabel",
+	"reasoning.hideLabel",
+	"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 = {};
+			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);
+			}
+			return t;
+		}
+		return typeof r == typeof e ? r : (t.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;
+}
+var re = Symbol("chat-copy");
+function ie(e) {
+	let t = ne(e);
+	return y(re, t), t;
+}
+function z() {
+	return d(re, 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: {
+		Accept: "application/json",
+		"x-tenant-hint": e.tenantNumber
+	} });
+	if (!n.ok) throw new V(`Could not read the login settings (${n.status}).`);
+	return await n.json();
+}
+function oe() {
+	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) {
+	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) {
+	return t.deployEnv && e.searchParams.set("deployEnv", t.deployEnv), t.jobNumber && e.searchParams.set("jobNumber", t.jobNumber), e;
+}
+var V = class extends Error {
+	constructor(e) {
+		super(e), this.name = "AnonymousAuthError";
+	}
+};
+async function H(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.");
+		r = t.PK;
+	}
+	let i = oe(), a = await se(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.searchParams.set("codeChallenge", a), s.searchParams.set("codeChallengeMethod", "S256");
+	let c = await fetch(s.toString(), {
+		method: "POST",
+		headers: o,
+		body: JSON.stringify({
+			codeChallenge: a,
+			codeChallengeMethod: "S256"
+		})
+	});
+	if (!c.ok) throw new V(`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(), {
+		method: "POST",
+		headers: o,
+		body: JSON.stringify({ codeVerifier: i })
+	});
+	if (!d.ok) throw new V(`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.");
+	return p;
+}
+function ce(e) {
+	let t = null, n = (() => (t ||= H(e).catch((e) => {
+		throw t = null, e;
+	}), t));
+	return n.prefetch = () => {
+		n().catch(() => {});
+	}, n;
+}
+//#endregion
+//#region src/services/base-camp-client.ts
+var le = class extends Error {
+	status;
+	code;
+	constructor(e, t, n) {
+		super(t), this.name = "BaseCampError", this.status = e, this.code = n;
+	}
+}, ue = class {
+	options;
+	constructor(e) {
+		this.options = e;
+	}
+	getAgent(e) {
+		return this.request("GET", `/v1/agents/${e}`);
+	}
+	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;
+	}
+	async getThreads(e, t) {
+		return (await this.request("GET", `/v1/agents/${e}/threads?limit=${t}`)).threads;
+	}
+	getThread(e, t) {
+		return this.request("GET", `/v1/agents/${e}/threads/${t}`);
+	}
+	getMessages(e, t) {
+		return this.request("GET", `/v1/agents/${e}/threads/${t}/messages`);
+	}
+	async sendMessage(e, t, n, r) {
+		let i = this.options.streamBaseUrl || this.options.baseUrl, a = await fetch(`${i}/v1/agents/${e}/threads/${t}/messages`, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				Accept: "text/event-stream",
+				...await this.identityHeaders()
+			},
+			body: JSON.stringify({
+				...n,
+				stream: !0
+			}),
+			credentials: "include",
+			signal: r?.signal
+		});
+		if (!a.ok) throw await de(a);
+		return a;
+	}
+	stopMessage(e, t, n) {
+		return this.request("POST", `/v1/agents/${e}/threads/${t}/stop`, { assistantMessageId: n });
+	}
+	submitFeedback(e, t, n, r) {
+		return this.request("POST", `/v1/agents/${e}/threads/${t}/messages/${n}/feedback`, { feedback: r });
+	}
+	clearFeedback(e, t, n) {
+		return this.request("POST", `/v1/agents/${e}/threads/${t}/messages/${n}/feedback`, {});
+	}
+	getQuota(e) {
+		return this.request("GET", `/v1/agents/${e}/quota`);
+	}
+	trackEvent(e) {
+		return this.request("POST", "/v1/analytics/events", e);
+	}
+	async identityHeaders() {
+		let { deployEnv: e, jobNumber: t, tenantHint: n, getAuthToken: r } = this.options, i = await r(), a = {
+			"x-24g-deploy-env": e,
+			"x-24g-job-number": t
+		};
+		return n && (a["x-tenant-hint"] = n), i && (a.Authorization = i.includes(" ") ? i : `Bearer ${i}`), a;
+	}
+	async request(e, t, n) {
+		let r = await fetch(`${this.options.baseUrl}${t}`, {
+			method: e,
+			headers: {
+				...n === void 0 ? {} : { "Content-Type": "application/json" },
+				...await this.identityHeaders()
+			},
+			body: n === void 0 ? void 0 : JSON.stringify(n),
+			credentials: "include"
+		});
+		if (!r.ok) throw await de(r);
+		return await r.json();
+	}
+};
+async function de(e) {
+	let t = `Base Camp request failed (${e.status})`, n;
+	try {
+		let r = await e.json(), i = typeof r.error == "string" ? r.error : void 0, a = typeof r.message == "string" ? r.message : void 0;
+		a ? (t = a, n = i) : i && (t = i, /^[A-Z0-9_]+$/.test(i) && (n = i));
+	} catch {}
+	return new le(e.status, t, n);
+}
+//#endregion
+//#region src/services/streaming.service.ts
+var fe = class extends Error {
+	limit;
+	remaining;
+	resetAt;
+	constructor(e) {
+		super(e.error || "Message limit reached."), this.name = "RateLimitError", this.limit = e.limit ?? 0, this.remaining = e.remaining ?? 0, this.resetAt = e.resetAt ?? "";
+	}
+}, pe = {
+	"Content-Type": "application/json",
+	Accept: "text/event-stream"
+};
+function me(e) {
+	return typeof e == "object" && e ? e : {};
+}
+function he(e, t, n) {
+	let r = me(t);
+	switch (e) {
+		case "response_delta": return r.text !== void 0 && r.text !== null && n.onChunk(String(r.text)), !0;
+		case "text_complete": return n.onTextComplete?.(), r.hasSourceContext !== void 0 && n.onMetadata?.({ hasSourceContext: !!r.hasSourceContext }), !0;
+		case "thinking_start": return n.onThinkingStart?.(), !0;
+		case "thinking_delta": return r.text && n.onThinkingChunk?.(String(r.text)), !0;
+		case "thinking_end": return n.onThinkingEnd?.(), !0;
+		case "error": {
+			let e = "message" in r ? String(r.message) : "Unknown SSE error";
+			return n.onError(Error(e)), !0;
+		}
+		default: return !1;
+	}
+}
+function ge(e, t, n) {
+	(e === "response_delta" || e === "thinking_delta" || !e) && (e === "thinking_delta" ? n.onThinkingChunk?.(t) : n.onChunk(t));
+}
+function _e(e, t) {
+	let n = me(e);
+	n.type === "sources" || n.type === "USED_SOURCES" ? t.onMetadata?.({ sources: n.data }) : n.text !== void 0 && n.text !== null ? t.onChunk(String(n.text)) : n.content !== void 0 && n.content !== null && t.onChunk(String(n.content));
+}
+function ve(e) {
+	let t = e.slice(7).trim();
+	return t || console.warn("Empty event type received, ignoring"), t || "";
+}
+function ye(e, t, n, r) {
+	if (e === "[DONE]") return n.onComplete(), !0;
+	try {
+		let i = JSON.parse(e);
+		!r?.(t, i, n) && !he(t, i, n) && _e(i, n);
+	} catch {
+		t === "error" ? n.onError(Error(e || "Unknown SSE error")) : ge(t, e, n);
+	}
+	return t === "error";
+}
+function be(e, t, n, r) {
+	let i = e.trim();
+	return i === "" ? !1 : e.startsWith("event: ") ? (t.currentEvent = ve(e), !1) : e.startsWith("data: ") ? ye(e.slice(6), t.currentEvent, n, r) : (i.startsWith("id: ") || i.startsWith("retry: ") || console.warn("Unknown SSE line format:", e), !1);
+}
+async function xe(e, t, n) {
+	let r = new TextDecoder(), i = {
+		currentEvent: "",
+		buffer: ""
+	};
+	try {
+		for (;;) {
+			let { done: a, value: o } = await e.read();
+			if (a) break;
+			i.buffer += r.decode(o, { stream: !0 });
+			let s = i.buffer.split("\n");
+			i.buffer = s.pop() || "";
+			for (let e of s) if (be(e, i, t, n)) return;
+		}
+		i.buffer += r.decode(), i.buffer.trim() !== "" && be(i.buffer, i, t, n), t.onComplete();
+	} finally {
+		e.releaseLock();
+	}
+}
+async function U(e, t, n) {
+	try {
+		let r = e.headers.get("X-RateLimit-Limit");
+		if (r && r !== "unlimited" && t.onRateLimit) {
+			let n = Number(r), i = Number(e.headers.get("X-RateLimit-Remaining")), a = Number(e.headers.get("X-RateLimit-Reset"));
+			Number.isFinite(n) && Number.isFinite(i) && t.onRateLimit({
+				limit: n,
+				remaining: i,
+				resetSeconds: a
+			});
+		}
+		if (e.status === 429) throw new fe(await e.json().catch(() => ({})));
+		if (!e.ok) throw Error(`HTTP error! status: ${e.status}`);
+		let i = e.body?.getReader();
+		if (!i) throw Error("No response body reader available");
+		await xe(i, t, n);
+	} catch (e) {
+		if (e?.name === "AbortError") return;
+		console.error("SSE streaming error:", e), t.onError(e instanceof Error ? e : /* @__PURE__ */ Error("Unknown streaming error"));
+	}
+}
+async function Se(e, t, n, r, i) {
+	try {
+		await U(await fetch(e, {
+			method: "POST",
+			headers: {
+				...pe,
+				...i?.headers
+			},
+			body: JSON.stringify(t),
+			credentials: "include",
+			signal: i?.signal
+		}), n, r);
+	} catch (e) {
+		if (e?.name === "AbortError") return;
+		console.error("SSE streaming error:", e), n.onError(e instanceof Error ? e : /* @__PURE__ */ Error("Unknown streaming error"));
+	}
+}
+//#endregion
+//#region src/services/math.ts
+function Ce(e) {
+	return e ? e === !0 ? {} : e : null;
+}
+var we = null;
+function Te(e) {
+	return we ??= import("mathlive").then((t) => (e.fontsDirectory !== void 0 && (t.MathfieldElement.fontsDirectory = e.fontsDirectory), t.convertLatexToMarkup)).catch(() => (console.warn("[chat-kit] math is on but mathlive is not installed. Run: pnpm add mathlive"), null)), we;
+}
+var Ee = 200, De = /[\\^_{}]/;
+function Oe(e, t) {
+	return t ? e.trim().length > 0 : e.length === 0 || /^\s|\s$/.test(e) || e.length > Ee ? !1 : De.test(e) || !/^\d/.test(e);
+}
+var ke = /\$\$([^$]+)\$\$|\$([^$]+)\$/g, Ae = /^\$\$([^$]+)\$\$|^\$([^$]+)\$/;
+function je(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+var Me = {
+	name: "mathSource",
+	level: "inline",
+	start: (e) => e.indexOf("$"),
+	tokenizer(e) {
+		let t = Ae.exec(e);
+		if (!t) return;
+		let [n, r, i] = t;
+		if (Oe(r ?? i ?? "", r !== void 0)) return {
+			type: "mathSource",
+			raw: n,
+			text: n
+		};
+	},
+	renderer: (e) => je(e.text)
+};
+function Ne(e) {
+	return F.sanitize(e, {
+		USE_PROFILES: {
+			html: !0,
+			mathMl: !0,
+			svg: !0
+		},
+		ADD_ATTR: [
+			"class",
+			"style",
+			"aria-hidden"
+		]
+	});
+}
+async function Pe(e, t = {}) {
+	let n = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT, { acceptNode: (e) => e.parentElement?.closest("code, pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT }), r = [];
+	for (let e = n.nextNode(); e; e = n.nextNode()) e.nodeValue?.includes("$") && r.push(e);
+	let i = await Te(t);
+	if (i && r.length !== 0) for (let t of r) {
+		let n = t.nodeValue ?? "", r = e.ownerDocument.createDocumentFragment(), a = 0, o = !1;
+		for (let t of n.matchAll(ke)) {
+			let [s, c, l] = t, u = c ?? l ?? "", d = c !== void 0;
+			if (!Oe(u, d)) continue;
+			let f;
+			try {
+				f = i(d ? `\\displaystyle ${u}` : u);
+			} catch {
+				continue;
+			}
+			o = !0, r.append(n.slice(a, t.index));
+			let p = e.ownerDocument.createElement("span");
+			p.className = d ? "chat-math chat-math--display" : "chat-math", p.innerHTML = Ne(f), r.append(p), a = t.index + s.length;
+		}
+		o && (r.append(n.slice(a)), t.replaceWith(r));
+	}
+}
+//#endregion
+//#region src/services/markdown.ts
+var Fe = {
+	gfm: !0,
+	breaks: !0
+}, Ie = new I(Fe), Le = new I(Fe).use({ extensions: [Me] }), Re = {
+	ALLOWED_TAGS: /* @__PURE__ */ "p.br.strong.b.em.i.code.pre.h1.h2.h3.h4.h5.h6.ul.ol.li.a.blockquote.span.table.thead.tbody.tr.td.th.s".split("."),
+	ALLOWED_ATTR: [
+		"href",
+		"target",
+		"rel",
+		"title",
+		"type"
+	],
+	ALLOWED_URI_REGEXP: /^https?:\/\//,
+	KEEP_CONTENT: !0,
+	RETURN_DOM: !1,
+	RETURN_DOM_FRAGMENT: !1,
+	RETURN_DOM_IMPORT: !1,
+	ADD_TAGS: [],
+	ADD_ATTR: []
+}, ze = (e) => {
+	e.querySelectorAll("a[href]").forEach((e) => {
+		e.setAttribute("target", "_blank"), e.setAttribute("rel", "noopener noreferrer");
+	});
+};
+async function W(e, t = {}) {
+	let { maxLength: n = 5e4, showMath: r = !1 } = t;
+	if (!e || typeof e != "string") return "";
+	let i = e;
+	e.length > n && (console.warn(`Markdown input truncated: ${e.length} chars > ${n} limit`), i = `${e.substring(0, n)}...`);
+	try {
+		i.length > 5e3 && await new Promise((e) => {
+			setTimeout(e, 0);
+		});
+		let e = Ce(r), t = (e ? Le : Ie).parse(i), n = typeof t == "string" ? t : await Promise.resolve(t), a = F.sanitize(n, {
+			...Re,
+			SANITIZE_DOM: !0,
+			WHOLE_DOCUMENT: !1,
+			RETURN_DOM: !1,
+			CUSTOM_ELEMENT_HANDLING: {
+				tagNameCheck: null,
+				attributeNameCheck: null,
+				allowCustomizedBuiltInElements: !1
+			}
+		}), o = document.createElement("div");
+		return o.innerHTML = a, ze(o), e && await Pe(o, e), o.innerHTML;
+	} catch (e) {
+		return console.error("Markdown rendering error:", e), F.sanitize(i.replace(/\n/g, "<br>"), {
+			ALLOWED_TAGS: ["br"],
+			KEEP_CONTENT: !0
+		});
+	}
+}
+function Be(e) {
+	if (e.length === 0) return 0;
+	if (e.length <= 10) return e.length;
+	let t = e.lastIndexOf(" "), n = e.lastIndexOf("\n"), r = Math.max(t, n);
+	return r >= e.length - 10 ? r + 1 : e.length;
+}
+async function Ve(e, t = {}) {
+	if (!e) return {
+		html: "",
+		isComplete: !0,
+		hasUnsafeBreak: !1,
+		lastSafePoint: 0
+	};
+	if (t.forceComplete) return {
+		html: await W(e),
+		isComplete: !0,
+		hasUnsafeBreak: !1,
+		lastSafePoint: e.length
+	};
+	let n = Be(e);
+	return {
+		html: await W(e.substring(0, n)),
+		isComplete: n >= e.length,
+		hasUnsafeBreak: n < e.length,
+		lastSafePoint: n
+	};
+}
+//#endregion
+//#region src/services/entities.ts
+var He = {
+	amp: "&",
+	lt: "<",
+	gt: ">",
+	quot: "\"",
+	apos: "'",
+	nbsp: "\xA0"
+}, Ue = /&(?:#(\d{1,7})|#[xX]([0-9a-fA-F]{1,6})|([a-zA-Z][a-zA-Z0-9]{1,31}));/g;
+function We(e) {
+	return !Number.isInteger(e) || e < 0 || e > 1114111 || e >= 55296 && e <= 57343 ? null : String.fromCodePoint(e);
+}
+function Ge(e) {
+	return e.replace(/<[^>]*>/g, "");
+}
+function G(e) {
+	return e.includes("&") ? e.replace(Ue, (e, t, n, r) => t === void 0 ? n === void 0 ? He[r.toLowerCase()] ?? e : We(Number.parseInt(n, 16)) ?? e : We(Number(t)) ?? e) : e;
+}
+//#endregion
+//#region src/services/streaming-message.ts
+var Ke = class {
+	onUpdate;
+	throttleMs;
+	showMath;
+	buffer = "";
+	renderTimer = null;
+	destroyed = !1;
+	stopped = !1;
+	constructor(e, t = 25, n = !1) {
+		this.onUpdate = e, this.throttleMs = t, this.showMath = n;
+	}
+	addChunk(e) {
+		this.destroyed || this.stopped || (this.buffer += e, this.renderTimer ||= setTimeout(() => {
+			this.renderTimer = null, this.render(!1);
+		}, this.throttleMs));
+	}
+	async complete() {
+		this.destroyed || this.stopped || (this.renderTimer &&= (clearTimeout(this.renderTimer), null), await this.render(!0));
+	}
+	async render(e) {
+		if (!(this.destroyed || this.stopped)) try {
+			let t = await W(this.buffer, { showMath: this.showMath });
+			if (this.destroyed || this.stopped) return;
+			this.onUpdate(t, e);
+		} catch (e) {
+			console.error("Error rendering streaming markdown:", e);
+		}
+	}
+	getCurrentContent() {
+		return this.buffer;
+	}
+	stop() {
+		this.destroyed || this.stopped || (this.stopped = !0, this.renderTimer &&= (clearTimeout(this.renderTimer), null));
+	}
+	destroy() {
+		this.destroyed = !0, this.renderTimer &&= (clearTimeout(this.renderTimer), null);
+	}
+}, qe = 4, Je = 600, Ye = class {
+	emit;
+	queue = "";
+	charsPerFrame;
+	carry = 0;
+	enabled;
+	frameHandle = null;
+	waiters = [];
+	destroyed = !1;
+	onVisibilityChange = () => {
+		document.hidden && this.flush();
+	};
+	constructor(e, t = !0) {
+		this.emit = e, this.enabled = t !== !1;
+		let n = typeof t == "object" ? t.speed : void 0, r = typeof n == "number" && Number.isFinite(n) && n > 0 ? n : 1;
+		this.charsPerFrame = qe * r, this.enabled && document.addEventListener("visibilitychange", this.onVisibilityChange);
+	}
+	push(e) {
+		if (!this.destroyed && e) {
+			if (this.queue += e, !this.enabled || document.hidden) {
+				this.flush();
+				return;
+			}
+			this.schedule();
+		}
+	}
+	flush() {
+		if (!this.destroyed) {
+			if (this.cancelFrame(), this.carry = 0, this.queue) {
+				let e = this.queue;
+				this.queue = "", this.emit(e);
+			}
+			this.resolveWaiters();
+		}
+	}
+	finish() {
+		return this.destroyed || !this.queue ? Promise.resolve() : document.hidden ? (this.flush(), Promise.resolve()) : new Promise((e) => {
+			this.waiters.push(e);
+		});
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.cancelFrame(), this.queue = "", document.removeEventListener("visibilitychange", this.onVisibilityChange), this.resolveWaiters());
+	}
+	schedule() {
+		if (this.frameHandle !== null) return;
+		let e = () => {
+			this.frameHandle = null, !this.destroyed && this.queue && (this.step(), this.queue ? this.schedule() : this.resolveWaiters());
+		};
+		this.frameHandle = requestAnimationFrame(e);
+	}
+	step() {
+		this.carry += this.charsPerFrame;
+		let e = Math.max(0, this.queue.length - Je), t = Math.min(e + Math.floor(this.carry), this.queue.length);
+		if (t < 1) return;
+		this.carry -= t - e;
+		let n = this.queue.charCodeAt(t - 1);
+		n >= 55296 && n <= 56319 && t < this.queue.length && (t += 1);
+		let r = this.queue.slice(0, t);
+		this.queue = this.queue.slice(t), this.queue || (this.carry = 0), this.emit(r);
+	}
+	cancelFrame() {
+		this.frameHandle !== null && (cancelAnimationFrame(this.frameHandle), this.frameHandle = null);
+	}
+	resolveWaiters() {
+		for (let e of this.waiters.splice(0)) e();
+	}
+}, Xe = 20, Ze = 0;
+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() {
+		if (t.getQuota) try {
+			u.value = await t.getQuota(r);
+		} catch {}
+	}
+	let f = T(null), p = n(() => s.value === "thinking" ? f.value?.thinking ?? "" : ""), m = 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) {
+		return o.value.find((t) => t.id === e);
+	}
+	function C(t) {
+		try {
+			e.onEvent?.(t);
+		} catch {}
+	}
+	function w(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() {
+		if (a.value) return a.value;
+		let e = await t.createThread(r);
+		return a.value = e.id, e.id;
+	}
+	function D(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);
+		}), r;
+	}
+	async function O(n, i) {
+		c.value = null, s.value = "thinking";
+		let u = b({
+			id: K(),
+			role: "user",
+			text: n,
+			html: "",
+			thinking: "",
+			sources: [],
+			citations: [],
+			feedback: null,
+			isOutOfScope: !1,
+			isStreaming: !1,
+			isReceiving: !1,
+			failed: !1,
+			inputMode: i
+		});
+		o.value.push(u);
+		let p = b({
+			id: K(),
+			role: "assistant",
+			text: "",
+			html: "",
+			thinking: "",
+			sources: [],
+			citations: [],
+			feedback: null,
+			isOutOfScope: !1,
+			isStreaming: !1,
+			isReceiving: !1,
+			failed: !1
+		});
+		f.value = p;
+		let m = new AbortController();
+		h = m;
+		let g = new Ke((e) => {
+			p.html = e;
+		}, 25, e.showMath);
+		function _() {
+			s.value !== "streaming" && (s.value = "streaming", p.isStreaming = !0, p.isReceiving = !0, o.value.push(p));
+		}
+		let v = new Ye((e) => {
+			_(), p.text += e, g.addChunk(e);
+		}, e.typewriter ?? !0), y = null;
+		try {
+			let o = await E();
+			if (await U(await t.sendMessage(r, o, {
+				message: n,
+				stream: !0,
+				...i === "voice" && { inputMode: "dictation" }
+			}, { signal: m.signal }), {
+				onChunk: (e) => {
+					v.push(e);
+				},
+				onComplete: () => {},
+				onError: (e) => {
+					y = e;
+				},
+				onMetadata: (e) => {
+					e.sources && (p.sources = e.sources);
+				},
+				onThinkingChunk: (e) => {
+					p.thinking += e;
+				}
+			}, (e, t) => {
+				if (e === "citations" && Array.isArray(t)) return p.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;
+			}), y) throw y;
+			if (m.signal.aborted) {
+				v.flush(), await g.complete(), p.isReceiving = !1, p.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({
+				type: "turn",
+				query: n,
+				inputMode: i,
+				response: p.text,
+				isOutOfScope: p.isOutOfScope,
+				citations: p.citations,
+				sources: p.sources,
+				threadId: a.value,
+				userMessageId: u.basecampMessageId,
+				assistantMessageId: p.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 }));
+		} finally {
+			v.destroy(), h = null, f.value = null, s.value = "idle", d();
+		}
+	}
+	async function k() {
+		let e = g;
+		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;
+	}
+	async function A() {
+		await k(), a.value = null, o.value = [], c.value = null;
+	}
+	async function j(t) {
+		let n = t.role === "assistant", r = n ? t.text.replace(/\[\^\d+\]/g, "") : t.text;
+		return b({
+			id: K(),
+			role: t.role,
+			text: r,
+			html: n ? await W(r, { showMath: e.showMath }) : "",
+			thinking: t.metadata?.thinking ?? "",
+			basecampMessageId: t.id,
+			sources: t.sourceContext ?? [],
+			citations: [],
+			feedback: t.feedback ?? null,
+			isOutOfScope: n ? e.isOutOfScope?.(t.text) ?? !1 : !1,
+			isStreaming: !1,
+			isReceiving: !1,
+			failed: !1
+		});
+	}
+	async function M(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 {
+			threads: n.filter((e) => e.status === "ACTIVE"),
+			mightHaveMore: n.length >= e
+		};
+	}
+	async function N(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;
+	}
+	async function P(e, n) {
+		let i = y(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({
+				type: "feedback",
+				value: s,
+				assistantMessageId: i.basecampMessageId,
+				threadId: a.value,
+				...w(i)
+			});
+		} catch {
+			i.feedback = o;
+		}
+	}
+	function F(e, t) {
+		let n = y(e);
+		n && C({
+			type: "citation-click",
+			citation: t,
+			assistantMessageId: n.basecampMessageId,
+			threadId: a.value,
+			...w(n)
+		});
+	}
+	async function I() {
+		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));
+	}
+	return {
+		agent: x(i),
+		agentReady: _,
+		threadId: x(a),
+		messages: o,
+		status: x(s),
+		error: x(c),
+		errorKind: m,
+		busy: v,
+		tokenUsage: x(l),
+		quota: x(u),
+		liveThinking: p,
+		sendMessage: D,
+		stopGeneration: k,
+		newConversation: A,
+		listThreads: M,
+		loadThread: N,
+		setFeedback: P,
+		noteCitationClick: F,
+		retry: I
+	};
+}
+//#endregion
+//#region src/testing/mock-transport.ts
+var $e = {
+	text: [
+		"This is a **mock answer** from the development transport, standing in for the real backend.",
+		"",
+		"It streams a few words at a time so the interface behaves the way it will in production:",
+		"",
+		"- markdown renders as it arrives",
+		"- the thinking indicator shows before the first words",
+		"- sources attach once the answer finishes",
+		"",
+		"Send another message to see it again, or start a new chat to reset."
+	].join("\n"),
+	sources: []
+};
+function q(e, t) {
+	return `event: ${e}\ndata: ${JSON.stringify(t)}\n\n`;
+}
+var J = (e) => new Promise((t) => setTimeout(t, e)), et = class {
+	options;
+	threadCount = 0;
+	messageCount = 0;
+	history = /* @__PURE__ */ new Map();
+	quotaResetAt = (/* @__PURE__ */ new Date("2026-01-02T00:00:00.000Z")).toISOString();
+	constructor(e = {}) {
+		this.options = e;
+	}
+	async getAgent(e) {
+		return {
+			id: e,
+			name: "Mock Agent",
+			description: "Development stand-in for a Base Camp agent.",
+			config: {}
+		};
+	}
+	async createThread(e, t) {
+		this.threadCount += 1;
+		let n = `mock-thread-${this.threadCount}`;
+		return this.history.set(n, []), {
+			id: n,
+			agentId: e,
+			status: "ACTIVE",
+			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+	}
+	async getThreads(e, t) {
+		return [...this.history.entries()].reverse().slice(0, t).map(([t, n]) => ({
+			id: t,
+			agentId: e,
+			status: "ACTIVE",
+			messageCount: n.length,
+			lastMessageAt: n.at(-1)?.createdAt
+		}));
+	}
+	async getQuota(e) {
+		let t = this.options.messageLimit;
+		if (t === void 0) return {
+			limit: "unlimited",
+			remaining: "unlimited",
+			resetAt: this.quotaResetAt
+		};
+		let n = Math.ceil(this.messageCount / 2);
+		return {
+			limit: t,
+			remaining: Math.max(0, t - n),
+			resetAt: this.quotaResetAt
+		};
+	}
+	async getMessages(e, t) {
+		let n = this.history.get(t);
+		if (!n) throw Error(`Unknown thread: ${t}`);
+		return {
+			threadId: t,
+			messages: n
+		};
+	}
+	async sendMessage(e, t, n, r) {
+		let i = r?.signal, a = this.options.replyTo?.(n.message) ?? $e, o = this.options.chunkDelayMs ?? 30, s = this.options.thinkingDelayMs ?? 600;
+		this.messageCount += 1;
+		let c = `mock-msg-${this.messageCount}`;
+		this.messageCount += 1;
+		let l = `mock-msg-${this.messageCount}`, u = a.text.match(/\S+\s*/g) ?? [a.text], d = a.thinking?.match(/\S+\s*/g) ?? [], f = (/* @__PURE__ */ new Date()).toISOString();
+		this.history.get(t)?.push({
+			id: c,
+			role: "user",
+			text: n.message,
+			createdAt: f
+		}, {
+			id: l,
+			role: "assistant",
+			text: a.text,
+			createdAt: f,
+			sourceContext: a.sources,
+			metadata: a.thinking ? { thinking: a.thinking } : void 0
+		});
+		let p = new TextEncoder(), m = new ReadableStream({ async start(e) {
+			let t = (t) => e.enqueue(p.encode(t)), n = () => {
+				if (i?.aborted) throw new DOMException("The user cancelled the stream.", "AbortError");
+			};
+			try {
+				if (t(q("message_id", { messageId: c })), t(q("assistant_message_id", { messageId: l })), d.length > 0) {
+					t(q("thinking_start", {}));
+					for (let e of d) n(), t(q("thinking_delta", { text: e })), await J(o);
+					t(q("thinking_end", {}));
+				}
+				await J(s);
+				for (let e of u) n(), t(q("response_delta", { text: e })), await J(o);
+				t(q("text_complete", {})), a.citations?.length && t(q("citations", a.citations)), a.sources?.length && t(q("used_sources", a.sources)), a.tokenUsage && t(q("token_usage", {
+					message: {
+						inputTokens: 0,
+						outputTokens: 0,
+						totalTokens: 0
+					},
+					thread: a.tokenUsage
+				})), t("data: [DONE]\n\n"), e.close();
+			} catch (t) {
+				try {
+					e.error(t);
+				} catch {}
+			}
+		} });
+		return new Response(m, {
+			status: 200,
+			headers: { "Content-Type": "text/event-stream" }
+		});
+	}
+	async stopMessage() {
+		return {
+			success: !0,
+			message: "stopped"
+		};
+	}
+	async submitFeedback(e, t, n, r) {
+		return { feedback: r };
+	}
+	async clearFeedback() {
+		return {};
+	}
+};
+//#endregion
+//#region src/composables/useDictation.ts
+function tt() {
+	if (typeof window > "u") return null;
+	let e = window;
+	return e.SpeechRecognition ?? e.webkitSpeechRecognition ?? null;
+}
+var nt = 2e3;
+function rt(e, t = {}) {
+	let n = tt(), r = t.idleMs ?? nt, i = S(!1), a = null, o, s = "", c = "";
+	function l() {
+		r && (clearTimeout(o), o = setTimeout(f, r));
+	}
+	function u(n) {
+		let r = new n();
+		return r.continuous = !0, r.interimResults = !0, r.lang = t.lang ?? "en-US", r.onresult = (t) => {
+			if (!i.value) return;
+			let n = "";
+			l();
+			for (let e = t.resultIndex; e < t.results.length; e += 1) {
+				let r = t.results[e];
+				r && (r.isFinal ? c += `${r[0].transcript} ` : n += r[0].transcript);
+			}
+			e.value = s + c + n;
+		}, r.onend = () => {
+			clearTimeout(o), i.value = !1;
+		}, r.onerror = () => {
+			clearTimeout(o), i.value = !1;
+		}, r;
+	}
+	function d() {
+		if (n && !i.value) {
+			a ??= u(n), s = e.value ? `${e.value.trim()} ` : "", c = "", i.value = !0, l();
+			try {
+				a.start();
+			} catch {}
+		}
+	}
+	function f() {
+		clearTimeout(o), i.value = !1, a?.stop();
+	}
+	function p() {
+		i.value ? f() : d();
+	}
+	return _(() => {
+		clearTimeout(o), a?.abort();
+	}), {
+		isSupported: n !== null,
+		isListening: i,
+		toggle: p,
+		stop: f
+	};
+}
+//#endregion
+//#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
+var it = {
+	type: "button",
+	class: "icon-button"
+}, at = { class: "icon-button__label" }, ot = /*@__PURE__*/ u({
+	__name: "IconButton",
+	props: { label: {} },
+	setup(e) {
+		return (t, n) => (v(), a("button", it, [w(t.$slots, "default", {}, void 0, !0), o("span", at, E(e.label), 1)]));
+	}
+}), Y = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, X = /*#__PURE__*/ Y(ot, [["__scopeId", "data-v-ce6d8ce0"]]), st = ["width", "height"], ct = ["width", "height"], lt = ["width", "height"], ut = ["width", "height"], dt = ["width", "height"], ft = ["width", "height"], pt = ["width", "height"], mt = ["width", "height"], ht = ["width", "height"], Z = /* @__PURE__ */ u({
+	__name: "KitIcon",
+	props: {
+		name: {},
+		size: {}
+	},
+	setup(e) {
+		return (t, n) => e.name === "send" ? (v(), a("svg", {
+			key: 0,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 20 20",
+			fill: "none"
+		}, [...n[0] ||= [o("path", {
+			d: "M4.16667 10L15.8333 10M10 15.8333L15.8333 10L10 4.16667",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]], 8, st)) : e.name === "mic" ? (v(), a("svg", {
+			key: 1,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 10.88 16",
+			fill: "currentColor"
+		}, [...n[1] ||= [o("path", { d: "M8.65 3.168C8.65 1.418 7.213 0 5.44 0C3.667 0 2.23 1.418 2.23 3.168V7.049C2.23 8.799 3.667 10.217 5.44 10.217C7.213 10.217 8.65 8.799 8.65 7.049V3.168Z" }, null, -1), o("path", { d: "M10.293 4.53C9.969 4.53 9.706 4.789 9.706 5.109V7.05C9.706 9.371 7.792 11.26 5.44 11.26C3.088 11.26 1.174 9.371 1.174 7.05V5.109C1.174 4.789 0.911 4.53 0.587 4.53C0.263 4.53 0 4.789 0 5.109V7.05C0 9.814 2.129 12.097 4.853 12.387V14.842H3.069C2.745 14.842 2.482 15.102 2.482 15.421C2.482 15.741 2.745 16 3.069 16H7.811C8.135 16 8.398 15.741 8.398 15.421C8.398 15.102 8.135 14.842 7.811 14.842H6.027V12.387C8.751 12.097 10.88 9.814 10.88 7.05V5.109C10.88 4.789 10.617 4.53 10.293 4.53Z" }, null, -1)]], 8, ct)) : e.name === "stop" ? (v(), a("svg", {
+			key: 2,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 16 16",
+			fill: "currentColor"
+		}, [...n[2] ||= [o("rect", {
+			x: "3",
+			y: "3",
+			width: "10",
+			height: "10",
+			rx: "2"
+		}, null, -1)]], 8, lt)) : e.name === "thumb-up" || e.name === "thumb-down" ? (v(), a("svg", {
+			key: 3,
+			width: e.size ?? 20,
+			height: e.size ?? 20,
+			viewBox: "0 0 20.02 16.3",
+			fill: "currentColor",
+			style: m(e.name === "thumb-down" ? "transform: rotate(180deg)" : void 0)
+		}, [...n[3] ||= [o("path", { d: "M16.29 16.3C15.95 16.3 15.6 16.3 15.26 16.29H14.48C14.09 16.28 13.69 16.28 13.3 16.28H11.72C10.95 16.27 10.17 16.26 9.4 16.29C8.72 16.31 8.21 16 7.77 15.73C7.65 15.66 7.53 15.58 7.41 15.52C7.06 15.34 7.04 14.9 7.04 14.77C7.04 12.58 7.04 10.4 7.04 8.21C7.04 7.96 7.17 7.62 7.43 7.45C9.46 6.03 10.41 4 10.33 1.25C10.32 0.86 10.3 0.42 10.6 0.17C10.91 -0.09 11.34 0 11.74 0.09C12.64 0.28 13.25 0.87 13.54 1.82C13.92 3.02 13.79 4.25 13.61 5.39C13.58 5.55 13.55 5.71 13.54 5.82C13.68 5.82 13.88 5.81 13.99 5.81C15.08 5.72 16.18 5.79 17.26 5.85L17.71 5.88C18.16 5.91 18.57 6.07 18.97 6.26C19.9 6.69 20.23 7.49 19.88 8.46C19.81 8.65 19.72 8.87 19.58 9.07C19.52 9.15 19.52 9.16 19.58 9.27C20.18 10.24 20.03 10.93 19.07 11.64C19.08 11.63 19.07 11.7 19.07 11.76C19.07 11.86 19.08 11.96 19.1 12.06C19.13 12.21 19.15 12.37 19.15 12.52C19.15 13.12 18.89 13.59 18.39 13.92C18.39 13.92 18.33 13.98 18.26 14.2C18.21 14.33 18.18 14.47 18.16 14.61C18.11 14.83 18.06 15.05 17.97 15.27C17.69 15.93 17.1 16.3 16.3 16.3H16.29ZM2.71 16.22C2.22 16.22 1.73 16.22 1.24 16.22C0.41 16.22 0.01 15.82 0 15.01C0 14.13 0 13.25 0 12.36V8.29C0 7.46 0.43 7.04 1.25 7.04C2.4 7.04 3.56 7.04 4.71 7.04C5.55 7.04 5.97 7.44 5.97 8.28C5.97 10.5 5.97 12.73 5.97 14.95C5.97 15.82 5.58 16.22 4.69 16.22C4.02 16.22 3.36 16.22 2.7 16.22H2.71Z" }, null, -1)]], 12, ut)) : e.name === "sparkle" ? (v(), a("svg", {
+			key: 4,
+			width: e.size ?? 16,
+			height: (e.size ?? 16) * 14.7693 / 16,
+			viewBox: "0 0 16.0001 14.7693",
+			fill: "currentColor"
+		}, [...n[4] ||= [o("path", { d: "M11.9472 8.83878C8.3169 9.81745 7.28765 10.867 6.32788 14.5687C6.25841 14.8362 5.88552 14.8362 5.81605 14.5687C4.85627 10.867 3.82703 9.81745 0.196726 8.83878C-0.0655754 8.76795 -0.0655754 8.38771 0.196726 8.31688C3.82703 7.33821 4.85627 6.2887 5.81605 2.58693C5.88552 2.31946 6.25841 2.31946 6.32788 2.58693C7.28765 6.2887 8.3169 7.33821 11.9472 8.31688C12.2095 8.38771 12.2095 8.76795 11.9472 8.83878ZM15.9001 3.0099C14.0576 2.51324 13.5354 1.98075 13.0483 0.101979C13.0132 -0.033993 12.8239 -0.033993 12.7884 0.101979C12.3013 1.98075 11.7791 2.51324 9.93662 3.0099C9.80327 3.04573 9.80327 3.23869 9.93662 3.27493C11.7791 3.77159 12.3013 4.30408 12.7884 6.18285C12.8235 6.31882 13.0128 6.31882 13.0483 6.18285C13.5354 4.30408 14.0576 3.77159 15.9001 3.27493C16.0334 3.2391 16.0334 3.04614 15.9001 3.0099Z" }, null, -1)]], 8, dt)) : e.name === "copy" ? (v(), a("svg", {
+			key: 5,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			stroke: "currentColor",
+			"stroke-width": "0.5"
+		}, [...n[5] ||= [o("path", { d: "M3.62712 10.4832H2.41239C1.89338 10.4832 1.47374 10.0876 1.47374 9.59831V2.30569C1.47374 1.8164 1.89338 1.42079 2.41239 1.42079H9.24246C9.76148 1.42079 10.1811 1.8164 10.1811 2.30569V3.25826C10.1811 3.47168 10.3688 3.64866 10.5952 3.64866C10.8216 3.64866 11.0093 3.47168 11.0093 3.25826V2.30569C11.0093 1.38436 10.2142 0.64 9.24246 0.64H2.40687C1.43509 0.64 0.64 1.38956 0.64 2.30569V9.59311C0.64 10.5144 1.43509 11.2588 2.40687 11.2588H3.6216C3.84798 11.2588 4.03571 11.0818 4.03571 10.8684C4.03571 10.655 3.84798 10.478 3.6216 10.478L3.62712 10.4832Z" }, null, -1), o("path", { d: "M13.5931 4.74136H6.76306C5.78576 4.74136 4.99619 5.49092 4.99619 6.40705V13.6945C4.99619 14.6158 5.79128 15.3602 6.76306 15.3602H13.5931C14.5704 15.3602 15.36 14.6106 15.36 13.6945V6.40705C15.36 5.48572 14.5649 4.74136 13.5931 4.74136ZM13.5931 14.5846H6.76306C6.24404 14.5846 5.82441 14.189 5.82441 13.6997V6.41226C5.82441 5.92296 6.24404 5.52736 6.76306 5.52736H13.5931C14.1121 5.52736 14.5318 5.92296 14.5318 6.41226V13.6997C14.5318 14.189 14.1121 14.5846 13.5931 14.5846Z" }, null, -1)]], 8, ft)) : e.name === "external-link" ? (v(), a("svg", {
+			key: 6,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			stroke: "currentColor",
+			"stroke-width": "0.5"
+		}, [...n[6] ||= [o("path", { d: "M13.496 8.69167C13.218 8.69167 12.992 8.9176 12.992 9.19566V12.9668C12.992 13.6359 12.4446 14.1833 11.7755 14.1833H4.22447C3.55539 14.1833 3.00797 13.6359 3.00797 12.9668V5.42448C3.00797 4.75539 3.55539 4.20797 4.22447 4.20797H7.99566C8.27371 4.20797 8.49964 3.98204 8.49964 3.70398C8.49964 3.42592 8.27371 3.2 7.99566 3.2H4.22447C2.99928 3.2 2 4.19928 2 5.42448V12.9755C2 14.2007 2.99928 15.2 4.22447 15.2H11.7755C13.0007 15.2 14 14.2007 14 12.9755V9.20435C14 8.92629 13.7741 8.70036 13.496 8.70036V8.69167Z" }, null, -1), o("path", { d: "M15.1084 1.6H10.0653C9.79408 1.6 9.57371 1.82066 9.57371 2.09225C9.57371 2.36383 9.79408 2.58449 10.0653 2.58449H13.9218L6.94621 9.56083C6.75126 9.75603 6.75126 10.0616 6.94621 10.2568C7.14115 10.452 7.45476 10.4435 7.64122 10.2568L14.6168 3.28043V7.14203C14.6168 7.41361 14.8372 7.63427 15.1084 7.63427C15.3796 7.63427 15.6 7.41361 15.6 7.14203V2.09225C15.6 1.82066 15.3796 1.6 15.1084 1.6Z" }, null, -1)]], 8, pt)) : e.name === "chevron-down" ? (v(), a("svg", {
+			key: 7,
+			width: e.size ?? 16,
+			height: e.size ?? 16,
+			viewBox: "0 0 16 16",
+			fill: "none"
+		}, [...n[7] ||= [o("path", {
+			d: "M4 6l4 4 4-4",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)]], 8, mt)) : e.name === "warning" ? (v(), a("svg", {
+			key: 8,
+			width: e.size ?? 16,
+			height: (e.size ?? 16) * 14.4 / 16,
+			viewBox: "0 0 16 14.4",
+			fill: "currentColor"
+		}, [...n[8] ||= [o("path", { d: "M15.8568 12.7841L8.91585 0.538566C8.50877 -0.179522 7.49127 -0.179522 7.08419 0.538566L0.143286 12.7841C-0.263791 13.5022 0.244959 14.4 1.05911 14.4H14.9409C15.7551 14.4 16.2638 13.5022 15.8568 12.7841ZM7.62818 4.62113C7.871 4.47245 8.17448 4.47245 8.4173 4.62113C8.66763 4.77452 8.81032 5.05952 8.78548 5.35589L8.4329 9.54183C8.41037 9.79368 8.24188 9.95393 8.01716 9.95393C7.79244 9.95393 7.63511 9.79368 7.61258 9.54183L7.26 5.35589C7.23497 5.05952 7.37785 4.77452 7.62818 4.62113ZM8.87156 11.6941C8.87156 12.1406 8.5105 12.484 8.01716 12.484C7.52381 12.484 7.16276 12.1406 7.16276 11.6941V11.5796C7.16276 11.1332 7.53575 10.7897 8.01716 10.7897C8.49856 10.7897 8.87156 11.1332 8.87156 11.5796V11.6941Z" }, null, -1)]], 8, ht)) : i("", !0);
+	}
+}), gt = { class: "input-bar" }, _t = { class: "input-bar__field" }, vt = ["placeholder"], yt = { class: "input-bar__buttons" }, bt = ["data-tooltip"], xt = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "InputBar",
+	props: {
+		busy: { type: Boolean },
+		showMic: { type: Boolean }
+	},
+	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);
+		A(d, (e) => {
+			e ? _.value && (C.value = !0) : C.value = !1;
+		});
+		function w() {
+			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;
+		g(() => {
+			w(), document.fonts.ready.then(w);
+			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() {
+			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());
+		}
+		return (t, n) => (v(), a("div", gt, [o("div", _t, [M(o("textarea", {
+			ref_key: "field",
+			ref: f,
+			"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
+			class: "input-bar__textarea",
+			rows: "1",
+			placeholder: D(u).composer.placeholder,
+			onKeydown: O
+		}, null, 40, vt), [[k, d.value]]), o("div", yt, [e.showMic && D(m) ? (v(), r(X, {
+			key: 0,
+			label: D(u).composer.dictateLabel,
+			class: p({ "input-bar__button--listening": D(_) }),
+			onClick: D(y)
+		}, {
+			default: j(() => [l(Z, { name: "mic" })]),
+			_: 1
+		}, 8, [
+			"label",
+			"class",
+			"onClick"
+		])) : e.showMic ? (v(), a("span", {
+			key: 1,
+			class: "input-bar__mic-unsupported",
+			"data-tooltip": D(u).composer.micUnsupported
+		}, [l(Z, { name: "warning" })], 8, bt)) : i("", !0), e.busy ? (v(), r(X, {
+			key: 2,
+			label: D(u).composer.stopLabel,
+			onClick: n[1] ||= (e) => c("stop")
+		}, {
+			default: j(() => [l(Z, { name: "stop" })]),
+			_: 1
+		}, 8, ["label"])) : (v(), r(X, {
+			key: 3,
+			class: "input-bar__send",
+			label: D(u).composer.sendLabel,
+			disabled: !x.value,
+			onClick: E
+		}, {
+			default: j(() => [l(Z, {
+				name: "send",
+				size: 20
+			})]),
+			_: 1
+		}, 8, ["label", "disabled"]))])])]));
+	}
+}), [["__scopeId", "data-v-752f72a0"]]), 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) {
+		return e.scrollTop + e.clientHeight >= e.scrollHeight - St - 1;
+	}
+	function u() {
+		let t = e.value;
+		if (!t) return;
+		let o = t.scrollTop, c = o < i, u = o > i;
+		i = o, !r && (c ? (n.value = "manual", a = !1) : n.value === "manual" && u ? a = !0 : u && n.value === "following" && o > b(t) + Et && (n.value = "manual", a = !0), n.value === "manual" && a && l(t) && (n.value = "following", s = !0, a = !1));
+	}
+	function d(e) {
+		e.deltaY < 0 ? (n.value = "manual", a = !1) : e.deltaY > 0 && n.value === "manual" && (a = !0);
+	}
+	let p = 0;
+	function m(e) {
+		let t = e.touches[0];
+		t && (p = t.clientY);
+	}
+	function g(e) {
+		let t = e.touches[0];
+		if (!t) return;
+		let r = t.clientY;
+		r > p ? (n.value = "manual", a = !1) : r < p && n.value === "manual" && (a = !0);
+	}
+	function _(e) {
+		e.addEventListener("scroll", u, { passive: !0 }), e.addEventListener("wheel", d, { passive: !0 }), e.addEventListener("touchstart", m, { passive: !0 }), e.addEventListener("touchmove", g, { passive: !0 }), i = e.scrollTop;
+	}
+	function v(e) {
+		e.removeEventListener("scroll", u), e.removeEventListener("wheel", d), e.removeEventListener("touchstart", m), e.removeEventListener("touchmove", g);
+	}
+	let y = null;
+	A(e, (e, t) => {
+		t && v(t), e && _(e), y = e ?? null;
+	}, { immediate: !0 }), h(() => {
+		y && v(y), y = null, o !== null && (cancelAnimationFrame(o), o = null);
+	});
+	function b(e) {
+		let n = e.scrollHeight - e.clientHeight;
+		if (s || c() === "bottom") return n;
+		let r = t.anchor?.();
+		if (!r) return n;
+		let i = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop;
+		return Math.min(n, i - Tt);
+	}
+	function x() {
+		c() !== "off" && f(() => {
+			if (o !== null) return;
+			let t = () => {
+				o = null;
+				let i = e.value;
+				if (!i || n.value !== "following") return;
+				let a = b(i), s = a - i.scrollTop;
+				s <= 0 || (r = !0, s > Ct || s <= 1 ? i.scrollTop = a : (i.scrollTop += Math.max(1, s * wt), o = requestAnimationFrame(t)), requestAnimationFrame(() => {
+					r = !1;
+				}));
+			};
+			o = requestAnimationFrame(t);
+		});
+	}
+	function C() {
+		n.value = "following", s = !1;
+	}
+	return {
+		glideToBottom: x,
+		resetToFollowing: C
+	};
+}
+//#endregion
+//#region src/services/citations.ts
+var Ot = /\[\^(\d+)\]/g;
+function kt(e) {
+	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+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]));
+	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>`;
+		}
+		return n.pendingMarkers ? At : e;
+	});
+}
+//#endregion
+//#region src/components/CitationPopover.vue?vue&type=script&setup=true&lang.ts
+var Mt = { class: "citation-popover__source" }, Nt = ["src"], Pt = { class: "citation-popover__badge" }, Ft = { class: "citation-popover__source-text" }, It = { class: "citation-popover__title" }, Lt = {
+	key: 0,
+	class: "citation-popover__page"
+}, Rt = { class: "citation-popover__passage-block" }, zt = { class: "citation-popover__passage-label" }, Bt = { class: "citation-popover__passage" }, Vt = {
+	key: 0,
+	class: "citation-popover__notice"
+}, Ht = {
+	key: 1,
+	class: "citation-popover__footer"
+}, Ut = ["href"], Wt = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "CitationPopover",
+	props: { citation: {} },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let r = e, s = t, u = z(), d = S(!1);
+		A(() => r.citation.screenshotUrl, () => {
+			d.value = !1;
+		});
+		let f = n(() => !!r.citation.screenshotUrl && !d.value), p = n(() => G(r.citation.passage)), m = n(() => G(r.citation.title || "Source"));
+		function g() {
+			let e = r.citation.textPage ?? r.citation.page;
+			return e === void 0 ? null : `p. ${e}`;
+		}
+		let _ = n(() => r.citation.canonicalLink ?? r.citation.link), y = S(!1), b;
+		async function x() {
+			if (_.value) try {
+				await navigator.clipboard.writeText(_.value), y.value = !0, clearTimeout(b), b = setTimeout(() => {
+					y.value = !1;
+				}, 2e3);
+			} catch {}
+		}
+		return h(() => clearTimeout(b)), (t, n) => (v(), a("div", {
+			class: "citation-popover",
+			onKeydown: n[1] ||= N((e) => s("close"), ["esc"])
+		}, [
+			o("div", Mt, [
+				f.value ? (v(), a("img", {
+					key: 0,
+					class: "citation-popover__thumb",
+					src: e.citation.screenshotUrl,
+					onError: n[0] ||= (e) => d.value = !0
+				}, null, 40, Nt)) : i("", !0),
+				o("span", Pt, E(e.citation.label), 1),
+				o("div", Ft, [o("p", It, E(m.value), 1), g() ? (v(), a("p", Lt, E(g()), 1)) : i("", !0)])
+			]),
+			o("div", Rt, [o("p", zt, E(D(u).sources.citedPassageLabel), 1), o("blockquote", Bt, E(p.value), 1)]),
+			D(u).sources.noticeLine ? (v(), a("p", Vt, E(D(u).sources.noticeLine), 1)) : i("", !0),
+			e.citation.link ? (v(), a("div", Ht, [o("button", {
+				type: "button",
+				class: "citation-popover__copy",
+				onClick: x
+			}, [c(E(y.value ? D(u).sources.copiedLabel : D(u).sources.copyUrlLabel) + " ", 1), l(Z, { name: "copy" })]), o("a", {
+				class: "citation-popover__open",
+				href: e.citation.link,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, [c(E(D(u).sources.openSourceLabel) + " ", 1), l(Z, { name: "external-link" })], 8, Ut)])) : i("", !0)
+		], 32));
+	}
+}), [["__scopeId", "data-v-c713f6b3"]]), Gt = { class: "feedback" }, Kt = { class: "feedback__question" }, qt = { class: "feedback__thumbs" }, Jt = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "FeedbackRow",
+	props: { feedback: {} },
+	emits: ["rate"],
+	setup(e, { emit: t }) {
+		let n = t, r = z();
+		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" }]),
+			onClick: i[0] ||= (e) => n("rate", "POSITIVE")
+		}, [l(Z, { name: "thumb-up" })], 2), o("button", {
+			type: "button",
+			class: p(["feedback__thumb", { "is-active": e.feedback === "NEGATIVE" }]),
+			onClick: i[1] ||= (e) => n("rate", "NEGATIVE")
+		}, [l(Z, { name: "thumb-down" })], 2)])]));
+	}
+}), [["__scopeId", "data-v-6aa14982"]]), Yt = { class: "page-image-modal__card" }, Xt = { class: "page-image-modal__header" }, Zt = { class: "page-image-modal__heading" }, Qt = { class: "page-image-modal__title" }, $t = {
+	key: 0,
+	class: "page-image-modal__detail"
+}, en = ["src"], tn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "PageImageModal",
+	props: {
+		url: {},
+		title: {},
+		detail: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: n }) {
+		let s = n, c = z();
+		function l(e) {
+			e.key === "Escape" && s("close");
+		}
+		return g(() => document.addEventListener("keydown", l)), h(() => document.removeEventListener("keydown", l)), (n, l) => (v(), r(t, { to: "body" }, [o("div", {
+			class: "page-image-modal",
+			onClick: l[1] ||= P((e) => s("close"), ["self"])
+		}, [o("div", Yt, [o("div", Xt, [o("div", Zt, [o("p", Qt, E(e.title), 1), e.detail ? (v(), a("p", $t, E(e.detail), 1)) : i("", !0)]), o("button", {
+			type: "button",
+			class: "page-image-modal__close",
+			onClick: l[0] ||= (e) => s("close")
+		}, E(D(c).sources.closeLabel), 1)]), o("img", {
+			class: "page-image-modal__image",
+			src: e.url
+		}, null, 8, en)])])]));
+	}
+}), [["__scopeId", "data-v-33820e23"]]), nn = { class: "source-card" }, rn = ["aria-expanded", "aria-label"], an = { class: "source-card__front" }, on = { class: "source-card__heading" }, sn = { class: "source-card__details" }, cn = ["src"], ln = { class: "source-card__naming" }, un = {
+	key: 0,
+	class: "source-card__title"
+}, dn = ["href"], fn = {
+	key: 0,
+	class: "source-card__body"
+}, pn = { class: "source-card__reference-heading" }, mn = ["src", "onClick"], hn = { class: "source-card__reference-text" }, gn = {
+	key: 0,
+	class: "source-card__page-line"
+}, _n = {
+	key: 1,
+	class: "source-card__passage"
+}, vn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "SourceCard",
+	props: {
+		source: {},
+		index: {}
+	},
+	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);
+		A(g, () => {
+			_.value = !1;
+		});
+		let y = n(() => s.source.results.filter((e) => e.content?.trim() || e.metadata?.screenshotUrl));
+		function b(e) {
+			return G(Ge(e.content ?? "")).trim();
+		}
+		function x(e) {
+			let { page: t, textPage: n } = e.metadata ?? {};
+			return [t === void 0 ? "" : R(d.sources.pageLabel, { page: t }), n === void 0 ? "" : R(d.sources.textPageLabel, { textPage: n })].filter(Boolean).join(", ");
+		}
+		function w(e) {
+			let t = e.metadata?.screenshotUrl;
+			t && u("viewPage", {
+				url: t,
+				title: m.value || R(d.sources.sourceLabel, { n: s.index + 1 }),
+				detail: x(e)
+			});
+		}
+		return (n, r) => (v(), a("div", nn, [
+			o("button", {
+				type: "button",
+				class: p(["source-card__toggle", { "source-card__toggle--open": f.value }]),
+				"aria-expanded": f.value,
+				"aria-label": f.value ? D(d).sources.collapseLabel : D(d).sources.expandLabel,
+				onClick: r[0] ||= (e) => f.value = !f.value
+			}, [l(Z, { name: "chevron-down" })], 10, rn),
+			o("div", an, [o("p", on, E(D(R)(D(d).sources.sourceLabel, { n: t.index + 1 })), 1), o("div", sn, [g.value && !_.value ? (v(), a("img", {
+				key: 0,
+				class: "source-card__cover",
+				src: g.value,
+				onError: r[1] ||= (e) => _.value = !0
+			}, null, 40, cn)) : i("", !0), o("div", ln, [m.value ? (v(), a("p", un, E(m.value), 1)) : i("", !0), h.value ? (v(), a("a", {
+				key: 1,
+				class: "source-card__link",
+				href: h.value,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, [c(E(D(d).sources.openSourceLabel) + " ", 1), l(Z, { name: "external-link" })], 8, dn)) : i("", !0)])])]),
+			f.value && y.value.length > 0 ? (v(), a("div", fn, [o("p", pn, E(D(d).sources.referenceLabel), 1), (v(!0), a(e, null, C(y.value, (e, t) => (v(), a("div", {
+				key: t,
+				class: "source-card__reference"
+			}, [e.metadata?.screenshotUrl ? (v(), a("img", {
+				key: 0,
+				class: "source-card__page-thumb",
+				src: e.metadata.screenshotUrl,
+				onClick: (t) => w(e)
+			}, null, 8, mn)) : i("", !0), o("div", hn, [x(e) ? (v(), a("p", gn, E(x(e)), 1)) : i("", !0), b(e) ? (v(), a("p", _n, E(b(e)), 1)) : i("", !0)])]))), 128))])) : i("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-49b414a6"]]), yn = {
+	key: 0,
+	class: "source-list"
+}, bn = {
+	key: 0,
+	class: "source-list__intro"
+}, xn = {
+	key: 1,
+	class: "source-list__notice"
+}, Sn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "SourceList",
+	props: { sources: {} },
+	setup(t) {
+		let n = z(), 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, {
+				key: e.entityId ?? t,
+				source: e,
+				index: t,
+				onViewPage: c[0] ||= (e) => o.value = e
+			}, null, 8, ["source", "index"]))), 128)),
+			D(n).sources.noticeLine ? (v(), a("p", xn, E(D(n).sources.noticeLine), 1)) : i("", !0),
+			o.value ? (v(), r(tn, {
+				key: 2,
+				url: o.value.url,
+				title: o.value.title,
+				detail: o.value.detail,
+				onClose: c[1] ||= (e) => o.value = null
+			}, null, 8, [
+				"url",
+				"title",
+				"detail"
+			])) : i("", !0)
+		])) : i("", !0);
+	}
+}), [["__scopeId", "data-v-124ee2ae"]]), Cn = {
+	key: 0,
+	class: "thinking__sparkles"
+}, wn = {
+	key: 1,
+	class: "thinking__dots"
+}, Tn = {
+	key: 2,
+	class: "thinking__spinner"
+}, En = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "ThinkingAnimation",
+	props: { variant: {} },
+	setup(t) {
+		return (n, r) => t.variant === "sparkles" ? (v(), a("span", Cn, [(v(), a(e, null, C(3, (e) => o("svg", {
+			key: e,
+			class: "thinking__sparkle",
+			viewBox: "0 0 16 16"
+		}, [...r[0] ||= [o("path", {
+			d: "M8 0 Q9.4 6.6 16 8 Q9.4 9.4 8 16 Q6.6 9.4 0 8 Q6.6 6.6 8 0 Z",
+			fill: "currentColor"
+		}, null, -1)]])), 64))])) : t.variant === "dots" ? (v(), a("span", wn, [(v(), a(e, null, C(3, (e) => o("span", {
+			key: e,
+			class: "thinking__dot"
+		})), 64))])) : (v(), a("span", Tn));
+	}
+}), [["__scopeId", "data-v-a73d8186"]]), Dn = { class: "thinking-process" }, On = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "ThinkingProcess",
+	props: {
+		text: {},
+		streaming: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = z(), r = S(t.streaming === !0), s = S(null);
+		return A(() => t.text, async () => {
+			if (!t.streaming || !r.value) return;
+			await f();
+			let e = s.value;
+			e && (e.scrollTop = e.scrollHeight);
+		}), (t, c) => (v(), a("div", Dn, [o("button", {
+			type: "button",
+			class: "thinking-process__toggle",
+			onClick: c[0] ||= (e) => r.value = !r.value
+		}, E(r.value ? D(n).reasoning.hideLabel : D(n).reasoning.showLabel), 1), r.value ? (v(), a("div", {
+			key: 0,
+			ref_key: "body",
+			ref: s,
+			class: "thinking-process__body"
+		}, E(e.text), 513)) : i("", !0)]));
+	}
+}), [["__scopeId", "data-v-3dcefa4f"]]), kn = { class: "assistant-message" }, An = {
+	class: "assistant-message__header",
+	"data-reply-start": ""
+}, jn = { class: "assistant-message__avatar" }, Mn = { class: "assistant-message__name" }, Nn = {
+	key: 0,
+	class: "assistant-message__out-of-scope"
+}, Pn = { class: "assistant-message__body-wrap" }, Fn = ["innerHTML"], In = {
+	key: 3,
+	class: "assistant-message__error"
+}, Ln = {
+	key: 4,
+	class: "assistant-message__footer"
+}, Rn = {
+	key: 0,
+	class: "assistant-message__actions"
+}, zn = 350, Q = 12, $ = 4, Bn = 280, Vn = 160, Hn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "AssistantMessage",
+	props: {
+		message: {},
+		citationType: {},
+		showThinking: { type: Boolean },
+		thinkingVariant: {},
+		showCopy: { type: Boolean }
+	},
+	emits: [
+		"rate",
+		"retry",
+		"citationClick"
+	],
+	setup(e, { emit: s }) {
+		let c = e, u = s, d = z(), f = O();
+		function p() {
+			return (c.showCopy === !0 || !!f["message-actions"]) && !c.message.isStreaming && !!c.message.text;
+		}
+		let g = S(!1), _;
+		async function y() {
+			try {
+				await navigator.clipboard.writeText(c.message.text), g.value = !0, clearTimeout(_), _ = setTimeout(() => {
+					g.value = !1;
+				}, 2e3);
+			} catch {}
+		}
+		function b() {
+			let e = c.message;
+			return !e.isStreaming && !e.isOutOfScope && !e.failed && !!e.basecampMessageId && !!e.text;
+		}
+		let x = n(() => c.citationType === "list" ? c.message.html : jt(c.message.html, c.message.citations, { pendingMarkers: c.message.isStreaming })), C = S(null), T = S({}), k = S(null);
+		function A(e) {
+			let t = e.getBoundingClientRect(), n = Math.min(zn, window.innerWidth - 24), r = Math.min(Math.max(Q, t.right - n), window.innerWidth - n - Q), i = window.innerHeight - t.bottom - $ - Q, a = t.top - $ - Q, o = i >= Bn || i >= a, s = Math.max(Vn, o ? i : a);
+			return {
+				left: `${r}px`,
+				width: `${n}px`,
+				maxHeight: `${s}px`,
+				...o ? { top: `${t.bottom + $}px` } : { bottom: `${window.innerHeight - t.top + $}px` }
+			};
+		}
+		function M(e) {
+			let t = e.target.closest?.(".citation-chip");
+			if (!(t instanceof HTMLElement) || !k.value) return;
+			let n = c.message.citations.find((e) => e.ref === Number(t.dataset.citationRef));
+			if (!n || n === C.value) {
+				C.value = null;
+				return;
+			}
+			T.value = A(t), C.value = n, u("citationClick", c.message.id, n);
+		}
+		function N(e) {
+			(e.key === "Enter" || e.key === " ") && (M(e), e.preventDefault());
+		}
+		function P(e) {
+			let t = e.target;
+			t.closest?.(".citation-chip") || t.closest?.(".citation-popover") || (C.value = null);
+		}
+		function F() {
+			C.value = null;
+		}
+		function I(e) {
+			let t = e.target;
+			t instanceof HTMLElement && t.closest?.(".citation-popover") || F();
+		}
+		return document.addEventListener("click", P), window.addEventListener("scroll", I, !0), window.addEventListener("resize", F), h(() => {
+			document.removeEventListener("click", P), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", F), clearTimeout(_);
+		}), (n, s) => (v(), a("div", kn, [
+			o("div", An, [
+				o("span", jn, [l(Z, { name: "sparkle" })]),
+				o("p", Mn, E(D(d).roles.assistant), 1),
+				e.message.isReceiving ? (v(), r(En, {
+					key: 0,
+					variant: e.thinkingVariant
+				}, null, 8, ["variant"])) : i("", !0)
+			]),
+			e.message.isOutOfScope ? (v(), a("div", Nn, [l(Z, { name: "warning" }), o("span", null, E(D(d).outOfScope.label), 1)])) : i("", !0),
+			e.showThinking && e.message.thinking ? (v(), r(On, {
+				key: 1,
+				text: e.message.thinking
+			}, null, 8, ["text"])) : i("", !0),
+			o("div", Pn, [o("div", {
+				ref_key: "body",
+				ref: k,
+				class: "assistant-message__body",
+				innerHTML: x.value,
+				onClick: M,
+				onKeydown: N
+			}, null, 40, Fn), (v(), r(t, { to: "body" }, [C.value ? (v(), r(Wt, {
+				key: 0,
+				class: "assistant-message__popover",
+				style: m(T.value),
+				citation: C.value,
+				onClose: s[0] ||= (e) => C.value = null
+			}, null, 8, ["style", "citation"])) : i("", !0)]))]),
+			e.citationType === "list" && !e.message.isStreaming ? (v(), r(Sn, {
+				key: 2,
+				sources: e.message.sources
+			}, null, 8, ["sources"])) : i("", !0),
+			e.message.failed ? (v(), a("div", In, [o("span", null, E(D(d).status.error), 1), o("button", {
+				type: "button",
+				class: "assistant-message__retry",
+				onClick: s[1] ||= (e) => u("retry")
+			}, E(D(d).status.retryLabel), 1)])) : i("", !0),
+			p() || b() ? (v(), a("div", Ln, [p() ? (v(), a("div", Rn, [w(n.$slots, "message-actions", { message: e.message }, void 0, !0), e.showCopy ? (v(), r(X, {
+				key: 0,
+				label: g.value ? D(d).actions.copiedLabel : D(d).actions.copyLabel,
+				class: "assistant-message__copy",
+				onClick: y
+			}, {
+				default: j(() => [l(Z, { name: "copy" })]),
+				_: 1
+			}, 8, ["label"])) : i("", !0)])) : i("", !0), b() ? (v(), r(Jt, {
+				key: 1,
+				feedback: e.message.feedback,
+				onRate: s[2] ||= (t) => u("rate", e.message.id, t)
+			}, null, 8, ["feedback"])) : i("", !0)])) : i("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-81f04579"]]), Un = { class: "thinking" }, Wn = {
+	key: 0,
+	class: "thinking__label"
+}, Gn = 2e3, Kn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "ThinkingIndicator",
+	props: {
+		variant: {},
+		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;
+		return g(() => {
+			if (o.value.length < 2) return;
+			let e = () => {
+				s.value >= o.value.length - 1 || (s.value += 1, u = setTimeout(e, Gn));
+			};
+			u = setTimeout(e, Gn);
+		}), h(() => clearTimeout(u)), (t, n) => (v(), a("div", Un, [c.value ? (v(), a("span", Wn, E(c.value), 1)) : i("", !0), l(En, { variant: e.variant }, null, 8, ["variant"])]));
+	}
+}), [["__scopeId", "data-v-c804834e"]]), qn = { class: "user-message" }, Jn = { class: "user-message__bubble" }, Yn = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "UserMessage",
+	props: { message: {} },
+	setup(e) {
+		return (t, n) => (v(), a("div", qn, [o("div", Jn, E(e.message.text), 1)]));
+	}
+}), [["__scopeId", "data-v-2eb946f2"]]), Xn = {
+	key: 0,
+	class: "message-list__welcome"
+}, Zn = { class: "message-list__welcome-fallback" }, Qn = {
+	key: 0,
+	class: "message-list__welcome-eyebrow"
+}, $n = { class: "message-list__welcome-heading" }, er = { class: "message-list__welcome-body" }, tr = {
+	key: 3,
+	class: "message-list__error"
+}, nr = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "MessageList",
+	props: {
+		engine: {},
+		citationType: {},
+		thinkingVariant: {},
+		rotateThinkingLabel: { type: Boolean },
+		showThinking: { type: Boolean },
+		autoScroll: {},
+		showCopy: { type: Boolean }
+	},
+	emits: ["rated"],
+	setup(t, { emit: n }) {
+		let c = t, l = n, u = z(), 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;
+				let e = d.value?.querySelectorAll("[data-reply-start]");
+				return e?.[e.length - 1] ?? null;
+			}
+		});
+		A(() => c.engine.messages.value.length, (e, t) => {
+			e > t && c.engine.messages.value.at(-1)?.role === "user" && p();
+		}), A(() => [
+			c.engine.messages.value.length,
+			c.engine.messages.value.at(-1)?.html,
+			c.engine.status.value
+		], () => f());
+		function m(e, t) {
+			let n = c.engine.messages.value.find((t) => t.id === e);
+			if (!n) return;
+			let r = n.feedback;
+			c.engine.setFeedback(e, t), n.feedback !== r && l("rated", n, n.feedback);
+		}
+		return (n, c) => (v(), a("div", {
+			ref_key: "scroller",
+			ref: d,
+			class: "message-list"
+		}, [
+			t.engine.messages.value.length === 0 ? (v(), a("div", Xn, [w(n.$slots, "welcome", {}, () => [o("div", Zn, [
+				D(u).welcome.eyebrow ? (v(), a("p", Qn, E(D(u).welcome.eyebrow), 1)) : i("", !0),
+				o("h2", $n, E(D(u).welcome.heading), 1),
+				o("p", er, E(D(u).welcome.body), 1)
+			])], !0)])) : i("", !0),
+			(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,
+				message: i,
+				"citation-type": t.citationType,
+				"show-thinking": t.showThinking,
+				"thinking-variant": t.thinkingVariant,
+				"show-copy": t.showCopy,
+				onRate: m,
+				onRetry: c[0] ||= () => t.engine.retry(),
+				onCitationClick: c[1] ||= (e, n) => t.engine.noteCitationClick(e, n)
+			}, s({ _: 2 }, [n.$slots["message-actions"] ? {
+				name: "message-actions",
+				fn: j(({ message: e }) => [w(n.$slots, "message-actions", { message: e }, void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"message",
+				"citation-type",
+				"show-thinking",
+				"thinking-variant",
+				"show-copy"
+			]))], 64))), 128)),
+			t.engine.status.value === "thinking" ? (v(), r(Kn, {
+				key: 1,
+				variant: t.thinkingVariant,
+				"rotate-label": t.rotateThinkingLabel
+			}, null, 8, ["variant", "rotate-label"])) : i("", !0),
+			t.showThinking && t.engine.liveThinking.value ? (v(), r(On, {
+				key: 2,
+				text: t.engine.liveThinking.value,
+				streaming: ""
+			}, null, 8, ["text"])) : i("", !0),
+			t.engine.error.value ? (v(), a("div", tr, [o("span", null, E(t.engine.errorKind.value === "rate-limited" ? D(u).status.rateLimited : D(u).status.error), 1), o("button", {
+				type: "button",
+				class: "message-list__retry",
+				onClick: c[2] ||= () => t.engine.retry()
+			}, E(D(u).status.retryLabel), 1)])) : i("", !0)
+		], 512));
+	}
+}), [["__scopeId", "data-v-1e679b5e"]]), rr = { class: "chat" }, ir = /*#__PURE__*/ Y(/* @__PURE__ */ u({
+	__name: "Chat",
+	props: {
+		engine: {},
+		copy: {},
+		showMic: { type: Boolean },
+		citationType: {},
+		thinkingVariant: {},
+		rotateThinkingLabel: { type: Boolean },
+		showThinking: { type: Boolean },
+		autoScroll: {},
+		showCopy: { type: Boolean }
+	},
+	emits: ["rated"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return ie(n.copy), (t, n) => (v(), a("div", rr, [l(nr, {
+			engine: e.engine,
+			"citation-type": e.citationType ?? "inline",
+			"thinking-variant": e.thinkingVariant,
+			"rotate-thinking-label": e.rotateThinkingLabel,
+			"show-thinking": e.showThinking,
+			"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, [
+			"engine",
+			"citation-type",
+			"thinking-variant",
+			"rotate-thinking-label",
+			"show-thinking",
+			"auto-scroll",
+			"show-copy"
+		]), 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"])]));
+	}
+}), [["__scopeId", "data-v-f63ed144"]]);
+//#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 };
+
+//# sourceMappingURL=chat-kit.js.map