@icanbwell/baileyai-chat-ui 0.3.1-pre.0 → 0.3.1-pre.2

package/dist/baileyai-chat-ui.js

@@ -1,19 +1,20 @@
-import { memo as e, useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import o from "react-markdown";
-import s from "remark-gfm";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import * as d from "@radix-ui/react-tooltip";
+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";
 //#region src/utils/pseudoToolCalls.ts
-var f = /<(search_tools|call_tool)>([\s\S]*?)<\/\1>/g, p = /<name>([\s\S]*?)<\/name>/, m = /<arguments>([\s\S]*?)<\/arguments>/;
-function h(e) {
-	let t = p.exec(e)?.[1]?.trim() || "unknown_tool", n = m.exec(e)?.[1]?.trim();
+var p = /<(search_tools|call_tool)>([\s\S]*?)<\/\1>/g, m = /<name>([\s\S]*?)<\/name>/, h = /<arguments>([\s\S]*?)<\/arguments>/;
+function g(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 g(e) {
-	let t = [], n = e.replace(f, (e, n, r) => (t.push(n === "call_tool" ? h(r) : {
+function _(e) {
+	let t = [], n = e.replace(p, (e, n, r) => (t.push(n === "call_tool" ? g(r) : {
 		name: "search_tools",
 		args: r.trim()
 	}), ""));
@@ -27,7 +28,7 @@ function g(e) {
 }
 //#endregion
 //#region src/logic/sse.ts
-function _(e) {
+function v(e) {
 	if (!e.startsWith("data: ")) return e;
 	let t = "";
 	for (let n of e.split("\n")) {
@@ -41,7 +42,7 @@ function _(e) {
 	}
 	return t || null;
 }
-function v(e) {
+function y(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 = [];
@@ -66,7 +67,7 @@ function v(e) {
 				message: e
 			});
 		} else if (c?.type === "response.output_text.delta" && typeof c.delta == "string") {
-			let e = _(c.delta);
+			let e = v(c.delta);
 			e && r.push({
 				type: "response.output_text.delta",
 				delta: e
@@ -84,22 +85,22 @@ function v(e) {
 }
 //#endregion
 //#region src/logic/useBaileyChat.ts
-var y = 200, b = 15e4, x = (e, t, n) => {
+var b = 200, x = 15e4, S = (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 > y ? `${i.slice(0, y)}…` : i}` : r;
-}, S = ({ transport: e, model: r, instructions: o, tools: s = [], toolChoice: c, firstUserMessagePrefix: l, onAssistantMessageComplete: u, idleTimeoutMs: d = b }) => {
-	let [f, p] = a([]), [m, h] = a([]), [_, y] = a(null), [S, C] = a("idle"), [w, T] = a(null), E = i(null), D = i(""), O = i(0), k = i([]);
-	n(() => {
+	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([]);
+	r(() => {
 		k.current = f;
 	}, [f]);
-	let A = i(/* @__PURE__ */ new Map()), j = i(/* @__PURE__ */ new Map()), M = i(null), N = t(() => {
+	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 = t((e) => {
+	}, []), P = n((e) => {
 		N(), M.current = setTimeout(() => {
 			e.abort(new DOMException("The assistant took too long to respond. Please try again.", "TimeoutError"));
 		}, d);
-	}, [N, d]), F = t((e, t, n) => {
+	}, [N, d]), F = n((e, t, n) => {
 		let r = (e) => {
 			n.push(e), h((t) => [...t, e]);
 		};
@@ -110,7 +111,7 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 				emittedCount: 0
 			};
 			n.raw += t.delta;
-			let { cleanedText: i, matches: a } = g(n.raw), o = i.trim(), s = a.slice(n.emittedCount);
+			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 ? {
 				...t,
 				content: o
@@ -167,32 +168,32 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 			at: Date.now(),
 			turnSentAt: O.current
 		}), !0);
-	}, []), I = t(async (t) => {
+	}, []), I = n(async (n) => {
 		C("streaming"), T(null);
-		let n = crypto.randomUUID();
+		let r = crypto.randomUUID();
 		p((e) => [...e, {
-			id: n,
+			id: r,
 			role: "assistant",
 			content: "",
 			streaming: !0
 		}]);
-		let i = Date.now();
-		O.current = i;
-		let a = t.map((e, t) => t === 0 && e.role === "user" && l ? {
+		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}`
 		} : {
 			role: e.role,
 			content: e.content
 		});
-		y({
-			model: r,
-			systemPrompt: o,
-			messages: a,
+		v({
+			model: t,
+			systemPrompt: i,
+			messages: o,
 			tools: s,
 			toolChoice: c,
 			stream: !0,
-			sentAt: i,
+			sentAt: a,
 			streamStats: {
 				chunkCount: 0,
 				firstChunkAt: null,
@@ -201,13 +202,13 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 		});
 		let d = new AbortController();
 		E.current = d, P(d);
-		let f = "", m = null, g = !1, _ = !1, b = [], S = (e, t) => {
+		let f = "", m = null, g = !1, _ = !1, b = [], x = (e, t) => {
 			C("error"), T(e);
 			let n = {
 				kind: "error",
 				message: e,
 				at: Date.now(),
-				turnSentAt: i,
+				turnSentAt: a,
 				...t
 			};
 			b.push(n), h((e) => [...e, n]);
@@ -219,76 +220,76 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 						kind: "error",
 						message: e.message,
 						at: Date.now(),
-						turnSentAt: i
+						turnSentAt: a
 					};
 					b.push(t), h((e) => [...e, t]);
 					return;
 				}
-				e.type === "response.output_text.delta" && e.delta && (_ = !0), F(n, e, b) && (g = !0);
-			}), t && p((e) => e.map((e) => e.id === n ? {
+				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,
 				streaming: !1
 			} : e));
 		};
 		try {
-			let { status: t, text: l, errorMessage: p } = await e.streamChat({
-				model: r,
-				instructions: o,
-				input: a,
+			let { status: n, text: l, errorMessage: p } = await e.streamChat({
+				model: t,
+				instructions: i,
+				input: o,
 				tools: s,
 				toolChoice: c,
 				signal: d.signal,
 				onChunk: (e) => {
 					P(d), f += e;
-					let { events: t, remainder: n, done: r } = v(f);
+					let { events: t, remainder: n, done: r } = y(f);
 					f = n, w(t, r);
-					let a = Date.now();
-					y((e) => e && e.sentAt === i ? {
+					let i = Date.now();
+					v((e) => e && e.sentAt === a ? {
 						...e,
 						streamStats: {
 							chunkCount: e.streamStats.chunkCount + 1,
-							firstChunkAt: e.streamStats.firstChunkAt ?? a,
-							lastChunkAt: a
+							firstChunkAt: e.streamStats.firstChunkAt ?? i,
+							lastChunkAt: i
 						}
 					} : e);
 				},
 				onRequestId: (e) => {
-					y((t) => t && t.sentAt === i ? {
+					v((t) => t && t.sentAt === a ? {
 						...t,
 						requestId: e
 					} : t);
 				}
 			});
 			if (f.trim()) {
-				let { events: e, done: t } = v(`${f}\n\n`);
+				let { events: e, done: t } = y(`${f}\n\n`);
 				f = "", w(e, t);
 			}
 			if (m) {
 				C("error"), T(m);
 				return;
 			}
-			if (t === void 0 || t >= 400) {
-				S(x(t, l, p), {
-					httpStatus: t,
+			if (n === void 0 || n >= 400) {
+				x(S(n, l, p), {
+					httpStatus: n,
 					rawBody: l || void 0
 				});
 				return;
 			}
 			if (!g) {
-				S("Bailey returned an empty response.");
+				x("Bailey returned an empty response.");
 				return;
 			}
 			if (!_) {
-				S("Bailey ran some tools but didn't return an answer. Try asking again.");
+				x("Bailey ran some tools but didn't return an answer. Try asking again.");
 				return;
 			}
 			C("idle");
-			let h = j.current.get(n) ?? "";
-			y((e) => e && e.sentAt === i ? {
+			let h = j.current.get(r) ?? "";
+			v((e) => e && e.sentAt === a ? {
 				...e,
 				response: { content: h }
 			} : e), u && await u({
-				id: n,
+				id: r,
 				role: "assistant",
 				content: h,
 				streaming: !1
@@ -296,24 +297,24 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 		} catch (e) {
 			let t = e;
 			if (t?.name === "TimeoutError") {
-				S(t.message, { source: "client-timeout" });
+				x(t.message, { source: "client-timeout" });
 				return;
 			}
 			if (t?.name === "AbortError") {
 				C("idle");
 				return;
 			}
-			S(t?.message || "Bailey request failed.");
+			x(t?.message || "Bailey request failed.");
 		} finally {
-			N(), A.current.delete(n), j.current.delete(n), p((e) => e.flatMap((e) => e.id === n ? e.content ? [{
+			N(), A.current.delete(r), j.current.delete(r), p((e) => e.flatMap((e) => e.id === r ? e.content ? [{
 				...e,
 				streaming: !1
 			}] : [] : [e]));
 		}
 	}, [
 		e,
-		r,
-		o,
+		t,
+		i,
 		s,
 		c,
 		l,
@@ -321,14 +322,16 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 		F,
 		P,
 		N
-	]);
+	]), L = n((e) => {
+		k.current = e, p(e);
+	}, []);
 	return {
 		messages: f,
 		traceEvents: m,
-		lastRequest: _,
-		status: S,
+		lastRequest: g,
+		status: b,
 		error: w,
-		send: t((e) => {
+		send: n((e) => {
 			let t = e.trim();
 			if (!t) return;
 			D.current = t;
@@ -337,33 +340,36 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 				role: "user",
 				content: t
 			}];
-			k.current = n, p(n), I(n);
-		}, [I]),
-		stop: t(() => {
+			L(n), I(n);
+		}, [I, L]),
+		stop: n(() => {
 			E.current?.abort();
 		}, []),
-		retryLast: t(() => {
+		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;
-			k.current = n, p(n), I(n);
-		}, [I]),
-		clearTrace: t(() => h([]), []),
-		clearError: t(() => {
+			L(n), I(n);
+		}, [I, L]),
+		clearTrace: n(() => h([]), []),
+		clearError: n(() => {
 			T(null), C((e) => e === "error" ? "idle" : e);
-		}, [])
+		}, []),
+		newChat: n(() => {
+			E.current?.abort(), L([]), h([]), v(null), C("idle"), T(null), D.current = "";
+		}, [L])
 	};
 };
 //#endregion
 //#region src/utils/prompt.ts
-function C(...e) {
+function w(...e) {
 	return e.filter((e) => !!(e && e.trim())).join("\n\n");
 }
 //#endregion
 //#region src/utils/toolCalls.ts
-var w = "call_tool", T = "a tool";
-function E(e, t) {
+var T = "call_tool", E = "a tool";
+function D(e, t) {
 	let n = {
-		name: e === w ? T : e,
+		name: e === T ? E : e,
 		args: null,
 		viaCallTool: !1
 	};
@@ -376,7 +382,7 @@ function E(e, t) {
 	}
 	if (typeof r != "object" || !r) return n;
 	let i = r;
-	if (e === w) {
+	if (e === T) {
 		let e = typeof i.name == "string" ? i.name : void 0;
 		if (!e) return n;
 		let t = i.arguments;
@@ -393,36 +399,33 @@ function E(e, t) {
 	};
 }
 //#endregion
-//#region src/utils/safeMarkdownUrl.ts
-var D = /^(https?|mailto):/i, O = (e) => e.replace(/[\t\n\r]/g, "").trim(), k = (e) => {
-	let t = O(e);
-	return !/^[a-z][a-z0-9+.-]*:/i.test(t) || D.test(t);
-}, A = 5, j = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(j).join(""), M = (e) => {
+//#region src/utils/table.ts
+var O = 5, k = (e) => e.type === "text" ? e.value ?? "" : (e.children ?? []).map(k).join(""), A = (e) => {
 	if (e.tagName === "a" && e.properties?.href) return e.properties.href;
 	for (let t of e.children ?? []) {
-		let e = M(t);
+		let e = A(t);
 		if (e) return e;
 	}
-}, N = (e, t) => (e.children ?? []).find((e) => e.tagName === t), P = (e) => {
-	let t = j(e), n = M(e);
+}, j = (e, t) => (e.children ?? []).find((e) => e.tagName === t), M = (e) => {
+	let t = k(e), n = A(e);
 	return n ? {
 		text: t,
 		href: n
 	} : { text: t };
-}, F = (e) => (e.children ?? []).filter((e) => e.type === "element").map(P), I = (e) => {
+}, N = (e) => (e.children ?? []).filter((e) => e.type === "element").map(M), P = (e) => {
 	if (e.tagName !== "table") return null;
-	let t = N(e, "thead"), n = t && N(t, "tr");
+	let t = j(e, "thead"), n = t && j(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 ? N(n).map((e) => e.text) : [],
+		rows: (j(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(N)
 	};
-}, L = (e) => e.length > 5, ee = "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```", te = [
+}, 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 = [
 	"bar",
 	"line",
 	"pie",
 	"doughnut",
 	"scatter"
-], ne = 8, re = 50, ie = 8, ae = 500, oe = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", R = (e) => {
+], ee = 8, te = 50, ne = 8, re = 500, ie = (e) => typeof e == "object" && !!e && typeof e.x == "number" && typeof e.y == "number", R = (e) => {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -431,17 +434,17 @@ var D = /^(https?|mailto):/i, O = (e) => e.replace(/[\t\n\r]/g, "").trim(), k =
 	}
 	if (typeof t != "object" || !t) return null;
 	let n = t;
-	if (typeof n.type != "string" || !te.includes(n.type)) return null;
+	if (typeof n.type != "string" || !L.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 > ne || (r === "pie" || r === "doughnut") && a.datasets.length !== 1) return null;
+	if (!Array.isArray(a.datasets) || a.datasets.length < 1 || a.datasets.length > ee || (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 > ae || !e.data.every(oe)) return null;
+		for (let e of o) if (e.data.length < 1 || e.data.length > re || !e.data.every(ie)) return null;
 		return {
 			type: r,
 			title: i,
@@ -449,7 +452,7 @@ var D = /^(https?|mailto):/i, O = (e) => e.replace(/[\t\n\r]/g, "").trim(), k =
 		};
 	}
 	if (!Array.isArray(a.labels) || !a.labels.every((e) => typeof e == "string")) return null;
-	let s = a.labels, c = r === "pie" || r === "doughnut" ? ie : re;
+	let s = a.labels, c = r === "pie" || r === "doughnut" ? ne : te;
 	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 {
@@ -470,7 +473,7 @@ var D = /^(https?|mailto):/i, O = (e) => e.replace(/[\t\n\r]/g, "").trim(), k =
 	raw: "Raw event"
 };
 function B(e) {
-	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : E(e.name, e.args);
+	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : D(e.name, e.args);
 }
 function V(e, t = B(e)) {
 	return e.kind === "pseudo_tool_call" ? e.name : t?.name ?? null;
@@ -497,9 +500,9 @@ function G(e) {
 }
 function K(e) {
 	switch (e.kind) {
-		case "tool_start": return `Calling ${E(e.name, e.args).name}...`;
+		case "tool_start": return `Calling ${D(e.name, e.args).name}...`;
 		case "tool_end": {
-			let t = E(e.name, e.args).name;
+			let t = D(e.name, e.args).name;
 			return e.isError ? `${t} failed` : `${t} returned`;
 		}
 		case "pseudo_tool_call": return `${e.name} (written as text, not called)`;
@@ -544,7 +547,7 @@ function X(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 Z(e) {
+function ae(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -563,90 +566,90 @@ function Z(e) {
 	}
 	return t;
 }
-function se(e) {
+function oe(e) {
 	return e.some((e) => e.kind === "tool_end" && e.isError || e.kind === "error");
 }
 //#endregion
 //#region src/ui/markdown.tsx
-function ce({ renderTable: e, renderChart: t } = {}) {
+function se({ renderTable: t, renderChart: n } = {}) {
 	return {
-		a: ({ href: e, children: t }) => !e || !k(e) ? /* @__PURE__ */ l(c, { children: t }) : /* @__PURE__ */ l("a", {
-			href: e,
+		a: ({ href: t, children: n }) => !t || !e(t) ? /* @__PURE__ */ u(l, { children: n }) : /* @__PURE__ */ u("a", {
+			href: t,
 			target: "_blank",
 			rel: "noopener noreferrer",
-			children: t
+			children: n
 		}),
-		table: ({ node: t, children: n }) => {
-			let r = t && I(t);
-			if (r && L(r.rows) && e) {
-				let t = r.rows.map((e) => e.map((e) => e.href && !k(e.href) ? { text: e.text } : e));
-				return /* @__PURE__ */ l(c, { children: e({
-					headers: r.headers,
-					rows: t
+		table: ({ node: n, children: r }) => {
+			let i = n && P(n);
+			if (i && F(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,
+					rows: n
 				}) });
 			}
-			return /* @__PURE__ */ l("table", { children: n });
+			return /* @__PURE__ */ u("table", { children: r });
 		},
 		pre: ({ children: e }) => {
-			let n = (Array.isArray(e) ? e[0] : e)?.props;
-			if ((n?.className?.split(" ") ?? []).includes("language-chartjs") && t) {
-				let e = n?.children, r = R(Array.isArray(e) ? e.join("") : String(e ?? ""));
-				if (r) return /* @__PURE__ */ l(c, { children: t(r) });
+			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 ?? ""));
+				if (r) return /* @__PURE__ */ u(l, { children: n(r) });
 			}
-			return /* @__PURE__ */ l("pre", { children: e });
+			return /* @__PURE__ */ u("pre", { children: e });
 		}
 	};
 }
 //#endregion
 //#region src/ui/CopyMarkdownButton.tsx
-var le = 1500;
-function ue({ markdown: e, className: t }) {
-	let [r, o] = a(!1), [s, c] = a(!1), f = i(null);
-	return n(() => () => {
-		f.current !== null && clearTimeout(f.current);
-	}, []), /* @__PURE__ */ l(d.Provider, {
+var ce = 1500;
+function le({ markdown: e, className: t }) {
+	let [n, i] = o(!1), [s, c] = o(!1), l = a(null);
+	return r(() => () => {
+		l.current !== null && clearTimeout(l.current);
+	}, []), /* @__PURE__ */ u(f.Provider, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ u(d.Root, {
-			open: r || s,
+		children: /* @__PURE__ */ d(f.Root, {
+			open: n || s,
 			onOpenChange: c,
-			children: [/* @__PURE__ */ l(d.Trigger, {
+			children: [/* @__PURE__ */ u(f.Trigger, {
 				asChild: !0,
-				children: /* @__PURE__ */ l("button", {
+				children: /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: async () => {
 						try {
 							await navigator.clipboard.writeText(e);
 						} catch {}
-						o(!0), f.current !== null && clearTimeout(f.current), f.current = setTimeout(() => o(!1), le);
+						i(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => i(!1), ce);
 					},
 					"aria-label": "copy response as markdown",
 					className: `bailey-copy-button${t ? ` ${t}` : ""}`,
-					children: r ? "✓" : "⧉"
+					children: n ? "✓" : "⧉"
 				})
-			}), /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ u(d.Content, {
+			}), /* @__PURE__ */ u(f.Portal, { children: /* @__PURE__ */ d(f.Content, {
 				side: "top",
 				className: "bailey-tooltip-content",
-				children: [r ? "Copied!" : "Copy as markdown", /* @__PURE__ */ l(d.Arrow, { className: "bailey-tooltip-arrow" })]
+				children: [n ? "Copied!" : "Copy as markdown", /* @__PURE__ */ u(f.Arrow, { className: "bailey-tooltip-arrow" })]
 			}) })]
 		})
 	});
 }
 //#endregion
 //#region src/ui/BaileyTracePanel.tsx
-async function de(e) {
+async function ue(e) {
 	try {
 		await navigator.clipboard.writeText(e);
 	} catch {}
 }
-function fe({ text: e, label: t = "Copy" }) {
-	return /* @__PURE__ */ l("button", {
+function de({ text: e, label: t = "Copy" }) {
+	return /* @__PURE__ */ u("button", {
 		type: "button",
-		onClick: () => de(e),
+		onClick: () => ue(e),
 		className: "bailey-trace-copy-button",
 		children: t
 	});
 }
-function pe(e) {
+function fe(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";
@@ -655,74 +658,74 @@ function pe(e) {
 		default: return "bailey-trace-chip bailey-trace-chip-default";
 	}
 }
-function Q({ label: e, content: t, copyable: n }) {
-	return /* @__PURE__ */ u("details", {
+function Z({ label: e, content: t, copyable: n }) {
+	return /* @__PURE__ */ d("details", {
 		className: "bailey-trace-disclosure",
 		children: [
-			/* @__PURE__ */ l("summary", {
+			/* @__PURE__ */ u("summary", {
 				className: "bailey-trace-disclosure-summary",
 				children: e
 			}),
-			n && /* @__PURE__ */ l("div", {
+			n && /* @__PURE__ */ u("div", {
 				className: "bailey-trace-disclosure-actions",
-				children: /* @__PURE__ */ l(fe, { text: t })
+				children: /* @__PURE__ */ u(de, { text: t })
 			}),
-			/* @__PURE__ */ l("pre", {
+			/* @__PURE__ */ u("pre", {
 				className: "bailey-trace-disclosure-content",
 				children: t
 			})
 		]
 	});
 }
-function $({ row: e }) {
-	return /* @__PURE__ */ u("div", {
+function Q({ row: e }) {
+	return /* @__PURE__ */ d("div", {
 		className: "bailey-trace-row",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "bailey-trace-row-header",
 				children: [
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ u("span", {
 						className: "bailey-trace-row-time",
 						children: e.time
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ u("span", {
 						className: "bailey-trace-row-gap",
 						title: "Time since the previous event",
 						children: J(e.gapMs)
 					}),
-					/* @__PURE__ */ l("span", {
-						className: pe(e),
+					/* @__PURE__ */ u("span", {
+						className: fe(e),
 						children: e.label
 					}),
-					/* @__PURE__ */ l("span", {
+					/* @__PURE__ */ u("span", {
 						className: "bailey-trace-row-summary",
 						children: e.summary
 					})
 				]
 			}),
-			e.argsDetail && /* @__PURE__ */ l(Q, {
+			e.argsDetail && /* @__PURE__ */ u(Z, {
 				label: "args",
 				content: e.argsDetail
 			}),
-			e.outputDetail && /* @__PURE__ */ l(Q, {
+			e.outputDetail && /* @__PURE__ */ u(Z, {
 				label: "output",
 				content: e.outputDetail
 			}),
-			e.rawDetail && /* @__PURE__ */ l(Q, {
+			e.rawDetail && /* @__PURE__ */ u(Z, {
 				label: "raw",
 				content: e.rawDetail
 			})
 		]
 	});
 }
-function me(e, t) {
+function pe(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 he({ request: e }) {
-	let t = r(() => JSON.stringify({
+function me({ request: e }) {
+	let t = i(() => JSON.stringify({
 		model: e.model,
 		instructions: e.systemPrompt,
 		input: e.messages,
@@ -730,10 +733,10 @@ function he({ request: e }) {
 		tools: e.tools,
 		toolChoice: e.toolChoice
 	}, null, 2), [e]);
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		className: "bailey-trace-request-details",
 		children: [
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ d("span", {
 				className: "bailey-trace-request-meta",
 				children: [
 					"Last request — ",
@@ -743,26 +746,26 @@ function he({ request: e }) {
 					e.requestId ? ` · ${e.requestId}` : ""
 				]
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ u("span", {
 				className: "bailey-trace-request-meta",
-				children: me(e.streamStats, e.sentAt)
+				children: pe(e.streamStats, e.sentAt)
 			}),
-			/* @__PURE__ */ l(Q, {
+			/* @__PURE__ */ u(Z, {
 				label: `System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,
 				content: e.systemPrompt,
 				copyable: !0
 			}),
-			/* @__PURE__ */ l(Q, {
+			/* @__PURE__ */ u(Z, {
 				label: `Messages (${e.messages.length})`,
 				content: JSON.stringify(e.messages, null, 2),
 				copyable: !0
 			}),
-			e.response && /* @__PURE__ */ l(Q, {
+			e.response && /* @__PURE__ */ u(Z, {
 				label: `Response (${e.response.content.length.toLocaleString()} chars)`,
 				content: e.response.content,
 				copyable: !0
 			}),
-			/* @__PURE__ */ l(Q, {
+			/* @__PURE__ */ u(Z, {
 				label: "Full payload (JSON)",
 				content: t,
 				copyable: !0
@@ -770,43 +773,43 @@ function he({ request: e }) {
 		]
 	});
 }
-function ge({ events: e, lastRequest: t, onClear: n }) {
-	let i = r(() => Y(e), [e]), a = r(() => Z(i), [i]), o = r(() => JSON.stringify(e, null, 2), [e]);
-	return /* @__PURE__ */ u("div", {
+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]);
+	return /* @__PURE__ */ d("div", {
 		className: "bailey-trace-body",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "bailey-trace-actions-row",
-				children: [e.length > 0 && /* @__PURE__ */ l(fe, {
+				children: [e.length > 0 && /* @__PURE__ */ u(de, {
 					text: o,
 					label: "Copy trace as JSON"
-				}), /* @__PURE__ */ l("button", {
+				}), /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: n,
 					className: "bailey-trace-copy-button",
 					children: "Clear"
 				})]
 			}),
-			t && /* @__PURE__ */ l(he, { request: t }),
-			/* @__PURE__ */ l("div", {
+			t && /* @__PURE__ */ u(me, { request: t }),
+			/* @__PURE__ */ u("div", {
 				className: "bailey-trace-rows",
 				children: a.map((e, t) => {
-					if (e.type === "single") return /* @__PURE__ */ l($, { row: e.row }, e.row.key);
+					if (e.type === "single") return /* @__PURE__ */ u(Q, { row: e.row }, e.row.key);
 					let n = e.rows.filter((e) => e.isToolStart).length;
-					if (n <= 1) return /* @__PURE__ */ l("div", {
+					if (n <= 1) return /* @__PURE__ */ u("div", {
 						className: "bailey-trace-rows",
-						children: e.rows.map((e) => /* @__PURE__ */ l($, { row: e }, e.key))
+						children: e.rows.map((e) => /* @__PURE__ */ u(Q, { row: e }, e.key))
 					}, `group-${t}`);
 					let r = e.rows.filter((e) => e.failed).length;
-					return /* @__PURE__ */ u("details", {
+					return /* @__PURE__ */ d("details", {
 						className: "bailey-trace-group",
-						children: [/* @__PURE__ */ u("summary", {
+						children: [/* @__PURE__ */ d("summary", {
 							className: "bailey-trace-group-summary",
 							children: [
-								/* @__PURE__ */ l("strong", { children: e.toolName }),
+								/* @__PURE__ */ u("strong", { children: e.toolName }),
 								" × ",
 								n,
-								r > 0 && /* @__PURE__ */ u("span", {
+								r > 0 && /* @__PURE__ */ d("span", {
 									className: "bailey-trace-group-failed",
 									children: [
 										" ",
@@ -815,9 +818,9 @@ function ge({ events: e, lastRequest: t, onClear: n }) {
 									]
 								})
 							]
-						}), /* @__PURE__ */ l("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "bailey-trace-rows",
-							children: e.rows.map((e) => /* @__PURE__ */ l($, { row: e }, e.key))
+							children: e.rows.map((e) => /* @__PURE__ */ u(Q, { row: e }, e.key))
 						})]
 					}, `group-${t}`);
 				})
@@ -825,29 +828,29 @@ function ge({ events: e, lastRequest: t, onClear: n }) {
 		]
 	});
 }
-function _e({ events: e, lastRequest: t, onClear: n }) {
-	let [i, o] = a(!1), s = r(() => se(e), [e]), c = r(() => X(e), [e]);
-	return e.length === 0 && !t ? null : /* @__PURE__ */ u("div", {
+function $({ events: e, lastRequest: t, onClear: n }) {
+	let [r, a] = o(!1), s = i(() => oe(e), [e]), c = i(() => X(e), [e]);
+	return e.length === 0 && !t ? null : /* @__PURE__ */ d("div", {
 		className: "bailey-trace-panel",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "bailey-trace-toggle-row",
-			children: [/* @__PURE__ */ u("button", {
+			children: [/* @__PURE__ */ d("button", {
 				type: "button",
-				onClick: () => o((e) => !e),
-				"aria-expanded": i,
+				onClick: () => a((e) => !e),
+				"aria-expanded": r,
 				className: s ? "bailey-trace-toggle bailey-trace-toggle-error" : "bailey-trace-toggle",
 				children: [
-					s && !i ? "⚠ " : "",
-					i ? "Hide details" : "Show details",
+					s && !r ? "⚠ " : "",
+					r ? "Hide details" : "Show details",
 					" (",
 					e.length,
 					")"
 				]
-			}), c && /* @__PURE__ */ l("span", {
+			}), c && /* @__PURE__ */ u("span", {
 				className: s ? "bailey-trace-summary bailey-trace-summary-error" : "bailey-trace-summary",
 				children: c
 			})]
-		}), i && /* @__PURE__ */ l(ge, {
+		}), r && /* @__PURE__ */ u(he, {
 			events: e,
 			lastRequest: t,
 			onClear: n
@@ -856,88 +859,99 @@ function _e({ events: e, lastRequest: t, onClear: n }) {
 }
 //#endregion
 //#region src/ui/BaileyChatPanel.tsx
-var ve = [s], ye = e(function({ content: e, components: t }) {
-	return /* @__PURE__ */ l("div", {
+var ge = [c], _e = t(function({ content: e, components: t }) {
+	return /* @__PURE__ */ u("div", {
 		className: "bailey-markdown-content",
-		children: /* @__PURE__ */ l(o, {
-			remarkPlugins: ve,
+		children: /* @__PURE__ */ u(s, {
+			remarkPlugins: ge,
 			components: t,
 			children: e
 		})
 	});
 });
-function be(e, t, n) {
+function ve(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 xe({ chat: e, placeholder: t = "Send a message…", className: o, renderMessageActions: s, renderTable: c, renderChart: d }) {
-	let { messages: f, traceEvents: p, lastRequest: m, status: h, error: g, send: _, stop: v, retryLast: y, clearTrace: b, clearError: x } = e, [S, C] = a(""), w = i(null), T = r(() => ce({
+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: d
-	}), [c, d]), E = r(() => be(h, p, m), [
+		renderChart: l
+	}), [c, l]), D = i(() => ve(h, p, m), [
 		h,
 		p,
 		m
 	]);
-	return n(() => {
-		w.current?.scrollIntoView({
+	return r(() => {
+		T.current?.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest"
 		});
-	}, [f]), /* @__PURE__ */ u("div", {
-		className: `bailey-chat-panel${o ? ` ${o}` : ""}`,
+	}, [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__ */ l("div", {
+					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__ */ l("div", {
+						return /* @__PURE__ */ u("div", {
 							className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
-							children: e.role === "user" ? /* @__PURE__ */ l("div", {
+							children: e.role === "user" ? /* @__PURE__ */ u("div", {
 								className: "bailey-user-bubble",
 								children: e.content
-							}) : r ? /* @__PURE__ */ l("div", {
+							}) : r ? /* @__PURE__ */ u("div", {
 								className: "bailey-thinking-hint",
-								children: E ?? "Thinking…"
-							}) : /* @__PURE__ */ u("div", {
+								children: D ?? "Thinking…"
+							}) : /* @__PURE__ */ d("div", {
 								className: "bailey-assistant-message",
 								children: [
-									/* @__PURE__ */ l(ye, {
+									/* @__PURE__ */ u(_e, {
 										content: e.content,
-										components: T
+										components: E
 									}),
-									e.streaming && E && /* @__PURE__ */ l("div", {
+									e.streaming && D && /* @__PURE__ */ u("div", {
 										className: "bailey-streaming-hint",
-										children: E
+										children: D
 									}),
-									!e.streaming && /* @__PURE__ */ u("div", {
+									!e.streaming && /* @__PURE__ */ d("div", {
 										className: "bailey-message-actions",
-										children: [/* @__PURE__ */ l(ue, { markdown: e.content }), s?.(e)]
+										children: [/* @__PURE__ */ u(le, { markdown: e.content }), s?.(e)]
 									})
 								]
 							})
 						}, e.id);
 					}),
-					/* @__PURE__ */ l("div", { ref: w })
+					/* @__PURE__ */ u("div", { ref: T })
 				]
 			}),
-			g && /* @__PURE__ */ u("div", {
+			g && /* @__PURE__ */ d("div", {
 				className: "bailey-error-banner",
 				role: "alert",
-				children: [/* @__PURE__ */ l("span", { children: g }), /* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ u("span", { children: g }), /* @__PURE__ */ d("div", {
 					className: "bailey-error-actions",
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ u("button", {
 						type: "button",
 						onClick: y,
 						className: "bailey-retry-button",
 						children: "Retry"
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
 						onClick: x,
 						"aria-label": "dismiss error",
@@ -946,34 +960,34 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 					})]
 				})]
 			}),
-			/* @__PURE__ */ l(_e, {
+			/* @__PURE__ */ u($, {
 				events: p,
 				lastRequest: m,
 				onClear: b
 			}),
-			/* @__PURE__ */ u("form", {
+			/* @__PURE__ */ d("form", {
 				onSubmit: (e) => {
-					e.preventDefault(), !(!S.trim() || h === "streaming") && (_(S), C(""));
+					e.preventDefault(), !(!C.trim() || h === "streaming") && (_(C), w(""));
 				},
 				className: "bailey-input-row",
-				children: [/* @__PURE__ */ l("input", {
+				children: [/* @__PURE__ */ u("input", {
 					type: "text",
 					placeholder: t,
 					"aria-label": t,
-					value: S,
-					onChange: (e) => C(e.target.value),
+					value: C,
+					onChange: (e) => w(e.target.value),
 					disabled: h === "streaming",
 					className: "bailey-input"
-				}), h === "streaming" ? /* @__PURE__ */ l("button", {
+				}), h === "streaming" ? /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: v,
 					"aria-label": "stop",
 					className: "bailey-stop-button",
 					children: "Stop"
-				}) : /* @__PURE__ */ l("button", {
+				}) : /* @__PURE__ */ u("button", {
 					type: "submit",
 					"aria-label": "send",
-					disabled: !S.trim(),
+					disabled: !C.trim(),
 					className: "bailey-send-button",
 					children: "Send"
 				})]
@@ -983,6 +997,6 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 }
 //#endregion
 //#region src/index.ts
-var Se = "0.3.0";
+var be = "0.3.1-pre.1";
 //#endregion
-export { Se as BAILEYAI_CHAT_UI_VERSION, ee as BAILEY_CHART_PROMPT_FRAGMENT, A as BAILEY_TABLE_GRID_ROW_THRESHOLD, xe as BaileyChatPanel, _e as BaileyTracePanel, ue as CopyMarkdownButton, z as TRACE_KIND_LABEL, ce as createBaileyMarkdownComponents, g as extractPseudoToolCalls, I as extractTableData, J as formatTraceGap, q as formatTraceTime, se as hasTraceFailure, k as isSafeMarkdownUrl, C as joinInstructions, R as parseBaileyChartSpec, v as parseSseFrames, E as resolveToolCall, L as shouldUseGrid, Y as toTraceRows, Z as toTraceSegments, U as traceEventArgsDetail, K as traceEventHint, W as traceEventOutputDetail, G as traceEventRawDetail, H as traceEventSummary, V as traceEventToolName, X as traceSummaryLine, S as useBaileyChat };
+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 };