@icanbwell/baileyai-chat-ui 0.4.4 → 0.5.1

package/dist/baileyai-chat-ui.js

@@ -2,8 +2,8 @@ import { t as e } from "./safeMarkdownUrl-xI42YYzd.js";
 import { memo as t, useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import s from "react-markdown";
 import c from "remark-gfm";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import * as f from "@radix-ui/react-tooltip";
+import * as l from "@radix-ui/react-tooltip";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/utils/pseudoToolCalls.ts
 var p = /<(search_tools|call_tool|function_calls|function_result)>([\s\S]*?)<\/\1>/g, m = /<name>([\s\S]*?)<\/name>/, h = /<arguments>([\s\S]*?)<\/arguments>/, g = /<invoke\s+name="([^"]*)"\s*>([\s\S]*?)<\/invoke>/g, _ = /<parameter\s+name="([^"]*)"\s*>([\s\S]*?)<\/parameter>/g;
 function v(e) {
@@ -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```", B = [
 	"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) => {
+], V = 8, H = 50, U = 8, W = 500, G = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", ee = (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" || !B.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 > V || (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 > W || !e.data.every(G)) 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" ? U : H;
 	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 = {
+}, te = {
 	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 ne(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 re(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 J(e) {
 	return e.kind === "tool_end" ? e.output ?? null : null;
 }
-function H(e) {
+function Y(e) {
 	return e.kind === "raw" ? e.raw : e.kind === "error" ? e.rawBody ?? null : null;
 }
-function U(e) {
+function X(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 ie(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 ae(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 oe(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: ie(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" : te[t.kind],
+			summary: ne(t, r),
+			argsDetail: re(t, r),
+			outputDetail: J(t),
+			rawDetail: Y(t)
 		};
 	});
 }
-function q(e) {
+function se(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 ce(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -588,60 +614,75 @@ function J(e) {
 	}
 	return t;
 }
-function Y(e) {
+function le(e) {
 	return e.some((e) => e.kind === "tool_end" && e.isError || e.kind === "error");
 }
-function X(e, t) {
+function ue(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: X(e),
+		toolName: q(e)
 	}));
 }
 //#endregion
 //#region src/ui/markdown.tsx
 function de({ renderTable: t, renderChart: n } = {}) {
 	return {
-		a: ({ href: t, children: n }) => !t || !e(t) ? /* @__PURE__ */ u(l, { children: n }) : /* @__PURE__ */ u("a", {
+		a: ({ href: t, children: n }) => !t || !e(t) ? /* @__PURE__ */ d(u, { children: n }) : /* @__PURE__ */ d("a", {
 			href: t,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			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({
+				return /* @__PURE__ */ d(u, { children: t({
 					headers: i.headers,
 					rows: n
 				}) });
 			}
-			return /* @__PURE__ */ u("table", { children: r });
+			return /* @__PURE__ */ d("table", { children: r });
 		},
 		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 ?? ""));
-				if (r) return /* @__PURE__ */ u(l, { children: n(r) });
+				let e = t?.children, r = ee(Array.isArray(e) ? e.join("") : String(e ?? ""));
+				if (r) return /* @__PURE__ */ d(u, { children: n(r) });
 			}
-			return /* @__PURE__ */ u("pre", { children: e });
+			return /* @__PURE__ */ d("pre", { children: e });
 		}
 	};
 }
 //#endregion
 //#region src/ui/icons.tsx
 function fe({ className: e }) {
-	return /* @__PURE__ */ u("svg", {
+	return /* @__PURE__ */ d("svg", {
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: e,
 		"aria-hidden": "true",
-		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" })
+		children: /* @__PURE__ */ d("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 pe({ className: e }) {
 	return /* @__PURE__ */ d("svg", {
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: e,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ d("rect", {
+			x: "6",
+			y: "6",
+			width: "12",
+			height: "12",
+			rx: "2"
+		})
+	});
+}
+function Z({ className: e }) {
+	return /* @__PURE__ */ f("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -650,11 +691,11 @@ function Z({ className: e }) {
 		strokeLinejoin: "round",
 		className: e,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("path", { d: "M7 17 17 7" }), /* @__PURE__ */ u("path", { d: "M9 7h8v8" })]
+		children: [/* @__PURE__ */ d("path", { d: "M7 17 17 7" }), /* @__PURE__ */ d("path", { d: "M9 7h8v8" })]
 	});
 }
-function pe({ className: e }) {
-	return /* @__PURE__ */ d("svg", {
+function me({ className: e }) {
+	return /* @__PURE__ */ f("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -663,17 +704,17 @@ function pe({ className: e }) {
 		strokeLinejoin: "round",
 		className: e,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("rect", {
+		children: [/* @__PURE__ */ d("rect", {
 			x: "8",
 			y: "8",
 			width: "12",
 			height: "12",
 			rx: "2"
-		}), /* @__PURE__ */ u("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })]
+		}), /* @__PURE__ */ d("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })]
 	});
 }
-function me({ className: e }) {
-	return /* @__PURE__ */ u("svg", {
+function he({ className: e }) {
+	return /* @__PURE__ */ d("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -682,11 +723,11 @@ function me({ className: e }) {
 		strokeLinejoin: "round",
 		className: e,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ u("path", { d: "M5 12.5 9.5 17 19 7" })
+		children: /* @__PURE__ */ d("path", { d: "M5 12.5 9.5 17 19 7" })
 	});
 }
-function he({ className: e }) {
-	return /* @__PURE__ */ d("svg", {
+function ge({ className: e }) {
+	return /* @__PURE__ */ f("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -695,63 +736,63 @@ function he({ className: e }) {
 		strokeLinejoin: "round",
 		className: e,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("circle", {
+		children: [/* @__PURE__ */ d("circle", {
 			cx: "12",
 			cy: "12",
 			r: "9"
-		}), /* @__PURE__ */ u("path", { d: "M8.5 12.5 11 15l4.5-5.5" })]
+		}), /* @__PURE__ */ d("path", { d: "M8.5 12.5 11 15l4.5-5.5" })]
 	});
 }
 //#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);
+var _e = 1500;
+function ve({ markdown: e, className: t, ariaLabel: n = "copy response as markdown", tooltipDefaultText: i = "Copy as markdown", tooltipCopiedText: s = "Copied!" }) {
+	let [c, u] = o(!1), [p, m] = o(!1), h = a(null);
 	return r(() => () => {
-		l.current !== null && clearTimeout(l.current);
-	}, []), /* @__PURE__ */ u(f.Provider, {
+		h.current !== null && clearTimeout(h.current);
+	}, []), /* @__PURE__ */ d(l.Provider, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ d(f.Root, {
-			open: n || s,
-			onOpenChange: c,
-			children: [/* @__PURE__ */ u(f.Trigger, {
+		children: /* @__PURE__ */ f(l.Root, {
+			open: c || p,
+			onOpenChange: m,
+			children: [/* @__PURE__ */ d(l.Trigger, {
 				asChild: !0,
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: async () => {
 						try {
 							await navigator.clipboard.writeText(e);
 						} catch {}
-						i(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => i(!1), ge);
+						u(!0), h.current !== null && clearTimeout(h.current), h.current = setTimeout(() => u(!1), _e);
 					},
-					"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: d(c ? he : me, { className: "bailey-copy-icon" })
 				})
-			}), /* @__PURE__ */ u(f.Portal, { children: /* @__PURE__ */ d(f.Content, {
+			}), /* @__PURE__ */ d(l.Portal, { children: /* @__PURE__ */ f(l.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__ */ d(l.Arrow, { className: "bailey-tooltip-arrow" })]
 			}) })]
 		})
 	});
 }
 //#endregion
 //#region src/ui/BaileyTracePanel.tsx
-async function ve(e) {
+async function ye(e) {
 	try {
 		await navigator.clipboard.writeText(e);
 	} catch {}
 }
-function ye({ text: e, label: t = "Copy" }) {
-	return /* @__PURE__ */ u("button", {
+function be({ text: e, label: t = "Copy" }) {
+	return /* @__PURE__ */ d("button", {
 		type: "button",
-		onClick: () => ve(e),
+		onClick: () => ye(e),
 		className: "bailey-trace-copy-button",
 		children: t
 	});
 }
-function be(e) {
+function xe(e) {
 	if (e.failed || e.kind === "error") return "bailey-trace-chip bailey-trace-chip-error";
 	switch (e.kind) {
 		case "tool_start": return "bailey-trace-chip bailey-trace-chip-info";
@@ -761,18 +802,18 @@ function be(e) {
 	}
 }
 function Q({ label: e, content: t, copyable: n }) {
-	return /* @__PURE__ */ d("details", {
+	return /* @__PURE__ */ f("details", {
 		className: "bailey-trace-disclosure",
 		children: [
-			/* @__PURE__ */ u("summary", {
+			/* @__PURE__ */ d("summary", {
 				className: "bailey-trace-disclosure-summary",
 				children: e
 			}),
-			n && /* @__PURE__ */ u("div", {
+			n && /* @__PURE__ */ d("div", {
 				className: "bailey-trace-disclosure-actions",
-				children: /* @__PURE__ */ u(ye, { text: t })
+				children: /* @__PURE__ */ d(be, { text: t })
 			}),
-			/* @__PURE__ */ u("pre", {
+			/* @__PURE__ */ d("pre", {
 				className: "bailey-trace-disclosure-content",
 				children: t
 			})
@@ -780,53 +821,53 @@ function Q({ label: e, content: t, copyable: n }) {
 	});
 }
 function $({ row: e }) {
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "bailey-trace-row",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "bailey-trace-row-header",
 				children: [
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ d("span", {
 						className: "bailey-trace-row-time",
 						children: e.time
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ d("span", {
 						className: "bailey-trace-row-gap",
 						title: "Time since the previous event",
-						children: G(e.gapMs)
+						children: ae(e.gapMs)
 					}),
-					/* @__PURE__ */ u("span", {
-						className: be(e),
+					/* @__PURE__ */ d("span", {
+						className: xe(e),
 						children: e.label
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ d("span", {
 						className: "bailey-trace-row-summary",
 						children: e.summary
 					})
 				]
 			}),
-			e.argsDetail && /* @__PURE__ */ u(Q, {
+			e.argsDetail && /* @__PURE__ */ d(Q, {
 				label: "args",
 				content: e.argsDetail
 			}),
-			e.outputDetail && /* @__PURE__ */ u(Q, {
+			e.outputDetail && /* @__PURE__ */ d(Q, {
 				label: "output",
 				content: e.outputDetail
 			}),
-			e.rawDetail && /* @__PURE__ */ u(Q, {
+			e.rawDetail && /* @__PURE__ */ d(Q, {
 				label: "raw",
 				content: e.rawDetail
 			})
 		]
 	});
 }
-function xe(e, t) {
+function Se(e, t) {
 	if (e.chunkCount === 0) return "Streamed: no chunks received";
 	if (e.chunkCount === 1 || e.firstChunkAt === null) return "Streamed: 1 chunk (not incremental)";
 	let n = e.firstChunkAt - t, r = (e.lastChunkAt ?? e.firstChunkAt) - e.firstChunkAt;
 	return `Streamed: ${e.chunkCount} chunks · first chunk after ${n}ms · spread over ${(r / 1e3).toFixed(1)}s`;
 }
-function Se({ request: e }) {
+function Ce({ request: e }) {
 	let t = i(() => JSON.stringify({
 		model: e.model,
 		instructions: e.systemPrompt,
@@ -835,10 +876,10 @@ function Se({ request: e }) {
 		tools: e.tools,
 		toolChoice: e.toolChoice
 	}, null, 2), [e]);
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "bailey-trace-request-details",
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ f("span", {
 				className: "bailey-trace-request-meta",
 				children: [
 					"Last request — ",
@@ -848,26 +889,26 @@ function Se({ request: e }) {
 					e.requestId ? ` · ${e.requestId}` : ""
 				]
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ d("span", {
 				className: "bailey-trace-request-meta",
-				children: xe(e.streamStats, e.sentAt)
+				children: Se(e.streamStats, e.sentAt)
 			}),
-			/* @__PURE__ */ u(Q, {
+			/* @__PURE__ */ d(Q, {
 				label: `System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,
 				content: e.systemPrompt,
 				copyable: !0
 			}),
-			/* @__PURE__ */ u(Q, {
+			/* @__PURE__ */ d(Q, {
 				label: `Messages (${e.messages.length})`,
 				content: JSON.stringify(e.messages, null, 2),
 				copyable: !0
 			}),
-			e.response && /* @__PURE__ */ u(Q, {
+			e.response && /* @__PURE__ */ d(Q, {
 				label: `Response (${e.response.content.length.toLocaleString()} chars)`,
 				content: e.response.content,
 				copyable: !0
 			}),
-			/* @__PURE__ */ u(Q, {
+			/* @__PURE__ */ d(Q, {
 				label: "Full payload (JSON)",
 				content: t,
 				copyable: !0
@@ -875,43 +916,43 @@ 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]);
-	return /* @__PURE__ */ d("div", {
+function we({ events: e, lastRequest: t, onClear: n }) {
+	let r = i(() => oe(e), [e]), a = i(() => ce(r), [r]), o = i(() => JSON.stringify(e, null, 2), [e]);
+	return /* @__PURE__ */ f("div", {
 		className: "bailey-trace-body",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "bailey-trace-actions-row",
-				children: [e.length > 0 && /* @__PURE__ */ u(ye, {
+				children: [e.length > 0 && /* @__PURE__ */ d(be, {
 					text: o,
 					label: "Copy trace as JSON"
-				}), /* @__PURE__ */ u("button", {
+				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: n,
 					className: "bailey-trace-copy-button",
 					children: "Clear"
 				})]
 			}),
-			t && /* @__PURE__ */ u(Se, { request: t }),
-			/* @__PURE__ */ u("div", {
+			t && /* @__PURE__ */ d(Ce, { request: t }),
+			/* @__PURE__ */ d("div", {
 				className: "bailey-trace-rows",
 				children: a.map((e, t) => {
-					if (e.type === "single") return /* @__PURE__ */ u($, { row: e.row }, e.row.key);
+					if (e.type === "single") return /* @__PURE__ */ d($, { row: e.row }, e.row.key);
 					let n = e.rows.filter((e) => e.isToolStart).length;
-					if (n <= 1) return /* @__PURE__ */ u("div", {
+					if (n <= 1) return /* @__PURE__ */ d("div", {
 						className: "bailey-trace-rows",
-						children: e.rows.map((e) => /* @__PURE__ */ u($, { row: e }, e.key))
+						children: e.rows.map((e) => /* @__PURE__ */ d($, { row: e }, e.key))
 					}, `group-${t}`);
 					let r = e.rows.filter((e) => e.failed).length;
-					return /* @__PURE__ */ d("details", {
+					return /* @__PURE__ */ f("details", {
 						className: "bailey-trace-group",
-						children: [/* @__PURE__ */ d("summary", {
+						children: [/* @__PURE__ */ f("summary", {
 							className: "bailey-trace-group-summary",
 							children: [
-								/* @__PURE__ */ u("strong", { children: e.toolName }),
+								/* @__PURE__ */ d("strong", { children: e.toolName }),
 								" × ",
 								n,
-								r > 0 && /* @__PURE__ */ d("span", {
+								r > 0 && /* @__PURE__ */ f("span", {
 									className: "bailey-trace-group-failed",
 									children: [
 										" ",
@@ -920,9 +961,9 @@ function Ce({ events: e, lastRequest: t, onClear: n }) {
 									]
 								})
 							]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "bailey-trace-rows",
-							children: e.rows.map((e) => /* @__PURE__ */ u($, { row: e }, e.key))
+							children: e.rows.map((e) => /* @__PURE__ */ d($, { row: e }, e.key))
 						})]
 					}, `group-${t}`);
 				})
@@ -930,13 +971,13 @@ 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]);
-	return e.length === 0 && !t ? null : /* @__PURE__ */ d("div", {
+function Te({ events: e, lastRequest: t, onClear: n }) {
+	let [r, a] = o(!1), s = i(() => le(e), [e]), c = i(() => se(e), [e]);
+	return e.length === 0 && !t ? null : /* @__PURE__ */ f("div", {
 		className: "bailey-trace-panel",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "bailey-trace-toggle-row",
-			children: [/* @__PURE__ */ d("button", {
+			children: [/* @__PURE__ */ f("button", {
 				type: "button",
 				onClick: () => a((e) => !e),
 				"aria-expanded": r,
@@ -948,11 +989,11 @@ function we({ events: e, lastRequest: t, onClear: n }) {
 					e.length,
 					")"
 				]
-			}), c && /* @__PURE__ */ u("span", {
+			}), c && /* @__PURE__ */ d("span", {
 				className: s ? "bailey-trace-summary bailey-trace-summary-error" : "bailey-trace-summary",
 				children: c
 			})]
-		}), r && /* @__PURE__ */ u(Ce, {
+		}), r && /* @__PURE__ */ d(we, {
 			events: e,
 			lastRequest: t,
 			onClear: n
@@ -961,190 +1002,237 @@ 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 }) {
-	return /* @__PURE__ */ u("div", {
+var Ee = "How can bailey AI help you today?", De = "Reply to bailey AI", Oe = {
+	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!"
+}, ke = [c], Ae = t(function({ content: e, components: t }) {
+	return /* @__PURE__ */ d("div", {
 		className: "bailey-markdown-content",
-		children: /* @__PURE__ */ u(s, {
-			remarkPlugins: De,
+		children: /* @__PURE__ */ d(s, {
+			remarkPlugins: ke,
 			components: t,
+			skipHtml: !0,
 			children: e
 		})
 	});
 });
-function ke(e, t, n) {
+function je(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 X(r[r.length - 1]);
 }
-function Ae(e) {
+function Me(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 Ne({ chat: e, placeholder: t, replyPlaceholder: n = De, emptyPlaceholder: s, suggestions: c, privacyNote: u, resolveActivityIcon: p, className: m, height: h, width: g, hideDeveloperDetails: _ = !1, renderMessageActions: v, renderTable: y, renderChart: b, labels: x, formatMessageTime: S }) {
+	let { messages: C, traceEvents: w, lastRequest: T, status: E, error: D, send: O, stop: k, retryLast: A, clearTrace: j, clearError: M, newChat: N } = e, [P, F] = o(""), I = {
+		...Oe,
+		...x
+	}, L = S ?? Me, R = a(null), z = a(null), B = a(!0), V = i(() => de({
+		renderTable: y,
+		renderChart: b
+	}), [y, b]), H = i(() => je(E, w, T), [
+		E,
+		w,
+		T
+	]), U = C.length === 0, W = t ?? (U ? s ?? Ee : n);
+	r(() => {
+		let e = z.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollHeight - e.scrollTop - e.clientHeight;
+			B.current = t < 60;
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	}, []), r(() => {
+		B.current && R.current?.scrollIntoView({
+			behavior: E === "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
+	}, [C, E]);
+	let G = (e) => {
+		B.current = !0, O(e);
+	};
+	return /* @__PURE__ */ d("div", {
+		className: `bailey-chat-panel${m ? ` ${m}` : ""}`,
+		style: h !== void 0 || g !== void 0 ? {
+			height: h,
+			width: g
 		} : void 0,
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "bailey-chat-panel-inner",
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "bailey-toolbar-row",
-					children: /* @__PURE__ */ u("button", {
+					children: /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: O,
-						disabled: y.length === 0,
-						"aria-label": "new chat",
+						onClick: N,
+						disabled: C.length === 0,
+						"aria-label": I.newChatAriaLabel,
 						className: "bailey-new-chat-button",
-						children: "New chat"
+						children: I.newChatButtonText
 					})
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "bailey-chat-transcript",
+					ref: z,
 					children: [
-						P && (s && s.length > 0 ? /* @__PURE__ */ d("div", {
+						U && (c && c.length > 0 ? /* @__PURE__ */ f("div", {
 							className: "bailey-suggestions",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "bailey-suggestions-title",
-								children: "Suggested for you"
-							}), s.map((e, t) => /* @__PURE__ */ d("button", {
+								children: I.suggestionsTitle
+							}), c.map((e, t) => /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => w(e.value ?? e.label),
+								onClick: () => G(e.value ?? e.label),
 								className: "bailey-suggestion-card",
-								children: [/* @__PURE__ */ u("span", { children: e.label }), /* @__PURE__ */ u(Z, { className: "bailey-suggestion-icon" })]
+								children: [/* @__PURE__ */ d("span", { children: e.label }), /* @__PURE__ */ d(Z, { className: "bailey-suggestion-icon" })]
 							}, `${e.label}-${t}`))]
-						}) : /* @__PURE__ */ u("div", {
+						}) : /* @__PURE__ */ d("div", {
 							className: "bailey-empty-state",
-							children: "Ask Bailey a question to get started."
+							children: I.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];
-							return /* @__PURE__ */ u("div", {
+						C.map((e, t) => {
+							let n = e.role === "assistant" && t === C.length - 1, r = E === "streaming" && n && e.content === "", i = e.role === "assistant" && !r ? ue(w, e.createdAt) : [], a = i[i.length - 1];
+							return /* @__PURE__ */ d("div", {
 								className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
-								children: e.role === "user" ? /* @__PURE__ */ d("div", {
+								children: e.role === "user" ? /* @__PURE__ */ f("div", {
 									className: "bailey-user-message",
-									children: [/* @__PURE__ */ d("div", {
+									children: [/* @__PURE__ */ f("div", {
 										className: "bailey-message-meta",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ d("span", {
 											className: "bailey-message-meta-name",
-											children: "You"
-										}), e.createdAt !== void 0 && /* @__PURE__ */ u("span", { children: Ae(e.createdAt) })]
-									}), /* @__PURE__ */ u("div", {
+											children: I.youLabel
+										}), e.createdAt !== void 0 && /* @__PURE__ */ d("span", { children: L(e.createdAt) })]
+									}), /* @__PURE__ */ d("div", {
 										className: "bailey-user-bubble",
 										children: e.content
 									})]
-								}) : r ? /* @__PURE__ */ u("div", {
+								}) : r ? /* @__PURE__ */ d("div", {
 									className: "bailey-thinking-hint",
-									children: N ?? "Thinking…"
-								}) : /* @__PURE__ */ d("div", {
+									children: H ?? I.thinkingHint
+								}) : /* @__PURE__ */ f("div", {
 									className: "bailey-assistant-message",
 									children: [
-										a && /* @__PURE__ */ d("div", {
+										a && /* @__PURE__ */ f("div", {
 											className: "bailey-activity-line",
-											children: [/* @__PURE__ */ u("span", {
+											children: [/* @__PURE__ */ d("span", {
 												className: "bailey-activity-icon",
-												children: l?.(a.toolName) ?? /* @__PURE__ */ u(he, {})
-											}), /* @__PURE__ */ u("span", { children: a.text })]
+												children: p?.(a.toolName) ?? /* @__PURE__ */ d(ge, {})
+											}), /* @__PURE__ */ d("span", { children: a.text })]
 										}),
-										/* @__PURE__ */ u(Oe, {
+										/* @__PURE__ */ d(Ae, {
 											content: e.content,
-											components: M
+											components: V
 										}),
-										e.streaming && N && /* @__PURE__ */ u("div", {
+										e.streaming && H && /* @__PURE__ */ d("div", {
 											className: "bailey-streaming-hint",
-											children: N
+											children: H
 										}),
-										!e.streaming && /* @__PURE__ */ d("div", {
+										!e.streaming && /* @__PURE__ */ f("div", {
 											className: "bailey-message-actions",
-											children: [/* @__PURE__ */ u(_e, { markdown: e.content }), g?.(e)]
+											children: [/* @__PURE__ */ d(ve, {
+												markdown: e.content,
+												ariaLabel: I.copyButtonAriaLabel,
+												tooltipDefaultText: I.copyButtonTooltipDefault,
+												tooltipCopiedText: I.copyButtonTooltipCopied
+											}), v?.(e)]
 										})
 									]
 								})
 							}, e.id);
 						}),
-						/* @__PURE__ */ u("div", { ref: j })
+						/* @__PURE__ */ d("div", { ref: R })
 					]
 				}),
-				P && c && /* @__PURE__ */ d("div", {
+				U && u && /* @__PURE__ */ f("div", {
 					className: "bailey-privacy-note",
 					children: [
-						c.text,
+						u.text,
 						" ",
-						/* @__PURE__ */ u("a", {
-							href: c.linkHref,
+						/* @__PURE__ */ d("a", {
+							href: u.linkHref,
 							target: "_blank",
 							rel: "noreferrer",
-							children: c.linkLabel
+							children: u.linkLabel
 						})
 					]
 				}),
-				C && /* @__PURE__ */ d("div", {
+				D && /* @__PURE__ */ f("div", {
 					className: "bailey-error-banner",
 					role: "alert",
-					children: [/* @__PURE__ */ u("span", { children: C }), /* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ d("span", { children: D }), /* @__PURE__ */ f("div", {
 						className: "bailey-error-actions",
-						children: [/* @__PURE__ */ u("button", {
+						children: [/* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: T,
+							onClick: A,
 							className: "bailey-retry-button",
-							children: "Retry"
-						}), /* @__PURE__ */ u("button", {
+							children: I.retryButtonText
+						}), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: D,
-							"aria-label": "dismiss error",
+							onClick: M,
+							"aria-label": I.dismissErrorAriaLabel,
 							className: "bailey-dismiss-button",
 							children: "✕"
 						})]
 					})]
 				}),
-				!h && /* @__PURE__ */ u(we, {
-					events: b,
-					lastRequest: x,
-					onClear: E
+				!_ && /* @__PURE__ */ d(Te, {
+					events: w,
+					lastRequest: T,
+					onClear: j
 				}),
-				/* @__PURE__ */ d("form", {
+				/* @__PURE__ */ f("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), !(!k.trim() || S === "streaming") && (w(k), A(""));
+						e.preventDefault(), !(!P.trim() || E === "streaming") && (G(P), F(""));
 					},
 					className: "bailey-input-row",
-					children: [/* @__PURE__ */ u("input", {
+					children: [/* @__PURE__ */ d("input", {
 						type: "text",
-						placeholder: F,
-						"aria-label": F,
-						value: k,
-						onChange: (e) => A(e.target.value),
-						disabled: S === "streaming",
+						placeholder: W,
+						"aria-label": W,
+						value: P,
+						onChange: (e) => F(e.target.value),
+						disabled: E === "streaming",
 						className: "bailey-input"
-					}), S === "streaming" ? /* @__PURE__ */ u("button", {
-						type: "button",
-						onClick: ee,
-						"aria-label": "stop",
-						className: "bailey-stop-button",
-						children: "Stop"
-					}) : /* @__PURE__ */ u("button", {
+					}), E === "streaming" ? /* @__PURE__ */ d(l.Provider, {
+						delayDuration: 200,
+						children: /* @__PURE__ */ f(l.Root, { children: [/* @__PURE__ */ d(l.Trigger, {
+							asChild: !0,
+							children: /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: k,
+								"aria-label": I.stopAriaLabel,
+								className: "bailey-stop-button",
+								children: /* @__PURE__ */ d(pe, { className: "bailey-stop-icon" })
+							})
+						}), /* @__PURE__ */ d(l.Portal, { children: /* @__PURE__ */ f(l.Content, {
+							side: "top",
+							className: "bailey-tooltip-content",
+							children: [I.stopButtonText, /* @__PURE__ */ d(l.Arrow, { className: "bailey-tooltip-arrow" })]
+						}) })] })
+					}) : /* @__PURE__ */ d("button", {
 						type: "submit",
-						"aria-label": "send",
-						disabled: !k.trim(),
+						"aria-label": I.sendAriaLabel,
+						disabled: !P.trim(),
 						className: "bailey-send-button",
-						children: /* @__PURE__ */ u(fe, { className: "bailey-send-icon" })
+						children: /* @__PURE__ */ d(fe, { className: "bailey-send-icon" })
 					})]
 				})
 			]
@@ -1153,6 +1241,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 Pe = "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 { ge as ActivityIcon, Z as ArrowUpRightIcon, Pe as BAILEYAI_CHAT_UI_VERSION, z as BAILEY_CHART_PROMPT_FRAGMENT, j as BAILEY_TABLE_GRID_ROW_THRESHOLD, Ne as BaileyChatPanel, Te as BaileyTracePanel, ve as CopyMarkdownButton, fe as HeartIcon, te as TRACE_KIND_LABEL, de as createBaileyMarkdownComponents, b as extractPseudoToolCalls, L as extractTableData, ae as formatTraceGap, ie as formatTraceTime, le as hasTraceFailure, e as isSafeMarkdownUrl, D as joinInstructions, ee as parseBaileyChartSpec, S as parseSseFrames, A as resolveToolCall, R as shouldUseGrid, ue as toActivityLines, oe as toTraceRows, ce as toTraceSegments, re as traceEventArgsDetail, X as traceEventHint, J as traceEventOutputDetail, Y as traceEventRawDetail, ne as traceEventSummary, q as traceEventToolName, se as traceSummaryLine, E as useBaileyChat };