@icanbwell/baileyai-chat-ui 0.3.4 → 0.4.1-pre.0

package/dist/baileyai-chat-ui.js

@@ -5,18 +5,38 @@ 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";
 //#region src/utils/pseudoToolCalls.ts
-var p = /<(search_tools|call_tool)>([\s\S]*?)<\/\1>/g, m = /<name>([\s\S]*?)<\/name>/, h = /<arguments>([\s\S]*?)<\/arguments>/;
-function g(e) {
+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) {
 	let t = m.exec(e)?.[1]?.trim() || "unknown_tool", n = h.exec(e)?.[1]?.trim();
 	return n ? {
 		name: t,
 		args: n
 	} : { name: t };
 }
-function _(e) {
-	let t = [], n = e.replace(p, (e, n, r) => (t.push(n === "call_tool" ? g(r) : {
+function y(e) {
+	let t = [];
+	g.lastIndex = 0;
+	let n;
+	for (; (n = g.exec(e)) !== null;) {
+		let [, e, r] = n, i = {};
+		_.lastIndex = 0;
+		let a;
+		for (; (a = _.exec(r)) !== null;) i[a[1]] = a[2].trim();
+		let o = e.trim() || "unknown_tool";
+		t.push(Object.keys(i).length > 0 ? {
+			name: o,
+			args: JSON.stringify(i, null, 2)
+		} : { name: o });
+	}
+	return t;
+}
+function b(e) {
+	let t = [], n = e.replace(p, (e, n, r) => (n === "call_tool" ? t.push(v(r)) : n === "search_tools" ? t.push({
 		name: "search_tools",
 		args: r.trim()
+	}) : n === "function_calls" ? t.push(...y(r)) : t.push({
+		name: "function_result",
+		args: r.trim()
 	}), ""));
 	return t.length === 0 ? {
 		cleanedText: n,
@@ -28,7 +48,7 @@ function _(e) {
 }
 //#endregion
 //#region src/logic/sse.ts
-function v(e) {
+function x(e) {
 	if (!e.startsWith("data: ")) return e;
 	let t = "";
 	for (let n of e.split("\n")) {
@@ -42,7 +62,7 @@ function v(e) {
 	}
 	return t || null;
 }
-function y(e) {
+function S(e) {
 	let t = e.replace(/\r\n/g, "\n").split("\n\n"), n = t.pop() ?? "", r = [], i = !1;
 	for (let e of t) {
 		let t = e.split("\n").filter((e) => e.length > 0), n = "message", a = [];
@@ -67,7 +87,7 @@ function y(e) {
 				message: e
 			});
 		} else if (c?.type === "response.output_text.delta" && typeof c.delta == "string") {
-			let e = v(c.delta);
+			let e = x(c.delta);
 			e && r.push({
 				type: "response.output_text.delta",
 				delta: e
@@ -85,38 +105,38 @@ function y(e) {
 }
 //#endregion
 //#region src/logic/useBaileyChat.ts
-var b = 200, x = 15e4, S = (e, t, n) => {
+var C = 200, w = 15e4, ee = (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 > b ? `${i.slice(0, b)}…` : i}` : r;
-}, C = ({ transport: e, model: t, instructions: i, tools: s = [], toolChoice: c, firstUserMessagePrefix: l, onAssistantMessageComplete: u, idleTimeoutMs: d = x }) => {
-	let [f, p] = o([]), [m, h] = o([]), [g, v] = o(null), [b, C] = o("idle"), [w, T] = o(null), E = a(null), D = a(""), O = a(0), k = a([]);
+	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([]);
 	r(() => {
-		k.current = f;
+		O.current = f;
 	}, [f]);
-	let A = a(/* @__PURE__ */ new Map()), j = a(/* @__PURE__ */ new Map()), M = a(null), N = n(() => {
-		M.current !== null && (clearTimeout(M.current), M.current = null);
-	}, []), P = n((e) => {
-		N(), M.current = setTimeout(() => {
+	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(() => {
 			e.abort(new DOMException("The assistant took too long to respond. Please try again.", "TimeoutError"));
 		}, d);
-	}, [N, d]), F = n((e, t, n) => {
+	}, [M, d]), P = 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 = A.current.get(e) ?? {
+			let n = k.current.get(e) ?? {
 				raw: "",
 				emittedCount: 0
 			};
 			n.raw += t.delta;
-			let { cleanedText: i, matches: a } = _(n.raw), o = i.trim(), s = a.slice(n.emittedCount);
-			if (n.emittedCount = a.length, A.current.set(e, n), j.current.set(e, o), p((t) => t.map((t) => t.id === e ? {
+			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 ? {
 				...t,
 				content: o
 			} : t)), s.length > 0) {
-				let e = Date.now(), t = O.current;
+				let e = Date.now(), t = D.current;
 				s.forEach((n) => r({
 					kind: "pseudo_tool_call",
 					name: n.name,
@@ -130,7 +150,7 @@ var b = 200, x = 15e4, S = (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 = O.current, a = e.name || "unknown_tool";
+				let n = Date.now(), i = D.current, a = e.name || "unknown_tool";
 				return r(t.type === "response.output_item.added" ? {
 					kind: "tool_start",
 					name: a,
@@ -155,30 +175,31 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 			status: t.status,
 			message: t.message,
 			at: Date.now(),
-			turnSentAt: O.current
+			turnSentAt: D.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: O.current
+			turnSentAt: D.current
 		}), !0) : (r({
 			kind: "raw",
 			eventType: t.type,
 			raw: JSON.stringify(t),
 			at: Date.now(),
-			turnSentAt: O.current
+			turnSentAt: D.current
 		}), !0);
-	}, []), I = n(async (n) => {
-		C("streaming"), T(null);
-		let r = crypto.randomUUID();
+	}, []), F = n(async (n) => {
+		y("streaming"), C(null);
+		let r = Date.now();
+		D.current = r;
+		let a = crypto.randomUUID();
 		p((e) => [...e, {
-			id: r,
+			id: a,
 			role: "assistant",
 			content: "",
-			streaming: !0
+			streaming: !0,
+			createdAt: r
 		}]);
-		let a = Date.now();
-		O.current = a;
 		let o = n.map((e, t) => t === 0 && e.role === "user" && l ? {
 			role: e.role,
 			content: `${l}${e.content}`
@@ -186,14 +207,14 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 			role: e.role,
 			content: e.content
 		});
-		v({
+		_({
 			model: t,
 			systemPrompt: i,
 			messages: o,
 			tools: s,
 			toolChoice: c,
 			stream: !0,
-			sentAt: a,
+			sentAt: r,
 			streamStats: {
 				chunkCount: 0,
 				firstChunkAt: null,
@@ -201,14 +222,14 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 			}
 		});
 		let d = new AbortController();
-		E.current = d, P(d);
-		let f = "", m = null, g = !1, _ = !1, b = [], x = (e, t) => {
-			C("error"), T(e);
+		T.current = d, N(d);
+		let f = "", m = null, g = !1, v = !1, b = [], x = (e, t) => {
+			y("error"), C(e);
 			let n = {
 				kind: "error",
 				message: e,
 				at: Date.now(),
-				turnSentAt: a,
+				turnSentAt: r,
 				...t
 			};
 			b.push(n), h((e) => [...e, n]);
@@ -220,13 +241,13 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 						kind: "error",
 						message: e.message,
 						at: Date.now(),
-						turnSentAt: a
+						turnSentAt: r
 					};
 					b.push(t), h((e) => [...e, t]);
 					return;
 				}
-				e.type === "response.output_text.delta" && e.delta && (_ = !0), F(r, e, b) && (g = !0);
-			}), t && p((e) => e.map((e) => e.id === r ? {
+				e.type === "response.output_text.delta" && e.delta && (v = !0), P(a, e, b) && (g = !0);
+			}), t && p((e) => e.map((e) => e.id === a ? {
 				...e,
 				streaming: !1
 			} : e));
@@ -240,36 +261,36 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 				toolChoice: c,
 				signal: d.signal,
 				onChunk: (e) => {
-					P(d), f += e;
-					let { events: t, remainder: n, done: r } = y(f);
-					f = n, w(t, r);
-					let i = Date.now();
-					v((e) => e && e.sentAt === a ? {
+					N(d), f += e;
+					let { events: t, remainder: n, done: i } = S(f);
+					f = n, w(t, i);
+					let a = Date.now();
+					_((e) => e && e.sentAt === r ? {
 						...e,
 						streamStats: {
 							chunkCount: e.streamStats.chunkCount + 1,
-							firstChunkAt: e.streamStats.firstChunkAt ?? i,
-							lastChunkAt: i
+							firstChunkAt: e.streamStats.firstChunkAt ?? a,
+							lastChunkAt: a
 						}
 					} : e);
 				},
 				onRequestId: (e) => {
-					v((t) => t && t.sentAt === a ? {
+					_((t) => t && t.sentAt === r ? {
 						...t,
 						requestId: e
 					} : t);
 				}
 			});
 			if (f.trim()) {
-				let { events: e, done: t } = y(`${f}\n\n`);
+				let { events: e, done: t } = S(`${f}\n\n`);
 				f = "", w(e, t);
 			}
 			if (m) {
-				C("error"), T(m);
+				y("error"), C(m);
 				return;
 			}
 			if (n === void 0 || n >= 400) {
-				x(S(n, l, p), {
+				x(ee(n, l, p), {
 					httpStatus: n,
 					rawBody: l || void 0
 				});
@@ -279,17 +300,17 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 				x("Bailey returned an empty response.");
 				return;
 			}
-			if (!_) {
+			if (!v) {
 				x("Bailey ran some tools but didn't return an answer. Try asking again.");
 				return;
 			}
-			C("idle");
-			let h = j.current.get(r) ?? "";
-			v((e) => e && e.sentAt === a ? {
+			y("idle");
+			let h = A.current.get(a) ?? "";
+			_((e) => e && e.sentAt === r ? {
 				...e,
 				response: { content: h }
 			} : e), u && await u({
-				id: r,
+				id: a,
 				role: "assistant",
 				content: h,
 				streaming: !1
@@ -301,12 +322,12 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 				return;
 			}
 			if (t?.name === "AbortError") {
-				C("idle");
+				y("idle");
 				return;
 			}
 			x(t?.message || "Bailey request failed.");
 		} finally {
-			N(), A.current.delete(r), j.current.delete(r), p((e) => e.flatMap((e) => e.id === r ? e.content ? [{
+			M(), k.current.delete(a), A.current.delete(a), p((e) => e.flatMap((e) => e.id === a ? e.content ? [{
 				...e,
 				streaming: !1
 			}] : [] : [e]));
@@ -319,57 +340,58 @@ var b = 200, x = 15e4, S = (e, t, n) => {
 		c,
 		l,
 		u,
-		F,
 		P,
-		N
-	]), L = n((e) => {
-		k.current = e, p(e);
+		N,
+		M
+	]), I = n((e) => {
+		O.current = e, p(e);
 	}, []);
 	return {
 		messages: f,
 		traceEvents: m,
 		lastRequest: g,
-		status: b,
-		error: w,
+		status: v,
+		error: x,
 		send: n((e) => {
 			let t = e.trim();
 			if (!t) return;
-			D.current = t;
-			let n = [...k.current, {
+			E.current = t;
+			let n = [...O.current, {
 				id: crypto.randomUUID(),
 				role: "user",
-				content: t
+				content: t,
+				createdAt: Date.now()
 			}];
-			L(n), I(n);
-		}, [I, L]),
+			I(n), F(n);
+		}, [F, I]),
 		stop: n(() => {
-			E.current?.abort();
+			T.current?.abort();
 		}, []),
 		retryLast: n(() => {
-			if (!D.current) return;
-			let e = k.current, t = e[e.length - 1], n = t && t.role === "assistant" ? e.slice(0, -1) : e;
-			L(n), I(n);
-		}, [I, L]),
+			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]),
 		clearTrace: n(() => h([]), []),
 		clearError: n(() => {
-			T(null), C((e) => e === "error" ? "idle" : e);
+			C(null), y((e) => e === "error" ? "idle" : e);
 		}, []),
 		newChat: n(() => {
-			E.current?.abort(), L([]), h([]), v(null), C("idle"), T(null), D.current = "";
-		}, [L])
+			T.current?.abort(), I([]), h([]), _(null), y("idle"), C(null), E.current = "";
+		}, [I])
 	};
 };
 //#endregion
 //#region src/utils/prompt.ts
-function w(...e) {
+function E(...e) {
 	return e.filter((e) => !!(e && e.trim())).join("\n\n");
 }
 //#endregion
 //#region src/utils/toolCalls.ts
-var T = "call_tool", E = "a tool";
-function D(e, t) {
+var D = "call_tool", O = "a tool";
+function k(e, t) {
 	let n = {
-		name: e === T ? E : e,
+		name: e === D ? O : e,
 		args: null,
 		viaCallTool: !1
 	};
@@ -382,7 +404,7 @@ function D(e, t) {
 	}
 	if (typeof r != "object" || !r) return n;
 	let i = r;
-	if (e === T) {
+	if (e === D) {
 		let e = typeof i.name == "string" ? i.name : void 0;
 		if (!e) return n;
 		let t = i.arguments;
@@ -400,32 +422,32 @@ function D(e, t) {
 }
 //#endregion
 //#region src/utils/table.ts
-var O = 5, k = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(k).join(""), A = (e) => {
+var A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(j).join(""), M = (e) => {
 	if (e.tagName === "a" && e.properties?.href) return e.properties.href;
 	for (let t of e.children ?? []) {
-		let e = A(t);
+		let e = M(t);
 		if (e) return e;
 	}
-}, j = (e, t) => (e.children ?? []).find((e) => e.tagName === t), M = (e) => {
-	let t = k(e), n = A(e);
+}, N = (e, t) => (e.children ?? []).find((e) => e.tagName === t), P = (e) => {
+	let t = j(e), n = M(e);
 	return n ? {
 		text: t,
 		href: n
 	} : { text: t };
-}, N = (e) => (e.children ?? []).filter((e) => e.type === "element").map(M), P = (e) => {
+}, F = (e) => (e.children ?? []).filter((e) => e.type === "element").map(P), I = (e) => {
 	if (e.tagName !== "table") return null;
-	let t = j(e, "thead"), n = t && j(t, "tr");
+	let t = N(e, "thead"), n = t && N(t, "tr");
 	return {
-		headers: n ? N(n).map((e) => e.text) : [],
-		rows: (j(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(N)
+		headers: n ? F(n).map((e) => e.text) : [],
+		rows: (N(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(F)
 	};
-}, F = (e) => e.length > 5, I = "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```", L = [
+}, 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 = [
 	"bar",
 	"line",
 	"pie",
 	"doughnut",
 	"scatter"
-], ee = 8, te = 50, ne = 8, re = 500, ie = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", R = (e) => {
+], ie = 8, ae = 50, oe = 8, se = 500, ce = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", L = (e) => {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -434,17 +456,17 @@ var O = 5, k = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 	}
 	if (typeof t != "object" || !t) return null;
 	let n = t;
-	if (typeof n.type != "string" || !L.includes(n.type)) return null;
+	if (typeof n.type != "string" || !re.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 > ee || (r === "pie" || r === "doughnut") && a.datasets.length !== 1) return null;
+	if (!Array.isArray(a.datasets) || a.datasets.length < 1 || a.datasets.length > ie || (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 > re || !e.data.every(ie)) return null;
+		for (let e of o) if (e.data.length < 1 || e.data.length > se || !e.data.every(ce)) return null;
 		return {
 			type: r,
 			title: i,
@@ -452,7 +474,7 @@ var O = 5, k = (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" ? ne : te;
+	let s = a.labels, c = r === "pie" || r === "doughnut" ? oe : ae;
 	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 {
@@ -463,7 +485,7 @@ var O = 5, k = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 			datasets: o
 		}
 	};
-}, z = {
+}, le = {
 	tool_start: "Tool start",
 	tool_end: "Tool end",
 	pseudo_tool_call: "Narrated tool call",
@@ -472,13 +494,13 @@ var O = 5, k = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map
 	error: "Error",
 	raw: "Raw event"
 };
-function B(e) {
-	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : D(e.name, e.args);
+function R(e) {
+	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : k(e.name, e.args);
 }
-function V(e, t = B(e)) {
+function z(e, t = R(e)) {
 	return e.kind === "pseudo_tool_call" ? e.name : t?.name ?? null;
 }
-function H(e, t = B(e)) {
+function ue(e, t = R(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" : ""}`;
@@ -489,20 +511,20 @@ function H(e, t = B(e)) {
 		case "raw": return `Unrecognized event: ${e.eventType}`;
 	}
 }
-function U(e, t = B(e)) {
+function B(e, t = R(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 W(e) {
+function V(e) {
 	return e.kind === "tool_end" ? e.output ?? null : null;
 }
-function G(e) {
+function H(e) {
 	return e.kind === "raw" ? e.raw : e.kind === "error" ? e.rawBody ?? null : null;
 }
-function K(e) {
+function U(e) {
 	switch (e.kind) {
-		case "tool_start": return `Calling ${D(e.name, e.args).name}...`;
+		case "tool_start": return `Calling ${k(e.name, e.args).name}...`;
 		case "tool_end": {
-			let t = D(e.name, e.args).name;
+			let t = k(e.name, e.args).name;
 			return e.isError ? `${t} failed` : `${t} returned`;
 		}
 		case "pseudo_tool_call": return `${e.name} (written as text, not called)`;
@@ -512,11 +534,11 @@ function K(e) {
 		case "raw": return `Unrecognized event: ${e.eventType}`;
 	}
 }
-function q(e) {
+function W(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 J(e) {
+function G(e) {
 	if (e <= 0) return "+0ms";
 	if (e < 1e3) return `+${Math.round(e)}ms`;
 	let t = e / 1e3;
@@ -524,30 +546,30 @@ function J(e) {
 	let n = Math.floor(t / 60), r = Math.round(t % 60);
 	return `+${n}m${String(r).padStart(2, "0")}s`;
 }
-function Y(e) {
+function K(e) {
 	return e.map((t, n) => {
-		let r = B(t), i = n === 0 ? t.turnSentAt : e[n - 1].at;
+		let r = R(t), i = n === 0 ? t.turnSentAt : e[n - 1].at;
 		return {
 			key: `${t.at}-${n}`,
 			kind: t.kind,
-			toolName: V(t, r),
+			toolName: z(t, r),
 			isToolStart: t.kind === "tool_start",
 			failed: t.kind === "tool_end" && t.isError === !0,
-			time: q(t.at),
+			time: W(t.at),
 			gapMs: t.at - i,
-			label: t.kind === "tool_end" && t.isError === !0 ? "Tool failed" : z[t.kind],
-			summary: H(t, r),
-			argsDetail: U(t, r),
-			outputDetail: W(t),
-			rawDetail: G(t)
+			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)
 		};
 	});
 }
-function X(e) {
+function q(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 ae(e) {
+function J(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -566,12 +588,19 @@ function ae(e) {
 	}
 	return t;
 }
-function oe(e) {
+function Y(e) {
 	return e.some((e) => e.kind === "tool_end" && e.isError || e.kind === "error");
 }
+function X(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)
+	}));
+}
 //#endregion
 //#region src/ui/markdown.tsx
-function se({ renderTable: t, renderChart: n } = {}) {
+function de({ renderTable: t, renderChart: n } = {}) {
 	return {
 		a: ({ href: t, children: n }) => !t || !e(t) ? /* @__PURE__ */ u(l, { children: n }) : /* @__PURE__ */ u("a", {
 			href: t,
@@ -580,8 +609,8 @@ function se({ renderTable: t, renderChart: n } = {}) {
 			children: n
 		}),
 		table: ({ node: n, children: r }) => {
-			let i = n && P(n);
-			if (i && F(i.rows) && t) {
+			let i = n && I(n);
+			if (i && te(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,
@@ -593,7 +622,7 @@ function se({ 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 = R(Array.isArray(e) ? e.join("") : String(e ?? ""));
+				let e = t?.children, r = L(Array.isArray(e) ? e.join("") : String(e ?? ""));
 				if (r) return /* @__PURE__ */ u(l, { children: n(r) });
 			}
 			return /* @__PURE__ */ u("pre", { children: e });
@@ -601,9 +630,82 @@ function se({ renderTable: t, renderChart: n } = {}) {
 	};
 }
 //#endregion
+//#region src/ui/icons.tsx
+function fe({ className: e }) {
+	return /* @__PURE__ */ u("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" })
+	});
+}
+function Z({ className: e }) {
+	return /* @__PURE__ */ d("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("path", { d: "M7 17 17 7" }), /* @__PURE__ */ u("path", { d: "M9 7h8v8" })]
+	});
+}
+function pe({ className: e }) {
+	return /* @__PURE__ */ d("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("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" })]
+	});
+}
+function me({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ u("path", { d: "M5 12.5 9.5 17 19 7" })
+	});
+}
+function he({ className: e }) {
+	return /* @__PURE__ */ d("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9"
+		}), /* @__PURE__ */ u("path", { d: "M8.5 12.5 11 15l4.5-5.5" })]
+	});
+}
+//#endregion
 //#region src/ui/CopyMarkdownButton.tsx
-var ce = 1500;
-function le({ markdown: e, className: t }) {
+var ge = 1500;
+function _e({ markdown: e, className: t }) {
 	let [n, i] = o(!1), [s, c] = o(!1), l = a(null);
 	return r(() => () => {
 		l.current !== null && clearTimeout(l.current);
@@ -620,11 +722,11 @@ function le({ markdown: e, className: t }) {
 						try {
 							await navigator.clipboard.writeText(e);
 						} catch {}
-						i(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => i(!1), ce);
+						i(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => i(!1), ge);
 					},
 					"aria-label": "copy response as markdown",
 					className: `bailey-copy-button${t ? ` ${t}` : ""}`,
-					children: n ? "✓" : "⧉"
+					children: u(n ? me : pe, { className: "bailey-copy-icon" })
 				})
 			}), /* @__PURE__ */ u(f.Portal, { children: /* @__PURE__ */ d(f.Content, {
 				side: "top",
@@ -636,20 +738,20 @@ function le({ markdown: e, className: t }) {
 }
 //#endregion
 //#region src/ui/BaileyTracePanel.tsx
-async function ue(e) {
+async function ve(e) {
 	try {
 		await navigator.clipboard.writeText(e);
 	} catch {}
 }
-function de({ text: e, label: t = "Copy" }) {
+function ye({ text: e, label: t = "Copy" }) {
 	return /* @__PURE__ */ u("button", {
 		type: "button",
-		onClick: () => ue(e),
+		onClick: () => ve(e),
 		className: "bailey-trace-copy-button",
 		children: t
 	});
 }
-function fe(e) {
+function be(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";
@@ -658,7 +760,7 @@ function fe(e) {
 		default: return "bailey-trace-chip bailey-trace-chip-default";
 	}
 }
-function Z({ label: e, content: t, copyable: n }) {
+function Q({ label: e, content: t, copyable: n }) {
 	return /* @__PURE__ */ d("details", {
 		className: "bailey-trace-disclosure",
 		children: [
@@ -668,7 +770,7 @@ function Z({ label: e, content: t, copyable: n }) {
 			}),
 			n && /* @__PURE__ */ u("div", {
 				className: "bailey-trace-disclosure-actions",
-				children: /* @__PURE__ */ u(de, { text: t })
+				children: /* @__PURE__ */ u(ye, { text: t })
 			}),
 			/* @__PURE__ */ u("pre", {
 				className: "bailey-trace-disclosure-content",
@@ -677,7 +779,7 @@ function Z({ label: e, content: t, copyable: n }) {
 		]
 	});
 }
-function Q({ row: e }) {
+function $({ row: e }) {
 	return /* @__PURE__ */ d("div", {
 		className: "bailey-trace-row",
 		children: [
@@ -691,10 +793,10 @@ function Q({ row: e }) {
 					/* @__PURE__ */ u("span", {
 						className: "bailey-trace-row-gap",
 						title: "Time since the previous event",
-						children: J(e.gapMs)
+						children: G(e.gapMs)
 					}),
 					/* @__PURE__ */ u("span", {
-						className: fe(e),
+						className: be(e),
 						children: e.label
 					}),
 					/* @__PURE__ */ u("span", {
@@ -703,28 +805,28 @@ function Q({ row: e }) {
 					})
 				]
 			}),
-			e.argsDetail && /* @__PURE__ */ u(Z, {
+			e.argsDetail && /* @__PURE__ */ u(Q, {
 				label: "args",
 				content: e.argsDetail
 			}),
-			e.outputDetail && /* @__PURE__ */ u(Z, {
+			e.outputDetail && /* @__PURE__ */ u(Q, {
 				label: "output",
 				content: e.outputDetail
 			}),
-			e.rawDetail && /* @__PURE__ */ u(Z, {
+			e.rawDetail && /* @__PURE__ */ u(Q, {
 				label: "raw",
 				content: e.rawDetail
 			})
 		]
 	});
 }
-function pe(e, t) {
+function xe(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 me({ request: e }) {
+function Se({ request: e }) {
 	let t = i(() => JSON.stringify({
 		model: e.model,
 		instructions: e.systemPrompt,
@@ -748,24 +850,24 @@ function me({ request: e }) {
 			}),
 			/* @__PURE__ */ u("span", {
 				className: "bailey-trace-request-meta",
-				children: pe(e.streamStats, e.sentAt)
+				children: xe(e.streamStats, e.sentAt)
 			}),
-			/* @__PURE__ */ u(Z, {
+			/* @__PURE__ */ u(Q, {
 				label: `System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,
 				content: e.systemPrompt,
 				copyable: !0
 			}),
-			/* @__PURE__ */ u(Z, {
+			/* @__PURE__ */ u(Q, {
 				label: `Messages (${e.messages.length})`,
 				content: JSON.stringify(e.messages, null, 2),
 				copyable: !0
 			}),
-			e.response && /* @__PURE__ */ u(Z, {
+			e.response && /* @__PURE__ */ u(Q, {
 				label: `Response (${e.response.content.length.toLocaleString()} chars)`,
 				content: e.response.content,
 				copyable: !0
 			}),
-			/* @__PURE__ */ u(Z, {
+			/* @__PURE__ */ u(Q, {
 				label: "Full payload (JSON)",
 				content: t,
 				copyable: !0
@@ -773,14 +875,14 @@ function me({ request: e }) {
 		]
 	});
 }
-function he({ events: e, lastRequest: t, onClear: n }) {
-	let r = i(() => Y(e), [e]), a = i(() => ae(r), [r]), o = i(() => JSON.stringify(e, null, 2), [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", {
 		className: "bailey-trace-body",
 		children: [
 			/* @__PURE__ */ d("div", {
 				className: "bailey-trace-actions-row",
-				children: [e.length > 0 && /* @__PURE__ */ u(de, {
+				children: [e.length > 0 && /* @__PURE__ */ u(ye, {
 					text: o,
 					label: "Copy trace as JSON"
 				}), /* @__PURE__ */ u("button", {
@@ -790,15 +892,15 @@ function he({ events: e, lastRequest: t, onClear: n }) {
 					children: "Clear"
 				})]
 			}),
-			t && /* @__PURE__ */ u(me, { request: t }),
+			t && /* @__PURE__ */ u(Se, { request: t }),
 			/* @__PURE__ */ u("div", {
 				className: "bailey-trace-rows",
 				children: a.map((e, t) => {
-					if (e.type === "single") return /* @__PURE__ */ u(Q, { row: e.row }, e.row.key);
+					if (e.type === "single") return /* @__PURE__ */ u($, { row: e.row }, e.row.key);
 					let n = e.rows.filter((e) => e.isToolStart).length;
 					if (n <= 1) return /* @__PURE__ */ u("div", {
 						className: "bailey-trace-rows",
-						children: e.rows.map((e) => /* @__PURE__ */ u(Q, { row: e }, e.key))
+						children: e.rows.map((e) => /* @__PURE__ */ u($, { row: e }, e.key))
 					}, `group-${t}`);
 					let r = e.rows.filter((e) => e.failed).length;
 					return /* @__PURE__ */ d("details", {
@@ -820,7 +922,7 @@ function he({ events: e, lastRequest: t, onClear: n }) {
 							]
 						}), /* @__PURE__ */ u("div", {
 							className: "bailey-trace-rows",
-							children: e.rows.map((e) => /* @__PURE__ */ u(Q, { row: e }, e.key))
+							children: e.rows.map((e) => /* @__PURE__ */ u($, { row: e }, e.key))
 						})]
 					}, `group-${t}`);
 				})
@@ -828,8 +930,8 @@ function he({ events: e, lastRequest: t, onClear: n }) {
 		]
 	});
 }
-function $({ events: e, lastRequest: t, onClear: n }) {
-	let [r, a] = o(!1), s = i(() => oe(e), [e]), c = i(() => X(e), [e]);
+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", {
 		className: "bailey-trace-panel",
 		children: [/* @__PURE__ */ d("div", {
@@ -850,7 +952,7 @@ function $({ events: e, lastRequest: t, onClear: n }) {
 				className: s ? "bailey-trace-summary bailey-trace-summary-error" : "bailey-trace-summary",
 				children: c
 			})]
-		}), r && /* @__PURE__ */ u(he, {
+		}), r && /* @__PURE__ */ u(Ce, {
 			events: e,
 			lastRequest: t,
 			onClear: n
@@ -859,144 +961,198 @@ function $({ events: e, lastRequest: t, onClear: n }) {
 }
 //#endregion
 //#region src/ui/BaileyChatPanel.tsx
-var ge = [c], _e = t(function({ content: e, components: t }) {
+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", {
 		className: "bailey-markdown-content",
 		children: /* @__PURE__ */ u(s, {
-			remarkPlugins: ge,
+			remarkPlugins: De,
 			components: t,
 			children: e
 		})
 	});
 });
-function ve(e, t, n) {
+function ke(e, t, n) {
 	if (e !== "streaming") return;
 	let r = t.filter((e) => e.turnSentAt === n?.sentAt);
-	if (r.length !== 0) return K(r[r.length - 1]);
-}
-function ye({ chat: e, placeholder: t = "Send a message…", className: n, renderMessageActions: s, renderTable: c, renderChart: l }) {
-	let { messages: f, traceEvents: p, lastRequest: m, status: h, error: g, send: _, stop: v, retryLast: y, clearTrace: b, clearError: x, newChat: S } = e, [C, w] = o(""), T = a(null), E = i(() => se({
-		renderTable: c,
-		renderChart: l
-	}), [c, l]), D = i(() => ve(h, p, m), [
-		h,
-		p,
-		m
-	]);
+	if (r.length !== 0) return U(r[r.length - 1]);
+}
+function Ae(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(() => {
-		T.current?.scrollIntoView({
+		j.current?.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest"
 		});
-	}, [f]), /* @__PURE__ */ d("div", {
-		className: `bailey-chat-panel${n ? ` ${n}` : ""}`,
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: "bailey-toolbar-row",
-				children: /* @__PURE__ */ u("button", {
-					type: "button",
-					onClick: S,
-					disabled: f.length === 0,
-					"aria-label": "new chat",
-					className: "bailey-new-chat-button",
-					children: "New chat"
-				})
-			}),
-			/* @__PURE__ */ d("div", {
-				className: "bailey-chat-transcript",
-				children: [
-					f.length === 0 && /* @__PURE__ */ u("div", {
-						className: "bailey-empty-state",
-						children: "Ask Bailey a question to get started."
-					}),
-					f.map((e, t) => {
-						let n = e.role === "assistant" && t === f.length - 1, r = h === "streaming" && n && e.content === "";
-						return /* @__PURE__ */ u("div", {
-							className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
-							children: e.role === "user" ? /* @__PURE__ */ u("div", {
-								className: "bailey-user-bubble",
-								children: e.content
-							}) : r ? /* @__PURE__ */ u("div", {
-								className: "bailey-thinking-hint",
-								children: D ?? "Thinking…"
-							}) : /* @__PURE__ */ d("div", {
-								className: "bailey-assistant-message",
-								children: [
-									/* @__PURE__ */ u(_e, {
-										content: e.content,
-										components: E
-									}),
-									e.streaming && D && /* @__PURE__ */ u("div", {
-										className: "bailey-streaming-hint",
-										children: D
-									}),
-									!e.streaming && /* @__PURE__ */ d("div", {
-										className: "bailey-message-actions",
-										children: [/* @__PURE__ */ u(le, { markdown: e.content }), s?.(e)]
-									})
-								]
-							})
-						}, e.id);
-					}),
-					/* @__PURE__ */ u("div", { ref: T })
-				]
-			}),
-			g && /* @__PURE__ */ d("div", {
-				className: "bailey-error-banner",
-				role: "alert",
-				children: [/* @__PURE__ */ u("span", { children: g }), /* @__PURE__ */ d("div", {
-					className: "bailey-error-actions",
-					children: [/* @__PURE__ */ u("button", {
+	}, [y]), /* @__PURE__ */ u("div", {
+		className: `bailey-chat-panel${f ? ` ${f}` : ""}`,
+		style: p !== void 0 || m !== void 0 ? {
+			height: p,
+			width: m
+		} : void 0,
+		children: /* @__PURE__ */ d("div", {
+			className: "bailey-chat-panel-inner",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "bailey-toolbar-row",
+					children: /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: y,
-						className: "bailey-retry-button",
-						children: "Retry"
-					}), /* @__PURE__ */ u("button", {
+						onClick: O,
+						disabled: y.length === 0,
+						"aria-label": "new chat",
+						className: "bailey-new-chat-button",
+						children: "New chat"
+					})
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "bailey-chat-transcript",
+					children: [
+						P && (s && s.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", {
+								type: "button",
+								onClick: () => w(e.value ?? e.label),
+								className: "bailey-suggestion-card",
+								children: [/* @__PURE__ */ u("span", { children: e.label }), /* @__PURE__ */ u(Z, { className: "bailey-suggestion-icon" })]
+							}, `${e.label}-${t}`))]
+						}) : /* @__PURE__ */ u("div", {
+							className: "bailey-empty-state",
+							children: "Ask Bailey a question to get started."
+						})),
+						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", {
+								className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
+								children: e.role === "user" ? /* @__PURE__ */ d("div", {
+									className: "bailey-user-message",
+									children: [/* @__PURE__ */ d("div", {
+										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) })]
+									}), /* @__PURE__ */ u("div", {
+										className: "bailey-user-bubble",
+										children: e.content
+									})]
+								}) : r ? /* @__PURE__ */ u("div", {
+									className: "bailey-thinking-hint",
+									children: N ?? "Thinking…"
+								}) : /* @__PURE__ */ d("div", {
+									className: "bailey-assistant-message",
+									children: [
+										a && /* @__PURE__ */ d("div", {
+											className: "bailey-activity-line",
+											children: [/* @__PURE__ */ u("span", {
+												className: "bailey-activity-icon",
+												children: l?.(a.toolName) ?? /* @__PURE__ */ u(he, {})
+											}), /* @__PURE__ */ u("span", { children: a.text })]
+										}),
+										/* @__PURE__ */ u(Oe, {
+											content: e.content,
+											components: M
+										}),
+										e.streaming && N && /* @__PURE__ */ u("div", {
+											className: "bailey-streaming-hint",
+											children: N
+										}),
+										!e.streaming && /* @__PURE__ */ d("div", {
+											className: "bailey-message-actions",
+											children: [/* @__PURE__ */ u(_e, { markdown: e.content }), g?.(e)]
+										})
+									]
+								})
+							}, e.id);
+						}),
+						/* @__PURE__ */ u("div", { ref: j })
+					]
+				}),
+				P && c && /* @__PURE__ */ d("div", {
+					className: "bailey-privacy-note",
+					children: [
+						c.text,
+						" ",
+						/* @__PURE__ */ u("a", {
+							href: c.linkHref,
+							target: "_blank",
+							rel: "noreferrer",
+							children: c.linkLabel
+						})
+					]
+				}),
+				C && /* @__PURE__ */ d("div", {
+					className: "bailey-error-banner",
+					role: "alert",
+					children: [/* @__PURE__ */ u("span", { children: C }), /* @__PURE__ */ d("div", {
+						className: "bailey-error-actions",
+						children: [/* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: T,
+							className: "bailey-retry-button",
+							children: "Retry"
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: D,
+							"aria-label": "dismiss error",
+							className: "bailey-dismiss-button",
+							children: "✕"
+						})]
+					})]
+				}),
+				!h && /* @__PURE__ */ u(we, {
+					events: b,
+					lastRequest: x,
+					onClear: E
+				}),
+				/* @__PURE__ */ d("form", {
+					onSubmit: (e) => {
+						e.preventDefault(), !(!k.trim() || S === "streaming") && (w(k), A(""));
+					},
+					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",
+						className: "bailey-input"
+					}), S === "streaming" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: x,
-						"aria-label": "dismiss error",
-						className: "bailey-dismiss-button",
-						children: "✕"
+						onClick: ee,
+						"aria-label": "stop",
+						className: "bailey-stop-button",
+						children: "Stop"
+					}) : /* @__PURE__ */ u("button", {
+						type: "submit",
+						"aria-label": "send",
+						disabled: !k.trim(),
+						className: "bailey-send-button",
+						children: /* @__PURE__ */ u(fe, { className: "bailey-send-icon" })
 					})]
-				})]
-			}),
-			/* @__PURE__ */ u($, {
-				events: p,
-				lastRequest: m,
-				onClear: b
-			}),
-			/* @__PURE__ */ d("form", {
-				onSubmit: (e) => {
-					e.preventDefault(), !(!C.trim() || h === "streaming") && (_(C), w(""));
-				},
-				className: "bailey-input-row",
-				children: [/* @__PURE__ */ u("input", {
-					type: "text",
-					placeholder: t,
-					"aria-label": t,
-					value: C,
-					onChange: (e) => w(e.target.value),
-					disabled: h === "streaming",
-					className: "bailey-input"
-				}), h === "streaming" ? /* @__PURE__ */ u("button", {
-					type: "button",
-					onClick: v,
-					"aria-label": "stop",
-					className: "bailey-stop-button",
-					children: "Stop"
-				}) : /* @__PURE__ */ u("button", {
-					type: "submit",
-					"aria-label": "send",
-					disabled: !C.trim(),
-					className: "bailey-send-button",
-					children: "Send"
-				})]
-			})
-		]
+				})
+			]
+		})
 	});
 }
 //#endregion
 //#region src/index.ts
-var be = "0.3.1-pre.2";
+var Me = "0.3.1-pre.2";
 //#endregion
-export { be as BAILEYAI_CHAT_UI_VERSION, I as BAILEY_CHART_PROMPT_FRAGMENT, O as BAILEY_TABLE_GRID_ROW_THRESHOLD, ye as BaileyChatPanel, $ as BaileyTracePanel, le as CopyMarkdownButton, z as TRACE_KIND_LABEL, se as createBaileyMarkdownComponents, _ as extractPseudoToolCalls, P as extractTableData, J as formatTraceGap, q as formatTraceTime, oe as hasTraceFailure, e as isSafeMarkdownUrl, w as joinInstructions, R as parseBaileyChartSpec, y as parseSseFrames, D as resolveToolCall, F as shouldUseGrid, Y as toTraceRows, ae as toTraceSegments, U as traceEventArgsDetail, K as traceEventHint, W as traceEventOutputDetail, G as traceEventRawDetail, H as traceEventSummary, V as traceEventToolName, X as traceSummaryLine, C as useBaileyChat };
+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 };