@icanbwell/baileyai-chat-ui 0.4.3 → 0.5.0

package/dist/baileyai-chat-ui.js

@@ -105,38 +105,38 @@ function S(e) {
 }
 //#endregion
 //#region src/logic/useBaileyChat.ts
-var C = 200, w = 15e4, ee = (e, t, n) => {
+var C = 200, w = 15e4, T = (e, t, n) => {
 	if (e === 401 || e === 403) return "Bailey isn't reachable with your current login.";
 	let r = `Bailey request failed (status ${e ?? "network error"}).`, i = (n || t || "").trim();
 	return i ? `${r} ${i.length > C ? `${i.slice(0, C)}…` : i}` : r;
-}, T = ({ transport: e, model: t, instructions: i, tools: s = [], toolChoice: c, firstUserMessagePrefix: l, onAssistantMessageComplete: u, idleTimeoutMs: d = w }) => {
-	let [f, p] = o([]), [m, h] = o([]), [g, _] = o(null), [v, y] = o("idle"), [x, C] = o(null), T = a(null), E = a(""), D = a(0), O = a([]);
+}, E = ({ transport: e, model: t, instructions: i, tools: s = [], toolChoice: c, firstUserMessagePrefix: l, onAssistantMessageComplete: u, idleTimeoutMs: d = w }) => {
+	let [f, p] = o([]), [m, h] = o([]), [g, _] = o(null), [v, y] = o("idle"), [x, C] = o(null), E = a(null), D = a(""), O = a(0), k = a([]);
 	r(() => {
-		O.current = f;
+		k.current = f;
 	}, [f]);
-	let k = a(/* @__PURE__ */ new Map()), A = a(/* @__PURE__ */ new Map()), j = a(null), M = n(() => {
-		j.current !== null && (clearTimeout(j.current), j.current = null);
-	}, []), N = n((e) => {
-		M(), j.current = setTimeout(() => {
+	let A = a([]), j = a(/* @__PURE__ */ new Map()), M = a(/* @__PURE__ */ new Map()), N = a(null), P = n(() => {
+		N.current !== null && (clearTimeout(N.current), N.current = null);
+	}, []), F = n((e) => {
+		P(), N.current = setTimeout(() => {
 			e.abort(new DOMException("The assistant took too long to respond. Please try again.", "TimeoutError"));
 		}, d);
-	}, [M, d]), P = n((e, t, n) => {
+	}, [P, d]), I = n((e, t, n) => {
 		let r = (e) => {
 			n.push(e), h((t) => [...t, e]);
 		};
 		if (t.type === "response.output_text.delta") {
 			if (!t.delta) return !1;
-			let n = k.current.get(e) ?? {
+			let n = j.current.get(e) ?? {
 				raw: "",
 				emittedCount: 0
 			};
 			n.raw += t.delta;
 			let { cleanedText: i, matches: a } = b(n.raw), o = i.trim(), s = a.slice(n.emittedCount);
-			if (n.emittedCount = a.length, k.current.set(e, n), A.current.set(e, o), p((t) => t.map((t) => t.id === e ? {
+			if (n.emittedCount = a.length, j.current.set(e, n), M.current.set(e, o), p((t) => t.map((t) => t.id === e ? {
 				...t,
 				content: o
 			} : t)), s.length > 0) {
-				let e = Date.now(), t = D.current;
+				let e = Date.now(), t = O.current;
 				s.forEach((n) => r({
 					kind: "pseudo_tool_call",
 					name: n.name,
@@ -150,7 +150,7 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 		if (t.type === "response.output_item.added" || t.type === "response.output_item.done") {
 			let e = t.item;
 			if (e.type === "function_call" || e.type === "mcp_call") {
-				let n = Date.now(), i = D.current, a = e.name || "unknown_tool";
+				let n = Date.now(), i = O.current, a = e.name || "unknown_tool";
 				return r(t.type === "response.output_item.added" ? {
 					kind: "tool_start",
 					name: a,
@@ -175,32 +175,32 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 			status: t.status,
 			message: t.message,
 			at: Date.now(),
-			turnSentAt: D.current
+			turnSentAt: O.current
 		}), !0) : t.type === "response.output_text.done" || t.type === "response.created" || t.type === "response.completed" ? !1 : t.type === "info" ? (r({
 			kind: "info",
 			message: t.message,
 			at: Date.now(),
-			turnSentAt: D.current
+			turnSentAt: O.current
 		}), !0) : (r({
 			kind: "raw",
 			eventType: t.type,
 			raw: JSON.stringify(t),
 			at: Date.now(),
-			turnSentAt: D.current
+			turnSentAt: O.current
 		}), !0);
-	}, []), F = n(async (n) => {
+	}, []), L = n(async (n) => {
 		y("streaming"), C(null);
 		let r = Date.now();
-		D.current = r;
-		let a = crypto.randomUUID();
-		p((e) => [...e, {
+		O.current = r;
+		let a = crypto.randomUUID(), o = {
 			id: a,
 			role: "assistant",
 			content: "",
 			streaming: !0,
 			createdAt: r
-		}]);
-		let o = n.map((e, t) => t === 0 && e.role === "user" && l ? {
+		};
+		p((e) => [...e, o]), A.current = [...n, o];
+		let d = n.findIndex((e) => e.role === "user" && !e.hidden), f = n.map((e, t) => t === d && l ? {
 			role: e.role,
 			content: `${l}${e.content}`
 		} : {
@@ -210,7 +210,7 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 		_({
 			model: t,
 			systemPrompt: i,
-			messages: o,
+			messages: f,
 			tools: s,
 			toolChoice: c,
 			stream: !0,
@@ -221,9 +221,9 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 				lastChunkAt: null
 			}
 		});
-		let d = new AbortController();
-		T.current = d, N(d);
-		let f = "", m = null, g = !1, v = !1, b = [], x = (e, t) => {
+		let m = new AbortController();
+		E.current = m, F(m);
+		let g = "", v = null, b = !1, x = !1, w = [], D = (e, t) => {
 			y("error"), C(e);
 			let n = {
 				kind: "error",
@@ -232,38 +232,38 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 				turnSentAt: r,
 				...t
 			};
-			b.push(n), h((e) => [...e, n]);
-		}, w = (e, t) => {
+			w.push(n), h((e) => [...e, n]);
+		}, k = (e, t) => {
 			e.forEach((e) => {
 				if (e.type === "error") {
-					m = e.message;
+					v = e.message;
 					let t = {
 						kind: "error",
 						message: e.message,
 						at: Date.now(),
 						turnSentAt: r
 					};
-					b.push(t), h((e) => [...e, t]);
+					w.push(t), h((e) => [...e, t]);
 					return;
 				}
-				e.type === "response.output_text.delta" && e.delta && (v = !0), P(a, e, b) && (g = !0);
+				e.type === "response.output_text.delta" && e.delta && (x = !0), I(a, e, w) && (b = !0);
 			}), t && p((e) => e.map((e) => e.id === a ? {
 				...e,
 				streaming: !1
 			} : e));
 		};
 		try {
-			let { status: n, text: l, errorMessage: p } = await e.streamChat({
+			let { status: n, text: o, errorMessage: l } = await e.streamChat({
 				model: t,
 				instructions: i,
-				input: o,
+				input: f,
 				tools: s,
 				toolChoice: c,
-				signal: d.signal,
+				signal: m.signal,
 				onChunk: (e) => {
-					N(d), f += e;
-					let { events: t, remainder: n, done: i } = S(f);
-					f = n, w(t, i);
+					F(m), g += e;
+					let { events: t, remainder: n, done: i } = S(g);
+					g = n, k(t, i);
 					let a = Date.now();
 					_((e) => e && e.sentAt === r ? {
 						...e,
@@ -281,56 +281,62 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 					} : t);
 				}
 			});
-			if (f.trim()) {
-				let { events: e, done: t } = S(`${f}\n\n`);
-				f = "", w(e, t);
+			if (g.trim()) {
+				let { events: e, done: t } = S(`${g}\n\n`);
+				g = "", k(e, t);
 			}
-			if (m) {
-				y("error"), C(m);
+			if (v) {
+				y("error"), C(v);
 				return;
 			}
 			if (n === void 0 || n >= 400) {
-				x(ee(n, l, p), {
+				D(T(n, o, l), {
 					httpStatus: n,
-					rawBody: l || void 0
+					rawBody: o || void 0
 				});
 				return;
 			}
-			if (!g) {
-				x("Bailey returned an empty response.");
+			if (!b) {
+				D("Bailey returned an empty response.");
 				return;
 			}
-			if (!v) {
-				x("Bailey ran some tools but didn't return an answer. Try asking again.");
+			if (!x) {
+				D("Bailey ran some tools but didn't return an answer. Try asking again.");
 				return;
 			}
 			y("idle");
-			let h = A.current.get(a) ?? "";
+			let d = M.current.get(a) ?? "";
 			_((e) => e && e.sentAt === r ? {
 				...e,
-				response: { content: h }
+				response: { content: d }
 			} : e), u && await u({
 				id: a,
 				role: "assistant",
-				content: h,
+				content: d,
 				streaming: !1
-			}, b);
+			}, w);
 		} catch (e) {
 			let t = e;
 			if (t?.name === "TimeoutError") {
-				x(t.message, { source: "client-timeout" });
+				D(t.message, { source: "client-timeout" });
 				return;
 			}
 			if (t?.name === "AbortError") {
 				y("idle");
 				return;
 			}
-			x(t?.message || "Bailey request failed.");
+			D(t?.message || "Bailey request failed.");
 		} finally {
-			M(), k.current.delete(a), A.current.delete(a), p((e) => e.flatMap((e) => e.id === a ? e.content ? [{
+			P();
+			let e = M.current.get(a) ?? "";
+			j.current.delete(a), M.current.delete(a), p((e) => e.flatMap((e) => e.id === a ? e.content ? [{
 				...e,
 				streaming: !1
-			}] : [] : [e]));
+			}] : [] : [e])), A.current = A.current.flatMap((t) => t.id === a ? e ? [{
+				...t,
+				content: e,
+				streaming: !1
+			}] : [] : [t]);
 		}
 	}, [
 		e,
@@ -340,11 +346,11 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 		c,
 		l,
 		u,
-		P,
-		N,
-		M
-	]), I = n((e) => {
-		O.current = e, p(e);
+		I,
+		F,
+		P
+	]), R = n((e) => {
+		k.current = e, p(e);
 	}, []);
 	return {
 		messages: f,
@@ -355,43 +361,63 @@ var C = 200, w = 15e4, ee = (e, t, n) => {
 		send: n((e) => {
 			let t = e.trim();
 			if (!t) return;
-			E.current = t;
-			let n = [...O.current, {
+			D.current = t;
+			let n = {
 				id: crypto.randomUUID(),
 				role: "user",
 				content: t,
 				createdAt: Date.now()
-			}];
-			I(n), F(n);
-		}, [F, I]),
+			}, r = [...A.current, n];
+			A.current = r, R([...k.current, n]), L(r);
+		}, [L, R]),
+		sendHidden: n((e) => {
+			if (v === "streaming") return;
+			let t = e.trim();
+			if (!t) return;
+			D.current = t;
+			let n = {
+				id: crypto.randomUUID(),
+				role: "user",
+				content: t,
+				createdAt: Date.now(),
+				hidden: !0
+			}, r = [...A.current, n];
+			A.current = r, L(r);
+		}, [L, v]),
 		stop: n(() => {
-			T.current?.abort();
+			E.current?.abort();
 		}, []),
 		retryLast: n(() => {
-			if (!E.current) return;
-			let e = O.current, t = e[e.length - 1], n = t && t.role === "assistant" ? e.slice(0, -1) : e;
-			I(n), F(n);
-		}, [F, I]),
+			if (v === "streaming" || !D.current) return;
+			let e = k.current, t = e[e.length - 1], n = t && t.role === "assistant" ? e.slice(0, -1) : e;
+			R(n);
+			let r = A.current, i = r[r.length - 1], a = i && i.role === "assistant" ? r.slice(0, -1) : r;
+			A.current = a, L(a);
+		}, [
+			L,
+			R,
+			v
+		]),
 		clearTrace: n(() => h([]), []),
 		clearError: n(() => {
 			C(null), y((e) => e === "error" ? "idle" : e);
 		}, []),
 		newChat: n(() => {
-			T.current?.abort(), I([]), h([]), _(null), y("idle"), C(null), E.current = "";
-		}, [I])
+			E.current?.abort(), R([]), A.current = [], h([]), _(null), y("idle"), C(null), D.current = "";
+		}, [R])
 	};
 };
 //#endregion
 //#region src/utils/prompt.ts
-function E(...e) {
+function D(...e) {
 	return e.filter((e) => !!(e && e.trim())).join("\n\n");
 }
 //#endregion
 //#region src/utils/toolCalls.ts
-var D = "call_tool", O = "a tool";
-function k(e, t) {
+var O = "call_tool", k = "a tool";
+function A(e, t) {
 	let n = {
-		name: e === D ? O : e,
+		name: e === O ? k : e,
 		args: null,
 		viaCallTool: !1
 	};
@@ -404,7 +430,7 @@ function k(e, t) {
 	}
 	if (typeof r != "object" || !r) return n;
 	let i = r;
-	if (e === D) {
+	if (e === O) {
 		let e = typeof i.name == "string" ? i.name : void 0;
 		if (!e) return n;
 		let t = i.arguments;
@@ -422,32 +448,32 @@ function k(e, t) {
 }
 //#endregion
 //#region src/utils/table.ts
-var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(j).join(""), M = (e) => {
+var j = 5, M = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(M).join(""), N = (e) => {
 	if (e.tagName === "a" && e.properties?.href) return e.properties.href;
 	for (let t of e.children ?? []) {
-		let e = M(t);
+		let e = N(t);
 		if (e) return e;
 	}
-}, N = (e, t) => (e.children ?? []).find((e) => e.tagName === t), P = (e) => {
-	let t = j(e), n = M(e);
+}, P = (e, t) => (e.children ?? []).find((e) => e.tagName === t), F = (e) => {
+	let t = M(e), n = N(e);
 	return n ? {
 		text: t,
 		href: n
 	} : { text: t };
-}, F = (e) => (e.children ?? []).filter((e) => e.type === "element").map(P), I = (e) => {
+}, I = (e) => (e.children ?? []).filter((e) => e.type === "element").map(F), L = (e) => {
 	if (e.tagName !== "table") return null;
-	let t = N(e, "thead"), n = t && N(t, "tr");
+	let t = P(e, "thead"), n = t && P(t, "tr");
 	return {
-		headers: n ? F(n).map((e) => e.text) : [],
-		rows: (N(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(F)
+		headers: n ? I(n).map((e) => e.text) : [],
+		rows: (P(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(I)
 	};
-}, te = (e) => e.length > 5, ne = "When a chart would help answer a question (e.g. plotting a trend over time), include a fenced code block tagged `chartjs` containing a JSON object with this exact shape: {\"type\": \"bar\" | \"line\" | \"pie\" | \"doughnut\" | \"scatter\", \"title\"?: string, \"data\": {\"labels\": string[], \"datasets\": [{\"label\": string, \"data\": number[]}]}}. For \"scatter\" charts, omit \"labels\" and give each dataset \"data\" as an array of {\"x\": number, \"y\": number} points instead of a number array. \"pie\" and \"doughnut\" charts must have exactly one dataset. Do not include any other fields (no \"options\", no colors) — the app handles styling. Example:\n```chartjs\n{\"type\": \"line\", \"title\": \"BP readings\", \"data\": {\"labels\": [\"Jul 14\", \"Jul 21\", \"Jul 28\"], \"datasets\": [{\"label\": \"Systolic\", \"data\": [120, 118, 122]}]}}\n```", re = [
+}, R = (e) => e.length > 5, z = "When a chart would help answer a question (e.g. plotting a trend over time), include a fenced code block tagged `chartjs` containing a JSON object with this exact shape: {\"type\": \"bar\" | \"line\" | \"pie\" | \"doughnut\" | \"scatter\", \"title\"?: string, \"data\": {\"labels\": string[], \"datasets\": [{\"label\": string, \"data\": number[]}]}}. For \"scatter\" charts, omit \"labels\" and give each dataset \"data\" as an array of {\"x\": number, \"y\": number} points instead of a number array. \"pie\" and \"doughnut\" charts must have exactly one dataset. Do not include any other fields (no \"options\", no colors) — the app handles styling. Example:\n```chartjs\n{\"type\": \"line\", \"title\": \"BP readings\", \"data\": {\"labels\": [\"Jul 14\", \"Jul 21\", \"Jul 28\"], \"datasets\": [{\"label\": \"Systolic\", \"data\": [120, 118, 122]}]}}\n```", ee = [
 	"bar",
 	"line",
 	"pie",
 	"doughnut",
 	"scatter"
-], ie = 8, ae = 50, oe = 8, se = 500, ce = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", L = (e) => {
+], B = 8, V = 50, H = 8, U = 500, te = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", W = (e) => {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -456,17 +482,17 @@ var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 	}
 	if (typeof t != "object" || !t) return null;
 	let n = t;
-	if (typeof n.type != "string" || !re.includes(n.type)) return null;
+	if (typeof n.type != "string" || !ee.includes(n.type)) return null;
 	let r = n.type;
 	if (n.title !== void 0 && typeof n.title != "string") return null;
 	let i = n.title;
 	if (typeof n.data != "object" || n.data === null) return null;
 	let a = n.data;
-	if (!Array.isArray(a.datasets) || a.datasets.length < 1 || a.datasets.length > ie || (r === "pie" || r === "doughnut") && a.datasets.length !== 1) return null;
+	if (!Array.isArray(a.datasets) || a.datasets.length < 1 || a.datasets.length > B || (r === "pie" || r === "doughnut") && a.datasets.length !== 1) return null;
 	for (let e of a.datasets) if (typeof e != "object" || !e || typeof e.label != "string" || !Array.isArray(e.data)) return null;
 	let o = a.datasets;
 	if (r === "scatter") {
-		for (let e of o) if (e.data.length < 1 || e.data.length > se || !e.data.every(ce)) return null;
+		for (let e of o) if (e.data.length < 1 || e.data.length > U || !e.data.every(te)) return null;
 		return {
 			type: r,
 			title: i,
@@ -474,7 +500,7 @@ var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 		};
 	}
 	if (!Array.isArray(a.labels) || !a.labels.every((e) => typeof e == "string")) return null;
-	let s = a.labels, c = r === "pie" || r === "doughnut" ? oe : ae;
+	let s = a.labels, c = r === "pie" || r === "doughnut" ? H : V;
 	if (s.length < 1 || s.length > c) return null;
 	for (let e of o) if (e.data.length !== s.length || !e.data.every((e) => typeof e == "number")) return null;
 	return {
@@ -485,7 +511,7 @@ var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 			datasets: o
 		}
 	};
-}, le = {
+}, G = {
 	tool_start: "Tool start",
 	tool_end: "Tool end",
 	pseudo_tool_call: "Narrated tool call",
@@ -494,13 +520,13 @@ var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 	error: "Error",
 	raw: "Raw event"
 };
-function R(e) {
-	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : k(e.name, e.args);
+function K(e) {
+	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : A(e.name, e.args);
 }
-function z(e, t = R(e)) {
+function q(e, t = K(e)) {
 	return e.kind === "pseudo_tool_call" ? e.name : t?.name ?? null;
 }
-function ue(e, t = R(e)) {
+function J(e, t = K(e)) {
 	switch (e.kind) {
 		case "tool_start": return t.viaCallTool ? `${t.name} (via call_tool)` : t.name;
 		case "tool_end": return `${t.viaCallTool ? `${t.name} (via call_tool)` : t.name}${e.runtimeSeconds === void 0 ? "" : ` — ${e.runtimeSeconds.toFixed(2)}s`}${e.isError ? " — failed" : ""}`;
@@ -511,20 +537,20 @@ function ue(e, t = R(e)) {
 		case "raw": return `Unrecognized event: ${e.eventType}`;
 	}
 }
-function B(e, t = R(e)) {
+function Y(e, t = K(e)) {
 	return e.kind === "tool_start" || e.kind === "tool_end" ? t.args ? JSON.stringify(t.args, null, 2) : e.args ?? null : e.kind === "pseudo_tool_call" ? e.args ?? null : null;
 }
-function V(e) {
+function X(e) {
 	return e.kind === "tool_end" ? e.output ?? null : null;
 }
-function H(e) {
+function ne(e) {
 	return e.kind === "raw" ? e.raw : e.kind === "error" ? e.rawBody ?? null : null;
 }
-function U(e) {
+function Z(e) {
 	switch (e.kind) {
-		case "tool_start": return `Calling ${k(e.name, e.args).name}...`;
+		case "tool_start": return `Calling ${A(e.name, e.args).name}...`;
 		case "tool_end": {
-			let t = k(e.name, e.args).name;
+			let t = A(e.name, e.args).name;
 			return e.isError ? `${t} failed` : `${t} returned`;
 		}
 		case "pseudo_tool_call": return `${e.name} (written as text, not called)`;
@@ -534,11 +560,11 @@ function U(e) {
 		case "raw": return `Unrecognized event: ${e.eventType}`;
 	}
 }
-function W(e) {
+function re(e) {
 	let t = new Date(e);
 	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}.${String(t.getMilliseconds()).padStart(3, "0")}`;
 }
-function G(e) {
+function ie(e) {
 	if (e <= 0) return "+0ms";
 	if (e < 1e3) return `+${Math.round(e)}ms`;
 	let t = e / 1e3;
@@ -546,30 +572,30 @@ function G(e) {
 	let n = Math.floor(t / 60), r = Math.round(t % 60);
 	return `+${n}m${String(r).padStart(2, "0")}s`;
 }
-function K(e) {
+function ae(e) {
 	return e.map((t, n) => {
-		let r = R(t), i = n === 0 ? t.turnSentAt : e[n - 1].at;
+		let r = K(t), i = n === 0 ? t.turnSentAt : e[n - 1].at;
 		return {
 			key: `${t.at}-${n}`,
 			kind: t.kind,
-			toolName: z(t, r),
+			toolName: q(t, r),
 			isToolStart: t.kind === "tool_start",
 			failed: t.kind === "tool_end" && t.isError === !0,
-			time: W(t.at),
+			time: re(t.at),
 			gapMs: t.at - i,
-			label: t.kind === "tool_end" && t.isError === !0 ? "Tool failed" : le[t.kind],
-			summary: ue(t, r),
-			argsDetail: B(t, r),
-			outputDetail: V(t),
-			rawDetail: H(t)
+			label: t.kind === "tool_end" && t.isError === !0 ? "Tool failed" : G[t.kind],
+			summary: J(t, r),
+			argsDetail: Y(t, r),
+			outputDetail: X(t),
+			rawDetail: ne(t)
 		};
 	});
 }
-function q(e) {
+function oe(e) {
 	let t = e.filter((e) => e.kind === "tool_end"), n = t.filter((e) => e.kind === "tool_end" && e.isError), r = e.filter((e) => e.kind === "error"), i = [];
 	return t.length > 0 && i.push(`${t.length} tool call${t.length === 1 ? "" : "s"}` + (n.length > 0 ? `, ${n.length} failed` : "")), r.length > 0 && i.push(`${r.length} stream error${r.length === 1 ? "" : "s"}`), i.join(" · ");
 }
-function J(e) {
+function se(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -588,19 +614,19 @@ function J(e) {
 	}
 	return t;
 }
-function Y(e) {
+function ce(e) {
 	return e.some((e) => e.kind === "tool_end" && e.isError || e.kind === "error");
 }
-function X(e, t) {
+function le(e, t) {
 	return t === void 0 ? [] : e.filter((e) => e.turnSentAt === t && (e.kind === "tool_end" || e.kind === "pseudo_tool_call" || e.kind === "progress")).map((e, t) => ({
 		key: `${e.at}-${t}`,
-		text: U(e),
-		toolName: z(e)
+		text: Z(e),
+		toolName: q(e)
 	}));
 }
 //#endregion
 //#region src/ui/markdown.tsx
-function de({ renderTable: t, renderChart: n } = {}) {
+function ue({ renderTable: t, renderChart: n } = {}) {
 	return {
 		a: ({ href: t, children: n }) => !t || !e(t) ? /* @__PURE__ */ u(l, { children: n }) : /* @__PURE__ */ u("a", {
 			href: t,
@@ -609,8 +635,8 @@ function de({ renderTable: t, renderChart: n } = {}) {
 			children: n
 		}),
 		table: ({ node: n, children: r }) => {
-			let i = n && I(n);
-			if (i && te(i.rows) && t) {
+			let i = n && L(n);
+			if (i && R(i.rows) && t) {
 				let n = i.rows.map((t) => t.map((t) => t.href && !e(t.href) ? { text: t.text } : t));
 				return /* @__PURE__ */ u(l, { children: t({
 					headers: i.headers,
@@ -622,7 +648,7 @@ function de({ renderTable: t, renderChart: n } = {}) {
 		pre: ({ children: e }) => {
 			let t = (Array.isArray(e) ? e[0] : e)?.props;
 			if ((t?.className?.split(" ") ?? []).includes("language-chartjs") && n) {
-				let e = t?.children, r = L(Array.isArray(e) ? e.join("") : String(e ?? ""));
+				let e = t?.children, r = W(Array.isArray(e) ? e.join("") : String(e ?? ""));
 				if (r) return /* @__PURE__ */ u(l, { children: n(r) });
 			}
 			return /* @__PURE__ */ u("pre", { children: e });
@@ -631,7 +657,7 @@ function de({ renderTable: t, renderChart: n } = {}) {
 }
 //#endregion
 //#region src/ui/icons.tsx
-function fe({ className: e }) {
+function de({ className: e }) {
 	return /* @__PURE__ */ u("svg", {
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
@@ -640,7 +666,7 @@ function fe({ className: e }) {
 		children: /* @__PURE__ */ u("path", { d: "M12 20.3s-7.6-4.7-10-9.4C.4 7.7 1.7 4 5.2 3.1c2.2-.6 4.4.4 5.5 2.2 1.2-1.8 3.4-2.8 5.6-2.2 3.5.9 4.8 4.6 3.2 7.8-2.4 4.7-10 9.4-10 9.4z" })
 	});
 }
-function Z({ className: e }) {
+function fe({ className: e }) {
 	return /* @__PURE__ */ d("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -705,15 +731,15 @@ function he({ className: e }) {
 //#endregion
 //#region src/ui/CopyMarkdownButton.tsx
 var ge = 1500;
-function _e({ markdown: e, className: t }) {
-	let [n, i] = o(!1), [s, c] = o(!1), l = a(null);
+function _e({ markdown: e, className: t, ariaLabel: n = "copy response as markdown", tooltipDefaultText: i = "Copy as markdown", tooltipCopiedText: s = "Copied!" }) {
+	let [c, l] = o(!1), [p, m] = o(!1), h = a(null);
 	return r(() => () => {
-		l.current !== null && clearTimeout(l.current);
+		h.current !== null && clearTimeout(h.current);
 	}, []), /* @__PURE__ */ u(f.Provider, {
 		delayDuration: 200,
 		children: /* @__PURE__ */ d(f.Root, {
-			open: n || s,
-			onOpenChange: c,
+			open: c || p,
+			onOpenChange: m,
 			children: [/* @__PURE__ */ u(f.Trigger, {
 				asChild: !0,
 				children: /* @__PURE__ */ u("button", {
@@ -722,16 +748,16 @@ function _e({ markdown: e, className: t }) {
 						try {
 							await navigator.clipboard.writeText(e);
 						} catch {}
-						i(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => i(!1), ge);
+						l(!0), h.current !== null && clearTimeout(h.current), h.current = setTimeout(() => l(!1), ge);
 					},
-					"aria-label": "copy response as markdown",
+					"aria-label": n,
 					className: `bailey-copy-button${t ? ` ${t}` : ""}`,
-					children: u(n ? me : pe, { className: "bailey-copy-icon" })
+					children: u(c ? me : pe, { className: "bailey-copy-icon" })
 				})
 			}), /* @__PURE__ */ u(f.Portal, { children: /* @__PURE__ */ d(f.Content, {
 				side: "top",
 				className: "bailey-tooltip-content",
-				children: [n ? "Copied!" : "Copy as markdown", /* @__PURE__ */ u(f.Arrow, { className: "bailey-tooltip-arrow" })]
+				children: [c ? s : i, /* @__PURE__ */ u(f.Arrow, { className: "bailey-tooltip-arrow" })]
 			}) })]
 		})
 	});
@@ -793,7 +819,7 @@ function $({ row: e }) {
 					/* @__PURE__ */ u("span", {
 						className: "bailey-trace-row-gap",
 						title: "Time since the previous event",
-						children: G(e.gapMs)
+						children: ie(e.gapMs)
 					}),
 					/* @__PURE__ */ u("span", {
 						className: be(e),
@@ -876,7 +902,7 @@ function Se({ request: e }) {
 	});
 }
 function Ce({ events: e, lastRequest: t, onClear: n }) {
-	let r = i(() => K(e), [e]), a = i(() => J(r), [r]), o = i(() => JSON.stringify(e, null, 2), [e]);
+	let r = i(() => ae(e), [e]), a = i(() => se(r), [r]), o = i(() => JSON.stringify(e, null, 2), [e]);
 	return /* @__PURE__ */ d("div", {
 		className: "bailey-trace-body",
 		children: [
@@ -931,7 +957,7 @@ function Ce({ events: e, lastRequest: t, onClear: n }) {
 	});
 }
 function we({ events: e, lastRequest: t, onClear: n }) {
-	let [r, a] = o(!1), s = i(() => Y(e), [e]), c = i(() => q(e), [e]);
+	let [r, a] = o(!1), s = i(() => ce(e), [e]), c = i(() => oe(e), [e]);
 	return e.length === 0 && !t ? null : /* @__PURE__ */ d("div", {
 		className: "bailey-trace-panel",
 		children: [/* @__PURE__ */ d("div", {
@@ -961,47 +987,78 @@ function we({ events: e, lastRequest: t, onClear: n }) {
 }
 //#endregion
 //#region src/ui/BaileyChatPanel.tsx
-var Te = "How can bailey AI help you today?", Ee = "Reply to bailey AI", De = [c], Oe = t(function({ content: e, components: t }) {
+var Te = "How can bailey AI help you today?", Ee = "Reply to bailey AI", De = {
+	newChatButtonText: "New chat",
+	newChatAriaLabel: "new chat",
+	suggestionsTitle: "Suggested for you",
+	emptyStateMessage: "Ask Bailey a question to get started.",
+	youLabel: "You",
+	thinkingHint: "Thinking…",
+	retryButtonText: "Retry",
+	dismissErrorAriaLabel: "dismiss error",
+	sendAriaLabel: "send",
+	stopButtonText: "Stop",
+	stopAriaLabel: "stop",
+	copyButtonAriaLabel: "copy response as markdown",
+	copyButtonTooltipDefault: "Copy as markdown",
+	copyButtonTooltipCopied: "Copied!"
+}, Oe = [c], ke = t(function({ content: e, components: t }) {
 	return /* @__PURE__ */ u("div", {
 		className: "bailey-markdown-content",
 		children: /* @__PURE__ */ u(s, {
-			remarkPlugins: De,
+			remarkPlugins: Oe,
 			components: t,
+			skipHtml: !0,
 			children: e
 		})
 	});
 });
-function ke(e, t, n) {
+function Ae(e, t, n) {
 	if (e !== "streaming") return;
 	let r = t.filter((e) => e.turnSentAt === n?.sentAt);
-	if (r.length !== 0) return U(r[r.length - 1]);
+	if (r.length !== 0) return Z(r[r.length - 1]);
 }
-function Ae(e) {
+function je(e) {
 	let t = new Date(e), n = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), r = t.toLocaleTimeString([], {
 		hour: "numeric",
 		minute: "2-digit"
 	});
 	return n ? `Today ${r}` : `${t.toLocaleDateString()} ${r}`;
 }
-function je({ chat: e, placeholder: t, replyPlaceholder: n = Ee, suggestions: s, privacyNote: c, resolveActivityIcon: l, className: f, height: p, width: m, hideDeveloperDetails: h = !1, renderMessageActions: g, renderTable: _, renderChart: v }) {
-	let { messages: y, traceEvents: b, lastRequest: x, status: S, error: C, send: w, stop: ee, retryLast: T, clearTrace: E, clearError: D, newChat: O } = e, [k, A] = o(""), j = a(null), M = i(() => de({
-		renderTable: _,
-		renderChart: v
-	}), [_, v]), N = i(() => ke(S, b, x), [
-		S,
-		b,
-		x
-	]), P = y.length === 0, F = t ?? (P ? Te : n);
-	return r(() => {
-		j.current?.scrollIntoView({
-			behavior: "smooth",
+function Me({ chat: e, placeholder: t, replyPlaceholder: n = Ee, emptyPlaceholder: s, suggestions: c, privacyNote: l, resolveActivityIcon: f, className: p, height: m, width: h, hideDeveloperDetails: g = !1, renderMessageActions: _, renderTable: v, renderChart: y, labels: b, formatMessageTime: x }) {
+	let { messages: S, traceEvents: C, lastRequest: w, status: T, error: E, send: D, stop: O, retryLast: k, clearTrace: A, clearError: j, newChat: M } = e, [N, P] = o(""), F = {
+		...De,
+		...b
+	}, I = x ?? je, L = a(null), R = a(null), z = a(!0), ee = i(() => ue({
+		renderTable: v,
+		renderChart: y
+	}), [v, y]), B = i(() => Ae(T, C, w), [
+		T,
+		C,
+		w
+	]), V = S.length === 0, H = t ?? (V ? s ?? Te : n);
+	r(() => {
+		let e = R.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollHeight - e.scrollTop - e.clientHeight;
+			z.current = t < 60;
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	}, []), r(() => {
+		z.current && L.current?.scrollIntoView({
+			behavior: T === "streaming" ? "auto" : "smooth",
 			block: "nearest"
 		});
-	}, [y]), /* @__PURE__ */ u("div", {
-		className: `bailey-chat-panel${f ? ` ${f}` : ""}`,
-		style: p !== void 0 || m !== void 0 ? {
-			height: p,
-			width: m
+	}, [S, T]);
+	let U = (e) => {
+		z.current = !0, D(e);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: `bailey-chat-panel${p ? ` ${p}` : ""}`,
+		style: m !== void 0 || h !== void 0 ? {
+			height: m,
+			width: h
 		} : void 0,
 		children: /* @__PURE__ */ d("div", {
 			className: "bailey-chat-panel-inner",
@@ -1010,33 +1067,34 @@ function je({ chat: e, placeholder: t, replyPlaceholder: n = Ee, suggestions: s,
 					className: "bailey-toolbar-row",
 					children: /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: O,
-						disabled: y.length === 0,
-						"aria-label": "new chat",
+						onClick: M,
+						disabled: S.length === 0,
+						"aria-label": F.newChatAriaLabel,
 						className: "bailey-new-chat-button",
-						children: "New chat"
+						children: F.newChatButtonText
 					})
 				}),
 				/* @__PURE__ */ d("div", {
 					className: "bailey-chat-transcript",
+					ref: R,
 					children: [
-						P && (s && s.length > 0 ? /* @__PURE__ */ d("div", {
+						V && (c && c.length > 0 ? /* @__PURE__ */ d("div", {
 							className: "bailey-suggestions",
 							children: [/* @__PURE__ */ u("div", {
 								className: "bailey-suggestions-title",
-								children: "Suggested for you"
-							}), s.map((e, t) => /* @__PURE__ */ d("button", {
+								children: F.suggestionsTitle
+							}), c.map((e, t) => /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => w(e.value ?? e.label),
+								onClick: () => U(e.value ?? e.label),
 								className: "bailey-suggestion-card",
-								children: [/* @__PURE__ */ u("span", { children: e.label }), /* @__PURE__ */ u(Z, { className: "bailey-suggestion-icon" })]
+								children: [/* @__PURE__ */ u("span", { children: e.label }), /* @__PURE__ */ u(fe, { className: "bailey-suggestion-icon" })]
 							}, `${e.label}-${t}`))]
 						}) : /* @__PURE__ */ u("div", {
 							className: "bailey-empty-state",
-							children: "Ask Bailey a question to get started."
+							children: F.emptyStateMessage
 						})),
-						y.map((e, t) => {
-							let n = e.role === "assistant" && t === y.length - 1, r = S === "streaming" && n && e.content === "", i = e.role === "assistant" && !r ? X(b, e.createdAt) : [], a = i[i.length - 1];
+						S.map((e, t) => {
+							let n = e.role === "assistant" && t === S.length - 1, r = T === "streaming" && n && e.content === "", i = e.role === "assistant" && !r ? le(C, e.createdAt) : [], a = i[i.length - 1];
 							return /* @__PURE__ */ u("div", {
 								className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
 								children: e.role === "user" ? /* @__PURE__ */ d("div", {
@@ -1045,15 +1103,15 @@ function je({ chat: e, placeholder: t, replyPlaceholder: n = Ee, suggestions: s,
 										className: "bailey-message-meta",
 										children: [/* @__PURE__ */ u("span", {
 											className: "bailey-message-meta-name",
-											children: "You"
-										}), e.createdAt !== void 0 && /* @__PURE__ */ u("span", { children: Ae(e.createdAt) })]
+											children: F.youLabel
+										}), e.createdAt !== void 0 && /* @__PURE__ */ u("span", { children: I(e.createdAt) })]
 									}), /* @__PURE__ */ u("div", {
 										className: "bailey-user-bubble",
 										children: e.content
 									})]
 								}) : r ? /* @__PURE__ */ u("div", {
 									className: "bailey-thinking-hint",
-									children: N ?? "Thinking…"
+									children: B ?? F.thinkingHint
 								}) : /* @__PURE__ */ d("div", {
 									className: "bailey-assistant-message",
 									children: [
@@ -1061,90 +1119,95 @@ function je({ chat: e, placeholder: t, replyPlaceholder: n = Ee, suggestions: s,
 											className: "bailey-activity-line",
 											children: [/* @__PURE__ */ u("span", {
 												className: "bailey-activity-icon",
-												children: l?.(a.toolName) ?? /* @__PURE__ */ u(he, {})
+												children: f?.(a.toolName) ?? /* @__PURE__ */ u(he, {})
 											}), /* @__PURE__ */ u("span", { children: a.text })]
 										}),
-										/* @__PURE__ */ u(Oe, {
+										/* @__PURE__ */ u(ke, {
 											content: e.content,
-											components: M
+											components: ee
 										}),
-										e.streaming && N && /* @__PURE__ */ u("div", {
+										e.streaming && B && /* @__PURE__ */ u("div", {
 											className: "bailey-streaming-hint",
-											children: N
+											children: B
 										}),
 										!e.streaming && /* @__PURE__ */ d("div", {
 											className: "bailey-message-actions",
-											children: [/* @__PURE__ */ u(_e, { markdown: e.content }), g?.(e)]
+											children: [/* @__PURE__ */ u(_e, {
+												markdown: e.content,
+												ariaLabel: F.copyButtonAriaLabel,
+												tooltipDefaultText: F.copyButtonTooltipDefault,
+												tooltipCopiedText: F.copyButtonTooltipCopied
+											}), _?.(e)]
 										})
 									]
 								})
 							}, e.id);
 						}),
-						/* @__PURE__ */ u("div", { ref: j })
+						/* @__PURE__ */ u("div", { ref: L })
 					]
 				}),
-				P && c && /* @__PURE__ */ d("div", {
+				V && l && /* @__PURE__ */ d("div", {
 					className: "bailey-privacy-note",
 					children: [
-						c.text,
+						l.text,
 						" ",
 						/* @__PURE__ */ u("a", {
-							href: c.linkHref,
+							href: l.linkHref,
 							target: "_blank",
 							rel: "noreferrer",
-							children: c.linkLabel
+							children: l.linkLabel
 						})
 					]
 				}),
-				C && /* @__PURE__ */ d("div", {
+				E && /* @__PURE__ */ d("div", {
 					className: "bailey-error-banner",
 					role: "alert",
-					children: [/* @__PURE__ */ u("span", { children: C }), /* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ u("span", { children: E }), /* @__PURE__ */ d("div", {
 						className: "bailey-error-actions",
 						children: [/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: T,
+							onClick: k,
 							className: "bailey-retry-button",
-							children: "Retry"
+							children: F.retryButtonText
 						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: D,
-							"aria-label": "dismiss error",
+							onClick: j,
+							"aria-label": F.dismissErrorAriaLabel,
 							className: "bailey-dismiss-button",
 							children: "✕"
 						})]
 					})]
 				}),
-				!h && /* @__PURE__ */ u(we, {
-					events: b,
-					lastRequest: x,
-					onClear: E
+				!g && /* @__PURE__ */ u(we, {
+					events: C,
+					lastRequest: w,
+					onClear: A
 				}),
 				/* @__PURE__ */ d("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), !(!k.trim() || S === "streaming") && (w(k), A(""));
+						e.preventDefault(), !(!N.trim() || T === "streaming") && (U(N), P(""));
 					},
 					className: "bailey-input-row",
 					children: [/* @__PURE__ */ u("input", {
 						type: "text",
-						placeholder: F,
-						"aria-label": F,
-						value: k,
-						onChange: (e) => A(e.target.value),
-						disabled: S === "streaming",
+						placeholder: H,
+						"aria-label": H,
+						value: N,
+						onChange: (e) => P(e.target.value),
+						disabled: T === "streaming",
 						className: "bailey-input"
-					}), S === "streaming" ? /* @__PURE__ */ u("button", {
+					}), T === "streaming" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: ee,
-						"aria-label": "stop",
+						onClick: O,
+						"aria-label": F.stopAriaLabel,
 						className: "bailey-stop-button",
-						children: "Stop"
+						children: F.stopButtonText
 					}) : /* @__PURE__ */ u("button", {
 						type: "submit",
-						"aria-label": "send",
-						disabled: !k.trim(),
+						"aria-label": F.sendAriaLabel,
+						disabled: !N.trim(),
 						className: "bailey-send-button",
-						children: /* @__PURE__ */ u(fe, { className: "bailey-send-icon" })
+						children: /* @__PURE__ */ u(de, { className: "bailey-send-icon" })
 					})]
 				})
 			]
@@ -1153,6 +1216,6 @@ function je({ chat: e, placeholder: t, replyPlaceholder: n = Ee, suggestions: s,
 }
 //#endregion
 //#region src/index.ts
-var Me = "0.3.1-pre.2";
+var Ne = "0.3.1-pre.2";
 //#endregion
-export { he as ActivityIcon, Z as ArrowUpRightIcon, Me as BAILEYAI_CHAT_UI_VERSION, ne as BAILEY_CHART_PROMPT_FRAGMENT, A as BAILEY_TABLE_GRID_ROW_THRESHOLD, je as BaileyChatPanel, we as BaileyTracePanel, _e as CopyMarkdownButton, fe as HeartIcon, le as TRACE_KIND_LABEL, de as createBaileyMarkdownComponents, b as extractPseudoToolCalls, I as extractTableData, G as formatTraceGap, W as formatTraceTime, Y as hasTraceFailure, e as isSafeMarkdownUrl, E as joinInstructions, L as parseBaileyChartSpec, S as parseSseFrames, k as resolveToolCall, te as shouldUseGrid, X as toActivityLines, K as toTraceRows, J as toTraceSegments, B as traceEventArgsDetail, U as traceEventHint, V as traceEventOutputDetail, H as traceEventRawDetail, ue as traceEventSummary, z as traceEventToolName, q as traceSummaryLine, T as useBaileyChat };
+export { he as ActivityIcon, fe as ArrowUpRightIcon, Ne as BAILEYAI_CHAT_UI_VERSION, z as BAILEY_CHART_PROMPT_FRAGMENT, j as BAILEY_TABLE_GRID_ROW_THRESHOLD, Me as BaileyChatPanel, we as BaileyTracePanel, _e as CopyMarkdownButton, de as HeartIcon, G as TRACE_KIND_LABEL, ue as createBaileyMarkdownComponents, b as extractPseudoToolCalls, L as extractTableData, ie as formatTraceGap, re as formatTraceTime, ce as hasTraceFailure, e as isSafeMarkdownUrl, D as joinInstructions, W as parseBaileyChartSpec, S as parseSseFrames, A as resolveToolCall, R as shouldUseGrid, le as toActivityLines, ae as toTraceRows, se as toTraceSegments, Y as traceEventArgsDetail, Z as traceEventHint, X as traceEventOutputDetail, ne as traceEventRawDetail, J as traceEventSummary, q as traceEventToolName, oe as traceSummaryLine, E as useBaileyChat };