@icanbwell/baileyai-chat-ui 0.2.1-pre.0

package/dist/baileyai-chat-ui.js

@@ -0,0 +1,988 @@
+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";
+//#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();
+	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) : {
+		name: "search_tools",
+		args: r.trim()
+	}), ""));
+	return t.length === 0 ? {
+		cleanedText: n,
+		matches: t
+	} : {
+		cleanedText: n.replace(/\n{3,}/g, "\n\n"),
+		matches: t
+	};
+}
+//#endregion
+//#region src/logic/sse.ts
+function _(e) {
+	if (!e.startsWith("data: ")) return e;
+	let t = "";
+	for (let n of e.split("\n")) {
+		if (!n.startsWith("data: ")) continue;
+		let e = n.slice(6);
+		if (e === "[DONE]") break;
+		try {
+			let n = JSON.parse(e);
+			n?.type === "response.output_text.delta" && n.delta && (t += n.delta);
+		} catch {}
+	}
+	return t || null;
+}
+function v(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 = [];
+		for (let e of t) e.startsWith("event:") ? n = e.slice(6).trim() : e.startsWith("data:") && a.push(e.slice(5).trim());
+		if (a.length === 0) continue;
+		let o = a.join("\n");
+		if (o === "[DONE]") {
+			i = !0;
+			continue;
+		}
+		let s;
+		try {
+			s = JSON.parse(o);
+		} catch {
+			s = void 0;
+		}
+		let c = s;
+		if (n === "error") {
+			let e = typeof c?.message == "string" ? c.message : o;
+			r.push({
+				type: "error",
+				message: e
+			});
+		} else if (c?.type === "response.output_text.delta" && typeof c.delta == "string") {
+			let e = _(c.delta);
+			e && r.push({
+				type: "response.output_text.delta",
+				delta: e
+			});
+		} else c && typeof c.type == "string" ? r.push(c) : n !== "message" && r.push({
+			type: "info",
+			message: `${n}: ${o}`
+		});
+	}
+	return {
+		events: r,
+		remainder: n,
+		done: i
+	};
+}
+//#endregion
+//#region src/logic/useBaileyChat.ts
+var y = 200, b = 15e4, x = (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(() => {
+		k.current = f;
+	}, [f]);
+	let A = i(/* @__PURE__ */ new Map()), j = i(/* @__PURE__ */ new Map()), M = i(null), N = t(() => {
+		M.current !== null && (clearTimeout(M.current), M.current = null);
+	}, []), P = t((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) => {
+		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) ?? {
+				raw: "",
+				emittedCount: 0
+			};
+			n.raw += t.delta;
+			let { cleanedText: i, matches: a } = g(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
+			} : t)), s.length > 0) {
+				let e = Date.now(), t = O.current;
+				s.forEach((n) => r({
+					kind: "pseudo_tool_call",
+					name: n.name,
+					args: n.args,
+					at: e,
+					turnSentAt: t
+				}));
+			}
+			return !0;
+		}
+		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";
+				return r(t.type === "response.output_item.added" ? {
+					kind: "tool_start",
+					name: a,
+					args: e.arguments,
+					at: n,
+					turnSentAt: i
+				} : {
+					kind: "tool_end",
+					name: a,
+					args: e.arguments,
+					at: n,
+					turnSentAt: i,
+					output: e.output,
+					isError: e.is_error,
+					runtimeSeconds: e.runtime_seconds
+				}), !0;
+			}
+			return !1;
+		}
+		return t.type === "task.progress" ? (r({
+			kind: "progress",
+			status: t.status,
+			message: t.message,
+			at: Date.now(),
+			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: O.current
+		}), !0) : (r({
+			kind: "raw",
+			eventType: t.type,
+			raw: JSON.stringify(t),
+			at: Date.now(),
+			turnSentAt: O.current
+		}), !0);
+	}, []), I = t(async (t) => {
+		C("streaming"), T(null);
+		let n = crypto.randomUUID();
+		p((e) => [...e, {
+			id: n,
+			role: "assistant",
+			content: "",
+			streaming: !0
+		}]);
+		let i = Date.now();
+		O.current = i;
+		let a = t.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,
+			tools: s,
+			toolChoice: c,
+			stream: !0,
+			sentAt: i,
+			streamStats: {
+				chunkCount: 0,
+				firstChunkAt: null,
+				lastChunkAt: null
+			}
+		});
+		let d = new AbortController();
+		E.current = d, P(d);
+		let f = "", m = null, g = !1, _ = !1, b = [], S = (e, t) => {
+			C("error"), T(e);
+			let n = {
+				kind: "error",
+				message: e,
+				at: Date.now(),
+				turnSentAt: i,
+				...t
+			};
+			b.push(n), h((e) => [...e, n]);
+		}, w = (e, t) => {
+			e.forEach((e) => {
+				if (e.type === "error") {
+					m = e.message;
+					let t = {
+						kind: "error",
+						message: e.message,
+						at: Date.now(),
+						turnSentAt: i
+					};
+					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,
+				streaming: !1
+			} : e));
+		};
+		try {
+			let { status: t, text: l, errorMessage: p } = await e.streamChat({
+				model: r,
+				instructions: o,
+				input: a,
+				tools: s,
+				toolChoice: c,
+				signal: d.signal,
+				onChunk: (e) => {
+					P(d), f += e;
+					let { events: t, remainder: n, done: r } = v(f);
+					f = n, w(t, r);
+					let a = Date.now();
+					y((e) => e && e.sentAt === i ? {
+						...e,
+						streamStats: {
+							chunkCount: e.streamStats.chunkCount + 1,
+							firstChunkAt: e.streamStats.firstChunkAt ?? a,
+							lastChunkAt: a
+						}
+					} : e);
+				},
+				onRequestId: (e) => {
+					y((t) => t && t.sentAt === i ? {
+						...t,
+						requestId: e
+					} : t);
+				}
+			});
+			if (f.trim()) {
+				let { events: e, done: t } = v(`${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,
+					rawBody: l || void 0
+				});
+				return;
+			}
+			if (!g) {
+				S("Bailey returned an empty response.");
+				return;
+			}
+			if (!_) {
+				S("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 ? {
+				...e,
+				response: { content: h }
+			} : e), u && await u({
+				id: n,
+				role: "assistant",
+				content: h,
+				streaming: !1
+			}, b);
+		} catch (e) {
+			let t = e;
+			if (t?.name === "TimeoutError") {
+				S(t.message, { source: "client-timeout" });
+				return;
+			}
+			if (t?.name === "AbortError") {
+				C("idle");
+				return;
+			}
+			S(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 ? [{
+				...e,
+				streaming: !1
+			}] : [] : [e]));
+		}
+	}, [
+		e,
+		r,
+		o,
+		s,
+		c,
+		l,
+		u,
+		F,
+		P,
+		N
+	]);
+	return {
+		messages: f,
+		traceEvents: m,
+		lastRequest: _,
+		status: S,
+		error: w,
+		send: t((e) => {
+			let t = e.trim();
+			if (!t) return;
+			D.current = t;
+			let n = [...k.current, {
+				id: crypto.randomUUID(),
+				role: "user",
+				content: t
+			}];
+			k.current = n, p(n), I(n);
+		}, [I]),
+		stop: t(() => {
+			E.current?.abort();
+		}, []),
+		retryLast: t(() => {
+			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(() => {
+			T(null), C((e) => e === "error" ? "idle" : e);
+		}, [])
+	};
+};
+//#endregion
+//#region src/utils/prompt.ts
+function C(...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) {
+	let n = {
+		name: e === w ? T : e,
+		args: null,
+		viaCallTool: !1
+	};
+	if (!t) return n;
+	let r;
+	try {
+		r = JSON.parse(t);
+	} catch {
+		return n;
+	}
+	if (typeof r != "object" || !r) return n;
+	let i = r;
+	if (e === w) {
+		let e = typeof i.name == "string" ? i.name : void 0;
+		if (!e) return n;
+		let t = i.arguments;
+		return {
+			name: e,
+			args: typeof t == "object" && t ? t : null,
+			viaCallTool: !0
+		};
+	}
+	return {
+		name: e,
+		args: i,
+		viaCallTool: !1
+	};
+}
+//#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) => {
+	if (e.tagName === "a" && e.properties?.href) return e.properties.href;
+	for (let t of e.children ?? []) {
+		let e = M(t);
+		if (e) return 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 };
+}, F = (e) => (e.children ?? []).filter((e) => e.type === "element").map(P), I = (e) => {
+	if (e.tagName !== "table") return null;
+	let t = N(e, "thead"), n = t && N(t, "tr");
+	return {
+		headers: n ? F(n).map((e) => e.text) : [],
+		rows: (N(e, "tbody")?.children ?? []).filter((e) => e.tagName === "tr").map(F)
+	};
+}, 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 = [
+	"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) => {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return null;
+	}
+	if (typeof t != "object" || !t) return null;
+	let n = t;
+	if (typeof n.type != "string" || !te.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;
+	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;
+		return {
+			type: r,
+			title: i,
+			data: { datasets: o }
+		};
+	}
+	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;
+	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 {
+		type: r,
+		title: i,
+		data: {
+			labels: s,
+			datasets: o
+		}
+	};
+}, z = {
+	tool_start: "Tool start",
+	tool_end: "Tool end",
+	pseudo_tool_call: "Narrated tool call",
+	progress: "Progress",
+	info: "Info",
+	error: "Error",
+	raw: "Raw event"
+};
+function B(e) {
+	return e.kind !== "tool_start" && e.kind !== "tool_end" ? null : E(e.name, e.args);
+}
+function V(e, t = B(e)) {
+	return e.kind === "pseudo_tool_call" ? e.name : t?.name ?? null;
+}
+function H(e, t = B(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" : ""}`;
+		case "pseudo_tool_call": return `${e.name} — written as text, not actually called`;
+		case "progress": return e.message ? `${e.status} — ${e.message}` : e.status;
+		case "info": return e.message;
+		case "error": return e.httpStatus ? `${e.message} (HTTP ${e.httpStatus})` : e.message;
+		case "raw": return `Unrecognized event: ${e.eventType}`;
+	}
+}
+function U(e, t = B(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) {
+	return e.kind === "tool_end" ? e.output ?? null : null;
+}
+function G(e) {
+	return e.kind === "raw" ? e.raw : e.kind === "error" ? e.rawBody ?? null : null;
+}
+function K(e) {
+	switch (e.kind) {
+		case "tool_start": return `Calling ${E(e.name, e.args).name}...`;
+		case "tool_end": {
+			let t = E(e.name, e.args).name;
+			return e.isError ? `${t} failed` : `${t} returned`;
+		}
+		case "pseudo_tool_call": return `${e.name} (written as text, not called)`;
+		case "progress": return e.message ?? e.status;
+		case "info": return e.message;
+		case "error": return e.source === "client-timeout" ? `Timed out: ${e.message}` : `Error: ${e.message}`;
+		case "raw": return `Unrecognized event: ${e.eventType}`;
+	}
+}
+function q(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) {
+	if (e <= 0) return "+0ms";
+	if (e < 1e3) return `+${Math.round(e)}ms`;
+	let t = e / 1e3;
+	if (t < 60) return `+${t.toFixed(1)}s`;
+	let n = Math.floor(t / 60), r = Math.round(t % 60);
+	return `+${n}m${String(r).padStart(2, "0")}s`;
+}
+function Y(e) {
+	return e.map((t, n) => {
+		let r = B(t), i = n === 0 ? t.turnSentAt : e[n - 1].at;
+		return {
+			key: `${t.at}-${n}`,
+			kind: t.kind,
+			toolName: V(t, r),
+			isToolStart: t.kind === "tool_start",
+			failed: t.kind === "tool_end" && t.isError === !0,
+			time: q(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)
+		};
+	});
+}
+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) {
+	let t = [];
+	for (let n of e) {
+		let e = t[t.length - 1];
+		if (n.toolName && e?.type === "group" && e.toolName === n.toolName) {
+			e.rows.push(n);
+			continue;
+		}
+		t.push(n.toolName ? {
+			type: "group",
+			toolName: n.toolName,
+			rows: [n]
+		} : {
+			type: "single",
+			row: n
+		});
+	}
+	return t;
+}
+function se(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 } = {}) {
+	return {
+		a: ({ href: e, children: t }) => !e || !k(e) ? /* @__PURE__ */ l(c, { children: t }) : /* @__PURE__ */ l("a", {
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: t
+		}),
+		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
+				}) });
+			}
+			return /* @__PURE__ */ l("table", { children: n });
+		},
+		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) });
+			}
+			return /* @__PURE__ */ l("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, {
+		delayDuration: 200,
+		children: /* @__PURE__ */ u(d.Root, {
+			open: r || s,
+			onOpenChange: c,
+			children: [/* @__PURE__ */ l(d.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ l("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);
+					},
+					"aria-label": "copy response as markdown",
+					className: `bailey-copy-button${t ? ` ${t}` : ""}`,
+					children: r ? "✓" : "⧉"
+				})
+			}), /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ u(d.Content, {
+				side: "top",
+				className: "bailey-tooltip-content",
+				children: [r ? "Copied!" : "Copy as markdown", /* @__PURE__ */ l(d.Arrow, { className: "bailey-tooltip-arrow" })]
+			}) })]
+		})
+	});
+}
+//#endregion
+//#region src/ui/BaileyTracePanel.tsx
+async function de(e) {
+	try {
+		await navigator.clipboard.writeText(e);
+	} catch {}
+}
+function fe({ text: e, label: t = "Copy" }) {
+	return /* @__PURE__ */ l("button", {
+		type: "button",
+		onClick: () => de(e),
+		className: "bailey-trace-copy-button",
+		children: t
+	});
+}
+function pe(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";
+		case "tool_end": return "bailey-trace-chip bailey-trace-chip-success";
+		case "progress": return "bailey-trace-chip bailey-trace-chip-secondary";
+		default: return "bailey-trace-chip bailey-trace-chip-default";
+	}
+}
+function Q({ label: e, content: t, copyable: n }) {
+	return /* @__PURE__ */ u("details", {
+		className: "bailey-trace-disclosure",
+		children: [
+			/* @__PURE__ */ l("summary", {
+				className: "bailey-trace-disclosure-summary",
+				children: e
+			}),
+			n && /* @__PURE__ */ l("div", {
+				className: "bailey-trace-disclosure-actions",
+				children: /* @__PURE__ */ l(fe, { text: t })
+			}),
+			/* @__PURE__ */ l("pre", {
+				className: "bailey-trace-disclosure-content",
+				children: t
+			})
+		]
+	});
+}
+function $({ row: e }) {
+	return /* @__PURE__ */ u("div", {
+		className: "bailey-trace-row",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "bailey-trace-row-header",
+				children: [
+					/* @__PURE__ */ l("span", {
+						className: "bailey-trace-row-time",
+						children: e.time
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "bailey-trace-row-gap",
+						title: "Time since the previous event",
+						children: J(e.gapMs)
+					}),
+					/* @__PURE__ */ l("span", {
+						className: pe(e),
+						children: e.label
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "bailey-trace-row-summary",
+						children: e.summary
+					})
+				]
+			}),
+			e.argsDetail && /* @__PURE__ */ l(Q, {
+				label: "args",
+				content: e.argsDetail
+			}),
+			e.outputDetail && /* @__PURE__ */ l(Q, {
+				label: "output",
+				content: e.outputDetail
+			}),
+			e.rawDetail && /* @__PURE__ */ l(Q, {
+				label: "raw",
+				content: e.rawDetail
+			})
+		]
+	});
+}
+function me(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({
+		model: e.model,
+		instructions: e.systemPrompt,
+		input: e.messages,
+		stream: e.stream,
+		tools: e.tools,
+		toolChoice: e.toolChoice
+	}, null, 2), [e]);
+	return /* @__PURE__ */ u("div", {
+		className: "bailey-trace-request-details",
+		children: [
+			/* @__PURE__ */ u("span", {
+				className: "bailey-trace-request-meta",
+				children: [
+					"Last request — ",
+					e.model,
+					" · ",
+					new Date(e.sentAt).toLocaleTimeString(),
+					e.requestId ? ` · ${e.requestId}` : ""
+				]
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "bailey-trace-request-meta",
+				children: me(e.streamStats, e.sentAt)
+			}),
+			/* @__PURE__ */ l(Q, {
+				label: `System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,
+				content: e.systemPrompt,
+				copyable: !0
+			}),
+			/* @__PURE__ */ l(Q, {
+				label: `Messages (${e.messages.length})`,
+				content: JSON.stringify(e.messages, null, 2),
+				copyable: !0
+			}),
+			e.response && /* @__PURE__ */ l(Q, {
+				label: `Response (${e.response.content.length.toLocaleString()} chars)`,
+				content: e.response.content,
+				copyable: !0
+			}),
+			/* @__PURE__ */ l(Q, {
+				label: "Full payload (JSON)",
+				content: t,
+				copyable: !0
+			})
+		]
+	});
+}
+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", {
+		className: "bailey-trace-body",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "bailey-trace-actions-row",
+				children: [e.length > 0 && /* @__PURE__ */ l(fe, {
+					text: o,
+					label: "Copy trace as JSON"
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: n,
+					className: "bailey-trace-copy-button",
+					children: "Clear"
+				})]
+			}),
+			t && /* @__PURE__ */ l(he, { request: t }),
+			/* @__PURE__ */ l("div", {
+				className: "bailey-trace-rows",
+				children: a.map((e, t) => {
+					if (e.type === "single") return /* @__PURE__ */ l($, { row: e.row }, e.row.key);
+					let n = e.rows.filter((e) => e.isToolStart).length;
+					if (n <= 1) return /* @__PURE__ */ l("div", {
+						className: "bailey-trace-rows",
+						children: e.rows.map((e) => /* @__PURE__ */ l($, { row: e }, e.key))
+					}, `group-${t}`);
+					let r = e.rows.filter((e) => e.failed).length;
+					return /* @__PURE__ */ u("details", {
+						className: "bailey-trace-group",
+						children: [/* @__PURE__ */ u("summary", {
+							className: "bailey-trace-group-summary",
+							children: [
+								/* @__PURE__ */ l("strong", { children: e.toolName }),
+								" × ",
+								n,
+								r > 0 && /* @__PURE__ */ u("span", {
+									className: "bailey-trace-group-failed",
+									children: [
+										" ",
+										r,
+										" failed"
+									]
+								})
+							]
+						}), /* @__PURE__ */ l("div", {
+							className: "bailey-trace-rows",
+							children: e.rows.map((e) => /* @__PURE__ */ l($, { row: e }, e.key))
+						})]
+					}, `group-${t}`);
+				})
+			})
+		]
+	});
+}
+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", {
+		className: "bailey-trace-panel",
+		children: [/* @__PURE__ */ u("div", {
+			className: "bailey-trace-toggle-row",
+			children: [/* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: () => o((e) => !e),
+				"aria-expanded": i,
+				className: s ? "bailey-trace-toggle bailey-trace-toggle-error" : "bailey-trace-toggle",
+				children: [
+					s && !i ? "⚠ " : "",
+					i ? "Hide details" : "Show details",
+					" (",
+					e.length,
+					")"
+				]
+			}), c && /* @__PURE__ */ l("span", {
+				className: s ? "bailey-trace-summary bailey-trace-summary-error" : "bailey-trace-summary",
+				children: c
+			})]
+		}), i && /* @__PURE__ */ l(ge, {
+			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", {
+		className: "bailey-markdown-content",
+		children: /* @__PURE__ */ l(o, {
+			remarkPlugins: ve,
+			components: t,
+			children: e
+		})
+	});
+});
+function be(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({
+		renderTable: c,
+		renderChart: d
+	}), [c, d]), E = r(() => be(h, p, m), [
+		h,
+		p,
+		m
+	]);
+	return n(() => {
+		w.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}, [f]), /* @__PURE__ */ u("div", {
+		className: `bailey-chat-panel${o ? ` ${o}` : ""}`,
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "bailey-chat-transcript",
+				children: [
+					f.length === 0 && /* @__PURE__ */ l("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", {
+							className: e.role === "user" ? "bailey-message-row bailey-message-row-user" : "bailey-message-row",
+							children: e.role === "user" ? /* @__PURE__ */ l("div", {
+								className: "bailey-user-bubble",
+								children: e.content
+							}) : r ? /* @__PURE__ */ l("div", {
+								className: "bailey-thinking-hint",
+								children: E ?? "Thinking…"
+							}) : /* @__PURE__ */ u("div", {
+								className: "bailey-assistant-message",
+								children: [
+									/* @__PURE__ */ l(ye, {
+										content: e.content,
+										components: T
+									}),
+									e.streaming && E && /* @__PURE__ */ l("div", {
+										className: "bailey-streaming-hint",
+										children: E
+									}),
+									!e.streaming && /* @__PURE__ */ u("div", {
+										className: "bailey-message-actions",
+										children: [/* @__PURE__ */ l(ue, { markdown: e.content }), s?.(e)]
+									})
+								]
+							})
+						}, e.id);
+					}),
+					/* @__PURE__ */ l("div", { ref: w })
+				]
+			}),
+			g && /* @__PURE__ */ u("div", {
+				className: "bailey-error-banner",
+				role: "alert",
+				children: [/* @__PURE__ */ l("span", { children: g }), /* @__PURE__ */ u("div", {
+					className: "bailey-error-actions",
+					children: [/* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: y,
+						className: "bailey-retry-button",
+						children: "Retry"
+					}), /* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: x,
+						"aria-label": "dismiss error",
+						className: "bailey-dismiss-button",
+						children: "✕"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l(_e, {
+				events: p,
+				lastRequest: m,
+				onClear: b
+			}),
+			/* @__PURE__ */ u("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), !(!S.trim() || h === "streaming") && (_(S), C(""));
+				},
+				className: "bailey-input-row",
+				children: [/* @__PURE__ */ l("input", {
+					type: "text",
+					placeholder: t,
+					"aria-label": t,
+					value: S,
+					onChange: (e) => C(e.target.value),
+					disabled: h === "streaming",
+					className: "bailey-input"
+				}), h === "streaming" ? /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: v,
+					"aria-label": "stop",
+					className: "bailey-stop-button",
+					children: "Stop"
+				}) : /* @__PURE__ */ l("button", {
+					type: "submit",
+					"aria-label": "send",
+					disabled: !S.trim(),
+					className: "bailey-send-button",
+					children: "Send"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/index.ts
+var Se = "0.2.1-pre.0";
+//#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 };