@green-on-grey/ui-kit 1.4.0 → 1.6.0

package/dist/chat.js

@@ -1,4 +1,4 @@
-import { c as e, d as t, i as n, l as r, s as i } from "./ui-ChXUXoIB.js";
+import { c as e, d as t, i as n, l as r, s as i } from "./ui-DLi5afmc.js";
 import { n as a, t as o } from "./i18n-BJ8rsBp6.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useCallback as u, useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
@@ -77,25 +77,25 @@ function b(e, t) {
 		maximumFractionDigits: 1
 	}).format(e);
 }
-function x({ context: e, onCompact: n, onReset: r }) {
-	let s = a(), { i18n: u } = g(o), [d, f] = h(!1), p = i(d, () => f(!1)), m = e.window > 0 ? Math.min(1, e.tokens / e.window) : 0, _ = Math.round(m * 100), v = m >= .9 ? "full" : m >= .7 ? "warn" : "", y = 2 * Math.PI * 7, x = u.language;
+function x({ context: e, onCompact: t, onReset: n, busy: r = !1 }) {
+	let u = a(), { i18n: d } = g(o), [f, p] = h(!1), m = i(f, () => p(!1)), _ = e.window > 0 ? Math.min(1, e.tokens / e.window) : 0, v = Math.round(_ * 100), y = _ >= .9 ? "full" : _ >= .7 ? "warn" : "", x = 2 * Math.PI * 7, C = d.language;
 	return /* @__PURE__ */ l("div", {
 		className: "ctxmeter",
-		ref: p,
+		ref: m,
 		children: [/* @__PURE__ */ c("button", {
 			type: "button",
-			className: `ctxring ${v}`,
-			"aria-expanded": d,
-			onClick: () => f((e) => !e),
-			"aria-label": s("chat.context.meter", {
-				used: b(e.tokens, x),
-				total: b(e.window, x),
-				pct: _
+			className: `ctxring ${y}`,
+			"aria-expanded": f,
+			onClick: () => p((e) => !e),
+			"aria-label": u("chat.context.meter", {
+				used: b(e.tokens, C),
+				total: b(e.window, C),
+				pct: v
 			}),
-			title: s("chat.context.meter", {
-				used: b(e.tokens, x),
-				total: b(e.window, x),
-				pct: _
+			title: u("chat.context.meter", {
+				used: b(e.tokens, C),
+				total: b(e.window, C),
+				pct: v
 			}),
 			children: /* @__PURE__ */ l("svg", {
 				viewBox: "0 0 18 18",
@@ -110,81 +110,93 @@ function x({ context: e, onCompact: n, onReset: r }) {
 					cx: "9",
 					cy: "9",
 					r: 7,
-					strokeDasharray: `${(y * m).toFixed(1)} ${y.toFixed(1)}`,
+					strokeDasharray: `${(x * _).toFixed(1)} ${x.toFixed(1)}`,
 					transform: "rotate(-90 9 9)"
 				})]
 			})
-		}), d && /* @__PURE__ */ l("div", {
+		}), f && /* @__PURE__ */ l("div", {
 			className: "ctxtip",
 			role: "dialog",
 			children: [
-				/* @__PURE__ */ c("div", { children: s("chat.context.meter", {
-					used: b(e.tokens, x),
-					total: b(e.window, x),
-					pct: _
+				/* @__PURE__ */ c("div", { children: u("chat.context.meter", {
+					used: b(e.tokens, C),
+					total: b(e.window, C),
+					pct: v
 				}) }),
-				v === "full" && /* @__PURE__ */ c("div", {
+				y === "full" && /* @__PURE__ */ c("div", {
 					className: "small muted",
 					style: { marginTop: 4 },
-					children: s("chat.context.full")
+					children: u("chat.context.full")
 				}),
-				v === "full" && (n || r) && /* @__PURE__ */ l("div", {
+				y === "full" && (t || n) && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
 					className: "row",
 					style: {
 						marginTop: 8,
 						gap: 6
 					},
-					children: [n && /* @__PURE__ */ l("button", {
-						type: "button",
-						className: "btn sm",
-						onClick: () => {
-							f(!1), n();
-						},
-						children: [/* @__PURE__ */ c(t, {
-							name: "compress",
-							size: 14
-						}), s("chat.context.compact")]
-					}), r && /* @__PURE__ */ l("button", {
-						type: "button",
-						className: "btn sm ghost",
-						onClick: () => {
-							f(!1), r();
-						},
-						children: [/* @__PURE__ */ c(t, {
-							name: "undo",
-							size: 14
-						}), s("chat.context.reset")]
+					children: [t && /* @__PURE__ */ c(S, {
+						icon: "compress",
+						label: u("chat.context.compact"),
+						busy: r,
+						run: () => {
+							p(!1), t();
+						}
+					}), n && /* @__PURE__ */ c(S, {
+						icon: "reset",
+						label: u("chat.context.reset"),
+						busy: r,
+						run: () => {
+							p(!1), n();
+						}
 					})]
-				})
+				}), r && /* @__PURE__ */ c("div", {
+					id: "ctx-wait",
+					className: "small muted",
+					style: { marginTop: 6 },
+					children: u("chat.context.waitTurn")
+				})] })
 			]
 		})]
 	});
 }
+function S({ icon: e, label: n, busy: r, run: i }) {
+	return /* @__PURE__ */ l("button", {
+		type: "button",
+		className: "btn sm",
+		disabled: r,
+		"aria-describedby": r ? "ctx-wait" : void 0,
+		onClick: i,
+		children: [/* @__PURE__ */ c(t, {
+			name: e,
+			size: 14
+		}), n]
+	});
+}
 //#endregion
 //#region src/chat/Attachments.tsx
-var S = /* @__PURE__ */ new Set([
+var C = /* @__PURE__ */ new Set([
 	"image/png",
 	"image/jpeg",
 	"image/gif",
 	"image/webp",
 	"image/svg+xml"
-]), C = /\.(png|jpe?g|gif|webp|svg)$/, w = /\.(txt|log|json|ya?ml|xml|ini|toml|sql|sh|py|go|js|ts|tsx|java|kt|rb|rs|c|cpp|h|css)$/;
-function T(e) {
+]), w = /\.(png|jpe?g|gif|webp|svg)$/, T = /\.(txt|log|json|ya?ml|xml|ini|toml|sql|sh|py|go|js|ts|tsx|java|kt|rb|rs|c|cpp|h|css)$/;
+function E(e) {
 	let t = (e.mimeType ?? "").toLowerCase().split(";")[0].trim(), n = e.fileName.toLowerCase();
-	return S.has(t) || (!t || t === "application/octet-stream") && C.test(n) ? "image" : t === "application/pdf" || n.endsWith(".pdf") ? "pdf" : t === "text/markdown" || /\.(md|markdown)$/.test(n) ? "markdown" : t === "text/csv" || t === "text/tab-separated-values" || /\.(csv|tsv)$/.test(n) ? "table" : t === "text/html" || /\.html?$/.test(n) ? "html" : t.startsWith("text/") || t === "application/json" || t === "application/xml" || w.test(n) ? "text" : null;
+	return C.has(t) || (!t || t === "application/octet-stream") && w.test(n) ? "image" : t === "application/pdf" || n.endsWith(".pdf") ? "pdf" : t === "text/markdown" || /\.(md|markdown)$/.test(n) ? "markdown" : t === "text/csv" || t === "text/tab-separated-values" || /\.(csv|tsv)$/.test(n) ? "table" : t === "text/html" || /\.html?$/.test(n) ? "html" : t.startsWith("text/") || t === "application/json" || t === "application/xml" || T.test(n) ? "text" : null;
 }
-var E = {
+var D = {
 	image: "image",
 	pdf: "pdf",
 	markdown: "markdown",
 	table: "table",
 	html: "globe",
 	text: "source"
-}, D = (e) => E[e];
-function O(e, t) {
+}, O = (e) => D[e];
+function k(e, t) {
 	return t === "pdf" ? "PDF" : t === "markdown" ? "MD" : t === "html" ? "HTML" : /\.([a-z0-9]{1,5})$/i.exec(e.fileName)?.[1]?.toUpperCase() ?? (t ? "TXT" : "FILE");
 }
-function k(e, t) {
+function A(e, t) {
 	let n = [
 		"byte",
 		"kilobyte",
@@ -199,23 +211,23 @@ function k(e, t) {
 		maximumFractionDigits: i === 0 ? 0 : 1
 	}).format(r);
 }
-var A = "default-src 'none'; img-src data: blob:; media-src data: blob:; font-src data:; style-src 'unsafe-inline' data:";
-function j(e) {
-	let t = `<meta http-equiv="Content-Security-Policy" content="${A}">`, n = /^\s*<!doctype[^>]*>/i.exec(e)?.[0] ?? "";
+var j = "default-src 'none'; img-src data:; media-src data:; font-src data:; style-src 'unsafe-inline' data:";
+function ee(e) {
+	let t = `<meta http-equiv="Content-Security-Policy" content="${j}">`, n = /^\s*<!doctype[^>]*>/i.exec(e)?.[0] ?? "";
 	if (typeof DOMParser > "u") return n + t + e.slice(n.length);
 	let r = new DOMParser().parseFromString(e, "text/html");
 	r.querySelectorAll("script, noscript, iframe, frame, frameset, object, embed, applet, base, link, meta[http-equiv], portal").forEach((e) => e.remove()), r.querySelectorAll("*").forEach((e) => {
 		for (let t of Array.from(e.attributes)) {
 			let n = t.name.toLowerCase();
-			n.startsWith("on") || ee.has(n) && !M.test(t.value) || n === "srcset" && t.value.split(",").some((e) => !M.test(e)) ? e.removeAttribute(t.name) : n === "style" && e.setAttribute("style", N(t.value));
+			n.startsWith("on") || M.has(n) && !N.test(t.value) || n === "srcset" && t.value.split(",").some((e) => !N.test(e)) ? e.removeAttribute(t.name) : n === "style" && e.setAttribute("style", P(t.value));
 		}
 	}), r.querySelectorAll("style").forEach((e) => {
-		e.textContent = N(e.textContent ?? "");
+		e.textContent = P(e.textContent ?? "");
 	});
 	let i = r.createElement("meta");
-	return i.setAttribute("http-equiv", "Content-Security-Policy"), i.setAttribute("content", A), r.head.prepend(i), (n ? "<!doctype html>" : "") + r.documentElement.outerHTML;
+	return i.setAttribute("http-equiv", "Content-Security-Policy"), i.setAttribute("content", j), r.head.prepend(i), (n ? "<!doctype html>" : "") + r.documentElement.outerHTML;
 }
-var ee = /* @__PURE__ */ new Set([
+var M = /* @__PURE__ */ new Set([
 	"src",
 	"href",
 	"xlink:href",
@@ -233,11 +245,11 @@ var ee = /* @__PURE__ */ new Set([
 	"codebase",
 	"archive",
 	"usemap"
-]), M = /^\s*(data:|blob:|#|$)/i;
-function N(e) {
-	return e.replace(/@import[^;]*;?/gi, "").replace(/url\(\s*(['"]?)(.*?)\1\s*\)/gi, (e, t, n) => M.test(n) && n.trim() !== "" ? e : "none");
+]), N = /^\s*(data:|#|$)/i;
+function P(e) {
+	return e.replace(/@import[^;]*;?/gi, "").replace(/url\(\s*(['"]?)(.*?)\1\s*\)/gi, (e, t, n) => N.test(n) && n.trim() !== "" ? e : "none");
 }
-var P = {
+var F = {
 	png: "image/png",
 	jpg: "image/jpeg",
 	jpeg: "image/jpeg",
@@ -252,11 +264,11 @@ var P = {
 	html: "text/html",
 	htm: "text/html"
 };
-function F(e) {
+function I(e) {
 	let t = (e.mimeType ?? "").split(";")[0].trim().toLowerCase();
-	return t && t !== "application/octet-stream" ? t : P[/\.([a-z0-9]+)$/i.exec(e.fileName)?.[1]?.toLowerCase() ?? ""] ?? (t || void 0);
+	return t && t !== "application/octet-stream" ? t : F[/\.([a-z0-9]+)$/i.exec(e.fileName)?.[1]?.toLowerCase() ?? ""] ?? (t || void 0);
 }
-function I(e, t) {
+function L(e, t) {
 	if (t) return e.replace(/\r?\n$/, "").split(/\r?\n/).map((e) => e.split("	"));
 	let n = [], r = [], i = "", a = !1;
 	for (let t = 0; t < e.length; t++) {
@@ -265,7 +277,7 @@ function I(e, t) {
 	}
 	return (i !== "" || r.length > 0) && (r.push(i), n.push(r)), n;
 }
-function L(e, t, n = !0) {
+function R(e, t, n = !0) {
 	let [r, i] = h({}), { id: a, href: o, fileName: s, mimeType: c, size: l } = e;
 	return d(() => {
 		if (!n) return;
@@ -278,7 +290,7 @@ function L(e, t, n = !0) {
 			size: l
 		}).then((t) => {
 			if (!r) return;
-			let n = F({
+			let n = I({
 				fileName: s,
 				mimeType: c
 			}), a = n && t.type !== n ? new Blob([t], { type: n }) : t;
@@ -299,9 +311,9 @@ function L(e, t, n = !0) {
 		l
 	]), r;
 }
-function R({ a: e, load: t, onOpen: n }) {
-	let r = a(), { url: i, failed: o } = L(e, t);
-	return o ? /* @__PURE__ */ c(z, {
+function z({ a: e, load: t, onOpen: n }) {
+	let r = a(), { url: i, failed: o } = R(e, t);
+	return o ? /* @__PURE__ */ c(B, {
 		a: e,
 		kind: "image",
 		onOpen: n
@@ -323,16 +335,16 @@ function R({ a: e, load: t, onOpen: n }) {
 		})]
 	});
 }
-function z({ a: e, kind: n, onOpen: r }) {
+function B({ a: e, kind: n, onOpen: r }) {
 	let i = a(), { i18n: u } = g(o), d = n !== null && r !== void 0, f = /* @__PURE__ */ l(s, { children: [
 		/* @__PURE__ */ l("span", {
 			className: "att-ic",
 			children: [/* @__PURE__ */ c(t, {
-				name: d && n ? E[n] : "download",
+				name: d && n ? D[n] : "download",
 				size: 24
 			}), /* @__PURE__ */ c("span", {
 				className: "att-kl",
-				children: O(e, n)
+				children: k(e, n)
 			})]
 		}),
 		/* @__PURE__ */ c("span", {
@@ -341,7 +353,7 @@ function z({ a: e, kind: n, onOpen: r }) {
 		}),
 		e.size != null && /* @__PURE__ */ c("span", {
 			className: "att-size",
-			children: k(e.size, u.language)
+			children: A(e.size, u.language)
 		})
 	] });
 	return d ? /* @__PURE__ */ c("button", {
@@ -360,16 +372,16 @@ function z({ a: e, kind: n, onOpen: r }) {
 		children: f
 	});
 }
-function B({ items: e, load: t, onOpen: n }) {
+function V({ items: e, load: t, onOpen: n }) {
 	return /* @__PURE__ */ c("div", {
 		className: "atts",
 		children: e.map((e) => {
-			let r = t && n ? () => n(e) : void 0, i = T(e);
-			return t && r && i === "image" ? /* @__PURE__ */ c(R, {
+			let r = t && n ? () => n(e) : void 0, i = E(e);
+			return t && r && i === "image" ? /* @__PURE__ */ c(z, {
 				a: e,
 				load: t,
 				onOpen: r
-			}, e.id) : /* @__PURE__ */ c(z, {
+			}, e.id) : /* @__PURE__ */ c(B, {
 				a: e,
 				kind: i,
 				onOpen: r
@@ -377,8 +389,8 @@ function B({ items: e, load: t, onOpen: n }) {
 		})
 	});
 }
-function V({ text: e, tab: t }) {
-	let n = a(), [r, ...i] = I(e, t), o = i.slice(0, 500);
+function H({ text: e, tab: t }) {
+	let n = a(), [r, ...i] = L(e, t), o = i.slice(0, 500);
 	return /* @__PURE__ */ l("div", {
 		className: "att-table",
 		children: [/* @__PURE__ */ l("table", { children: [r && /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: r.map((e, t) => /* @__PURE__ */ c("th", { children: e }, t)) }) }), /* @__PURE__ */ c("tbody", { children: o.map((e, t) => /* @__PURE__ */ c("tr", { children: e.map((e, t) => /* @__PURE__ */ c("td", { children: e }, t)) }, t)) })] }), i.length > o.length && /* @__PURE__ */ c("div", {
@@ -390,23 +402,61 @@ function V({ text: e, tab: t }) {
 		})]
 	});
 }
+var U = 1280;
+function W({ text: e, title: t }) {
+	let n = m(null), [r, i] = h(U), [a, o] = h(U);
+	d(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => i(e.clientWidth);
+		if (t(), typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(t);
+		return r.observe(e), () => r.disconnect();
+	}, []);
+	let s = p(() => ee(e), [e]), [l, u] = h(s);
+	l !== s && (u(s), o(U));
+	let f = (e) => {
+		let t = e.currentTarget, n = () => {
+			let e = t.contentDocument?.documentElement;
+			e && o(Math.max(U, e.scrollWidth));
+		};
+		n(), t.contentDocument?.fonts?.ready.then(n);
+	}, g = Math.min(1, r / a);
+	return /* @__PURE__ */ c("div", {
+		className: "att-htmlbox",
+		ref: n,
+		children: /* @__PURE__ */ c("iframe", {
+			className: "att-html",
+			sandbox: "allow-same-origin",
+			srcDoc: s,
+			title: t,
+			referrerPolicy: "no-referrer",
+			onLoad: f,
+			style: {
+				width: a,
+				height: `${100 / g}%`,
+				transform: `scale(${g})`
+			}
+		})
+	});
+}
 function te({ a: e, load: i, onClose: u }) {
-	let f = a(), { i18n: p } = g(o), m = T(e), _ = m === "markdown" || m === "table" || m === "html" || m === "text", [v, y] = h(!1), b = _ && (e.size ?? 0) > 1048576, { url: x, blob: S, failed: C } = L(e, i, !b), [w, E] = h(null), D = b || _ && (S?.size ?? 0) > 1048576;
+	let f = a(), { i18n: p } = g(o), m = E(e), _ = m === "markdown" || m === "table" || m === "html" || m === "text", [v, y] = h(!1), b = _ && (e.size ?? 0) > 1048576, { url: x, blob: S, failed: C } = R(e, i, !b), [w, T] = h(null), D = b || _ && (S?.size ?? 0) > 1048576;
 	d(() => {
 		_ && S && !D && S.arrayBuffer().then((e) => {
 			try {
-				E({ text: new TextDecoder("utf-8", { fatal: !0 }).decode(e) });
+				T({ text: new TextDecoder("utf-8", { fatal: !0 }).decode(e) });
 			} catch {
-				E({ text: null });
+				T({ text: null });
 			}
-		}, () => E({ text: null }));
+		}, () => T({ text: null }));
 	}, [
 		_,
 		S,
 		D
 	]);
-	let O = w?.text, A;
-	return A = C ? /* @__PURE__ */ c("div", {
+	let O = w?.text, k;
+	return k = C ? /* @__PURE__ */ c("div", {
 		className: "att-msg err-text",
 		children: f("chat.files.failed")
 	}) : D ? /* @__PURE__ */ c("div", {
@@ -441,15 +491,12 @@ function te({ a: e, load: i, onClose: u }) {
 	}) : m === "markdown" ? /* @__PURE__ */ c("div", {
 		className: "att-md",
 		children: /* @__PURE__ */ c(r, { text: O ?? "" })
-	}) : m === "table" ? /* @__PURE__ */ c(V, {
+	}) : m === "table" ? /* @__PURE__ */ c(H, {
 		text: O ?? "",
 		tab: /\.tsv$/i.test(e.fileName) || e.mimeType === "text/tab-separated-values"
-	}) : m === "html" && !v ? /* @__PURE__ */ c("iframe", {
-		className: "att-html",
-		sandbox: "",
-		srcDoc: j(O ?? ""),
-		title: e.fileName,
-		referrerPolicy: "no-referrer"
+	}) : m === "html" && !v ? /* @__PURE__ */ c(W, {
+		text: O ?? "",
+		title: e.fileName
 	}) : /* @__PURE__ */ c("pre", {
 		className: "att-text",
 		children: O
@@ -463,7 +510,7 @@ function te({ a: e, load: i, onClose: u }) {
 				children: e.fileName
 			}), e.size != null && /* @__PURE__ */ c("span", {
 				className: "muted small",
-				children: k(e.size, p.language)
+				children: A(e.size, p.language)
 			})]
 		}),
 		footer: /* @__PURE__ */ l(s, { children: [
@@ -502,22 +549,22 @@ function te({ a: e, load: i, onClose: u }) {
 		] }),
 		children: /* @__PURE__ */ c("div", {
 			className: `att-view ${m ?? ""}`,
-			children: A
+			children: k
 		})
 	});
 }
 //#endregion
 //#region src/chat/MessageView.tsx
-function H(e, t) {
+function G(e, t) {
 	return new Intl.DateTimeFormat(y(t), {
 		hour: "2-digit",
 		minute: "2-digit"
 	}).format(new Date(e));
 }
-function U(e, t) {
+function K(e, t) {
 	return t || e.length <= 3 ? e : e.slice(-2);
 }
-var W = {
+var q = {
 	done: {
 		icon: "check",
 		cls: "ok"
@@ -537,7 +584,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 		className: "sysnote",
 		children: e.text
 	});
-	if (e.role === "event" && e.event) return /* @__PURE__ */ c(G, { m: e });
+	if (e.role === "event" && e.event) return /* @__PURE__ */ c(J, { m: e });
 	let _ = e.mark && /* @__PURE__ */ l("div", {
 		className: "chan",
 		children: [
@@ -548,9 +595,9 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 			" ",
 			e.mark.text,
 			" · ",
-			H(e.createdAt, f.language)
+			G(e.createdAt, f.language)
 		]
-	}), v = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ c(B, {
+	}), v = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ c(V, {
 		items: e.attachments,
 		load: a,
 		onOpen: u
@@ -589,13 +636,13 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 				"aria-expanded": p,
 				children: p ? d("chat.hideSteps") : d("chat.moreSteps", { count: y.length - 2 })
 			}),
-			U(y, p).map((e) => /* @__PURE__ */ l("div", {
+			K(y, p).map((e) => /* @__PURE__ */ l("div", {
 				className: "tool",
 				title: e.title,
 				children: [/* @__PURE__ */ c(t, {
-					name: W[e.status].icon,
+					name: q[e.status].icon,
 					size: 14,
-					className: W[e.status].cls
+					className: q[e.status].cls
 				}), /* @__PURE__ */ c("span", {
 					className: "tx",
 					children: e.text
@@ -639,7 +686,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 		]
 	});
 }
-function G({ m: e }) {
+function J({ m: e }) {
 	let { t: n, i18n: r } = g(o), [i, a] = h(!1), s = e.event;
 	return /* @__PURE__ */ l("div", {
 		className: "evdiv",
@@ -655,7 +702,7 @@ function G({ m: e }) {
 					}),
 					s.text,
 					" · ",
-					H(e.createdAt, r.language),
+					G(e.createdAt, r.language),
 					s.details && /* @__PURE__ */ l("button", {
 						type: "button",
 						className: "textbtn",
@@ -757,54 +804,54 @@ function ae(e) {
 }
 //#endregion
 //#region src/chat/Chat.tsx
-function K(n) {
+function Y(n) {
 	let r = a(), i = e(), [o, u] = h(""), [g, y] = h([]), [b, S] = h(!1), [C, w] = h(null), [T, E] = h(0), [D, O] = h(!1), [k, A] = h(null), [j, ee] = h(!1), [M, N] = h(null), P = m(n.loadAttachment);
 	d(() => {
 		P.current = n.loadAttachment;
 	});
-	let F = !!n.loadAttachment, I = p(() => F ? (e) => P.current ? P.current(e) : Promise.reject(/* @__PURE__ */ Error("no loader")) : void 0, [F]), L = m(!1), R = m(null), z = m(null), B = m(null), V = n.voiceMaxSeconds ?? 300, H = ie(V, () => void ge()), { messages: U, busy: W = !1 } = n, G = n.onPendingChange;
-	d(() => G?.(g), [g, G]);
-	let K = U[0]?.id, q = U[U.length - 1], J = q?.id, Y = q?.text.length, le = q?.steps?.length, X = m({ height: 0 });
+	let F = !!n.loadAttachment, I = p(() => F ? (e) => P.current ? P.current(e) : Promise.reject(/* @__PURE__ */ Error("no loader")) : void 0, [F]), L = m(!1), R = m(null), z = m(null), B = m(null), V = n.voiceMaxSeconds ?? 300, H = ie(V, () => void ve()), { messages: U, busy: W = !1 } = n, G = W || U.some((e) => e.status === "pending" || e.status === "streaming"), K = n.onPendingChange;
+	d(() => K?.(g), [g, K]);
+	let q = U[0]?.id, J = U[U.length - 1], Y = J?.id, ce = J?.text.length, de = J?.steps?.length, X = m({ height: 0 });
 	f(() => {
 		let e = R.current;
 		if (!e) return;
 		let t = X.current;
-		e.scrollTop = t.first !== void 0 && K !== t.first && J === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, X.current = {
-			first: K,
-			last: J,
+		e.scrollTop = t.first !== void 0 && q !== t.first && Y === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, X.current = {
+			first: q,
+			last: Y,
 			height: e.scrollHeight
 		};
 	}, [
 		U.length,
-		K,
-		J,
+		q,
 		Y,
-		le
+		ce,
+		de
 	]);
-	let Z = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Q = Z === null ? [] : _(n.commands ?? [], Z), $ = Z !== null && !D, ue = () => {
+	let Z = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Q = Z === null ? [] : _(n.commands ?? [], Z), $ = Z !== null && !D, fe = () => {
 		u(""), y([]), w(null), A(null), L.current = !1;
-	}, de = async (e, t) => {
+	}, pe = async (e, t) => {
 		if (n.onCommand) try {
-			await n.onCommand(e, t), ue();
+			await n.onCommand(e, t), fe();
 		} catch {}
-	}, fe = async (e, t = !1) => {
+	}, me = async (e, t = !1) => {
 		let r = e.trim();
 		if (!(!r && g.length === 0 && !C || W || n.readOnly)) {
 			if (!t && !C && n.commands && r.startsWith("/")) {
 				let [e, ...t] = r.slice(1).split(/\s+/), i = n.commands.find((t) => t.kind === "command" && t.name === e);
-				if (i) return de(i.name, t.join(" "));
+				if (i) return pe(i.name, t.join(" "));
 				if (e && !r.includes("\n")) {
 					A("/" + e);
 					return;
 				}
 			}
 			try {
-				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), ue();
+				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), fe();
 			} catch {}
 		}
-	}, pe = (e) => {
-		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : de(e.name, ""), B.current?.focus();
-	}, me = (e) => {
+	}, he = (e) => {
+		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : pe(e.name, ""), B.current?.focus();
+	}, ge = (e) => {
 		if ($ && Q.length > 0) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
@@ -813,21 +860,21 @@ function K(n) {
 				return;
 			}
 			if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
-				e.preventDefault(), pe(Q[Math.min(T, Q.length - 1)]);
+				e.preventDefault(), he(Q[Math.min(T, Q.length - 1)]);
 				return;
 			}
 		}
-		$ && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !se() && (e.preventDefault(), fe(o));
+		$ && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !se() && (e.preventDefault(), me(o));
 	};
-	f(() => ce(B.current), [o]), d(() => {
+	f(() => le(R.current, () => ue(B.current)), [o]), d(() => {
 		let e = B.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = e.clientWidth, n = new ResizeObserver(() => {
-			e.clientWidth !== t && (t = e.clientWidth, ce(e));
+			e.clientWidth !== t && (t = e.clientWidth, le(R.current, () => ue(e)));
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [H.recording]);
-	let he = async (e) => {
+	let _e = async (e) => {
 		if (e?.length && n.onUpload) {
 			S(!0);
 			for (let t of Array.from(e)) {
@@ -845,7 +892,7 @@ function K(n) {
 			S(!1), z.current && (z.current.value = "");
 		}
 	};
-	async function ge() {
+	async function ve() {
 		let e = await H.stop();
 		e && n.onTranscribe && await re(e, n.onTranscribe, {
 			busy: ee,
@@ -867,9 +914,9 @@ function K(n) {
 			}
 		});
 	}
-	let _e = (e) => {
+	let ye = (e) => {
 		e.key === "Escape" && H.recording && (e.preventDefault(), H.cancel());
-	}, ve = C ? r("chat.skillPlaceholder") : r("chat.placeholder", { name: n.agentName }), ye = V - H.seconds;
+	}, be = C ? r("chat.skillPlaceholder") : r("chat.placeholder", { name: n.agentName }), xe = V - H.seconds;
 	return /* @__PURE__ */ l("section", {
 		className: "nb-chat",
 		"aria-label": r("chat.title"),
@@ -952,7 +999,7 @@ function K(n) {
 					$ && /* @__PURE__ */ c(v, {
 						items: Q,
 						active: Math.min(T, Math.max(Q.length - 1, 0)),
-						onPick: pe,
+						onPick: he,
 						onHover: E
 					}),
 					n.aboveComposer,
@@ -988,7 +1035,7 @@ function K(n) {
 						children: [r("chat.unknownCommand", { name: k }), /* @__PURE__ */ c("button", {
 							type: "button",
 							className: "textbtn",
-							onClick: () => void fe(o, !0),
+							onClick: () => void me(o, !0),
 							children: r("chat.sendAsText")
 						})]
 					}),
@@ -1007,10 +1054,10 @@ function K(n) {
 								multiple: !0,
 								hidden: !0,
 								accept: n.upload?.accept,
-								onChange: (e) => he(e.target.files)
+								onChange: (e) => _e(e.target.files)
 							})] }),
 							H.recording ? /* @__PURE__ */ l("div", {
-								className: `recbar${ye <= 15 ? " ending" : ""}`,
+								className: `recbar${xe <= 15 ? " ending" : ""}`,
 								role: "status",
 								"aria-label": r("chat.voice.recordingNow"),
 								children: [
@@ -1040,8 +1087,8 @@ function K(n) {
 									/* @__PURE__ */ c("button", {
 										type: "button",
 										className: "btn primary sm",
-										onKeyDown: _e,
-										onClick: () => void ge(),
+										onKeyDown: ye,
+										onClick: () => void ve(),
 										children: r("chat.voice.done")
 									})
 								]
@@ -1074,21 +1121,22 @@ function K(n) {
 									ref: B,
 									rows: 1,
 									value: o,
-									placeholder: j ? r("chat.voice.recognizing") : ve,
-									"aria-label": ve,
+									placeholder: j ? r("chat.voice.recognizing") : be,
+									"aria-label": be,
 									disabled: j,
 									"aria-expanded": $,
 									"aria-autocomplete": n.commands ? "list" : void 0,
 									onChange: (e) => {
 										u(e.target.value), O(!1), E(0), A(null);
 									},
-									onKeyDown: me
+									onKeyDown: ge
 								})]
 							}),
 							n.context && !H.recording && /* @__PURE__ */ c(x, {
 								context: n.context,
 								onCompact: n.onCompact,
-								onReset: n.onReset
+								onReset: n.onReset,
+								busy: G
 							}),
 							n.onTranscribe && !H.recording && /* @__PURE__ */ c(oe, {
 								supported: H.supported,
@@ -1104,7 +1152,7 @@ function K(n) {
 								className: "iconbtn fill",
 								"aria-label": r("chat.send"),
 								disabled: !o.trim() && g.length === 0 && !C || W || j,
-								onClick: () => fe(o),
+								onClick: () => me(o),
 								children: /* @__PURE__ */ c(t, { name: "send" })
 							}))
 						]
@@ -1150,12 +1198,20 @@ function oe({ supported: e, recognizing: n, onStart: r }) {
 function se() {
 	return typeof window < "u" && !!window.matchMedia?.("(hover: none) and (pointer: coarse)").matches;
 }
-function ce(e) {
-	e && (e.style.height = "auto", e.style.height = `${e.scrollHeight + e.offsetHeight - e.clientHeight}px`);
+var ce = (e) => e.scrollHeight - e.scrollTop - e.clientHeight < 2;
+function le(e, t) {
+	let n = !!e && ce(e);
+	t(), e && n && (e.scrollTop = e.scrollHeight);
+}
+function ue(e) {
+	if (!e) return;
+	e.style.overflowY = "hidden", e.style.height = "auto";
+	let t = e.scrollHeight + e.offsetHeight - e.clientHeight;
+	e.style.height = `${t}px`, e.style.overflowY = e.offsetHeight < t ? "auto" : "hidden";
 }
 //#endregion
 //#region src/chat/ConversationList.tsx
-function q({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
+function de({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
 	let f = a(), [p, m] = h(!1);
 	d(() => {
 		if (!r) return;
@@ -1231,19 +1287,19 @@ function q({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onC
 			"aria-label": f("close"),
 			onClick: o
 		}),
-		p && u && /* @__PURE__ */ c(Y, {
+		p && u && /* @__PURE__ */ c(Z, {
 			onClose: () => m(!1),
 			onCreate: u
 		})
 	] });
 }
-function J({ narrow: e, children: t }) {
+function X({ narrow: e, children: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: `nb-app${e ? " narrow" : ""}`,
 		children: t
 	});
 }
-function Y({ onClose: e, onCreate: t }) {
+function Z({ onClose: e, onCreate: t }) {
 	let r = a(), [i, o] = h(""), [u, d] = h(!1), [f, p] = h(null), m = async () => {
 		if (i.trim() && !u) {
 			d(!0), p(null);
@@ -1295,7 +1351,7 @@ function Y({ onClose: e, onCreate: t }) {
 }
 //#endregion
 //#region src/chat/AgentMenu.tsx
-function le({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
+function Q({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
 	return /* @__PURE__ */ c("button", {
 		type: "button",
 		className: `agentbtn${a ? " s" : ""}`,
@@ -1311,7 +1367,7 @@ function le({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, o
 		})
 	});
 }
-function X({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
+function $({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
 	let v = a(), [y, b] = h(n), x = i(!0, _);
 	return /* @__PURE__ */ l("div", {
 		className: `agentmenu${f ? " narrow" : ""}`,
@@ -1422,6 +1478,6 @@ function X({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d,
 	});
 }
 //#endregion
-export { le as AgentButton, X as AgentMenu, B as AttachmentList, te as AttachmentPreview, K as Chat, J as ChatLayout, v as CommandPalette, x as ContextMeter, q as ConversationList, ne as MessageView, Y as NewTopicModal, oe as VoiceButton, k as fileSize, I as parseTable, D as previewIcon, T as previewKind, b as tokens, ie as useRecorder };
+export { Q as AgentButton, $ as AgentMenu, V as AttachmentList, te as AttachmentPreview, Y as Chat, X as ChatLayout, v as CommandPalette, x as ContextMeter, de as ConversationList, ne as MessageView, Z as NewTopicModal, oe as VoiceButton, A as fileSize, L as parseTable, O as previewIcon, E as previewKind, b as tokens, ie as useRecorder };
 
 //# sourceMappingURL=chat.js.map