@green-on-grey/ui-kit 1.10.3 → 1.11.1

package/dist/chat.js

@@ -1,4 +1,4 @@
-import { c as e, f as t, i as n, l as r, s as i, u as a } from "./ui-sV5t0cp1.js";
+import { c as e, f as t, i as n, l as r, s as i, u as a } from "./ui-BrAaLui6.js";
 import { n as o, t as s } from "./i18n-BJ8rsBp6.js";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useCallback as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
@@ -77,25 +77,25 @@ function x(e, t) {
 		maximumFractionDigits: 1
 	}).format(e);
 }
-function S({ context: e, onCompact: t, onReset: n, busy: r = !1 }) {
-	let a = o(), { i18n: d } = _(s), [f, p] = g(!1), m = i(f, () => p(!1)), h = e.window > 0 ? Math.min(1, e.tokens / e.window) : 0, v = Math.round(h * 100), y = h >= .9 ? "full" : h >= .7 ? "warn" : "", b = 2 * Math.PI * 7, S = d.language;
+function S({ context: e, onCompact: t, onReset: n, busy: r = !1, queued: a = !1 }) {
+	let d = o(), { i18n: f } = _(s), [p, m] = g(!1), h = i(p, () => m(!1)), v = e.window > 0 ? Math.min(1, e.tokens / e.window) : 0, y = Math.round(v * 100), b = v >= .9 ? "full" : v >= .7 ? "warn" : "", S = 2 * Math.PI * 7, w = f.language;
 	return /* @__PURE__ */ u("div", {
 		className: "ctxmeter",
-		ref: m,
+		ref: h,
 		children: [/* @__PURE__ */ l("button", {
 			type: "button",
-			className: `ctxring ${y}`,
-			"aria-expanded": f,
-			onClick: () => p((e) => !e),
-			"aria-label": a("chat.context.meter", {
-				used: x(e.tokens, S),
-				total: x(e.window, S),
-				pct: v
+			className: `ctxring ${b}`,
+			"aria-expanded": p,
+			onClick: () => m((e) => !e),
+			"aria-label": d("chat.context.meter", {
+				used: x(e.tokens, w),
+				total: x(e.window, w),
+				pct: y
 			}),
-			title: a("chat.context.meter", {
-				used: x(e.tokens, S),
-				total: x(e.window, S),
-				pct: v
+			title: d("chat.context.meter", {
+				used: x(e.tokens, w),
+				total: x(e.window, w),
+				pct: y
 			}),
 			children: /* @__PURE__ */ u("svg", {
 				viewBox: "0 0 18 18",
@@ -110,25 +110,25 @@ function S({ context: e, onCompact: t, onReset: n, busy: r = !1 }) {
 					cx: "9",
 					cy: "9",
 					r: 7,
-					strokeDasharray: `${(b * h).toFixed(1)} ${b.toFixed(1)}`,
+					strokeDasharray: `${(S * v).toFixed(1)} ${S.toFixed(1)}`,
 					transform: "rotate(-90 9 9)"
 				})]
 			})
-		}), f && /* @__PURE__ */ u("div", {
+		}), p && /* @__PURE__ */ u("div", {
 			className: "ctxtip",
 			role: "dialog",
 			children: [
-				/* @__PURE__ */ l("div", { children: a("chat.context.meter", {
-					used: x(e.tokens, S),
-					total: x(e.window, S),
-					pct: v
+				/* @__PURE__ */ l("div", { children: d("chat.context.meter", {
+					used: x(e.tokens, w),
+					total: x(e.window, w),
+					pct: y
 				}) }),
-				y === "full" && /* @__PURE__ */ l("div", {
+				b === "full" && /* @__PURE__ */ l("div", {
 					className: "small muted",
 					style: { marginTop: 4 },
-					children: a("chat.context.full")
+					children: d("chat.context.full")
 				}),
-				y === "full" && (t || n) && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+				b === "full" && (t || n) && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
 					className: "row",
 					style: {
 						marginTop: 8,
@@ -136,24 +136,24 @@ function S({ context: e, onCompact: t, onReset: n, busy: r = !1 }) {
 					},
 					children: [t && /* @__PURE__ */ l(C, {
 						icon: "compress",
-						label: a("chat.context.compact"),
+						label: d("chat.context.compact"),
 						busy: r,
 						run: () => {
-							p(!1), t();
+							m(!1), t();
 						}
 					}), n && /* @__PURE__ */ l(C, {
 						icon: "reset",
-						label: a("chat.context.reset"),
+						label: d("chat.context.reset"),
 						busy: r,
 						run: () => {
-							p(!1), n();
+							m(!1), n();
 						}
 					})]
 				}), r && /* @__PURE__ */ l("div", {
 					id: "ctx-wait",
 					className: "small muted",
 					style: { marginTop: 6 },
-					children: a("chat.context.waitTurn")
+					children: d(a ? "chat.context.waitQueue" : "chat.context.waitTurn")
 				})] })
 			]
 		})]
@@ -214,22 +214,22 @@ function M(e, t) {
 	}).format(r);
 }
 var N = "default-src 'none'; img-src data:; media-src data:; font-src data:; style-src 'unsafe-inline' data:";
-function P(e) {
+function te(e) {
 	let t = `<meta http-equiv="Content-Security-Policy" content="${N}">`, 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") || F.has(n) && !I.test(t.value) || n === "srcset" && t.value.split(",").some((e) => !I.test(e)) ? e.removeAttribute(t.name) : n === "style" && e.setAttribute("style", L(t.value));
+			n.startsWith("on") || ne.has(n) && !P.test(t.value) || n === "srcset" && t.value.split(",").some((e) => !P.test(e)) ? e.removeAttribute(t.name) : n === "style" && e.setAttribute("style", F(t.value));
 		}
 	}), r.querySelectorAll("style").forEach((e) => {
-		e.textContent = L(e.textContent ?? "");
+		e.textContent = F(e.textContent ?? "");
 	});
 	let i = r.createElement("meta");
 	return i.setAttribute("http-equiv", "Content-Security-Policy"), i.setAttribute("content", N), r.head.prepend(i), (n ? "<!doctype html>" : "") + r.documentElement.outerHTML;
 }
-var F = /* @__PURE__ */ new Set([
+var ne = /* @__PURE__ */ new Set([
 	"src",
 	"href",
 	"xlink:href",
@@ -247,11 +247,11 @@ var F = /* @__PURE__ */ new Set([
 	"codebase",
 	"archive",
 	"usemap"
-]), I = /^\s*(data:|#|$)/i;
-function L(e) {
-	return e.replace(/@import[^;]*;?/gi, "").replace(/url\(\s*(['"]?)(.*?)\1\s*\)/gi, (e, t, n) => I.test(n) && n.trim() !== "" ? e : "none");
+]), P = /^\s*(data:|#|$)/i;
+function F(e) {
+	return e.replace(/@import[^;]*;?/gi, "").replace(/url\(\s*(['"]?)(.*?)\1\s*\)/gi, (e, t, n) => P.test(n) && n.trim() !== "" ? e : "none");
 }
-var R = {
+var I = {
 	png: "image/png",
 	jpg: "image/jpeg",
 	jpeg: "image/jpeg",
@@ -266,11 +266,11 @@ var R = {
 	html: "text/html",
 	htm: "text/html"
 };
-function z(e) {
+function L(e) {
 	let t = (e.mimeType ?? "").split(";")[0].trim().toLowerCase();
-	return t && t !== "application/octet-stream" ? t : R[/\.([a-z0-9]+)$/i.exec(e.fileName)?.[1]?.toLowerCase() ?? ""] ?? (t || void 0);
+	return t && t !== "application/octet-stream" ? t : I[/\.([a-z0-9]+)$/i.exec(e.fileName)?.[1]?.toLowerCase() ?? ""] ?? (t || void 0);
 }
-function B(e, t) {
+function R(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++) {
@@ -279,7 +279,7 @@ function B(e, t) {
 	}
 	return (i !== "" || r.length > 0) && (r.push(i), n.push(r)), n;
 }
-function V(e, t, n = !0) {
+function z(e, t, n = !0) {
 	let [r, i] = g({}), { id: a, href: o, fileName: s, mimeType: c, size: l } = e;
 	return f(() => {
 		if (!n) return;
@@ -292,7 +292,7 @@ function V(e, t, n = !0) {
 			size: l
 		}).then((t) => {
 			if (!r) return;
-			let n = z({
+			let n = L({
 				fileName: s,
 				mimeType: c
 			}), a = n && t.type !== n ? new Blob([t], { type: n }) : t;
@@ -313,9 +313,9 @@ function V(e, t, n = !0) {
 		l
 	]), r;
 }
-function H({ a: e, load: t, onOpen: n }) {
-	let r = o(), { url: i, failed: a } = V(e, t);
-	return a ? /* @__PURE__ */ l(te, {
+function B({ a: e, load: t, onOpen: n }) {
+	let r = o(), { url: i, failed: a } = z(e, t);
+	return a ? /* @__PURE__ */ l(V, {
 		a: e,
 		kind: "image",
 		onOpen: n
@@ -337,7 +337,7 @@ function H({ a: e, load: t, onOpen: n }) {
 		})]
 	});
 }
-function te({ a: e, kind: n, onOpen: r }) {
+function V({ a: e, kind: n, onOpen: r }) {
 	let i = o(), { i18n: a } = _(s), d = n !== null && r !== void 0, f = /* @__PURE__ */ u(c, { children: [
 		/* @__PURE__ */ u("span", {
 			className: "att-ic",
@@ -374,16 +374,16 @@ function te({ a: e, kind: n, onOpen: r }) {
 		children: f
 	});
 }
-function U({ items: e, load: t, onOpen: n, office: r = !1 }) {
+function H({ items: e, load: t, onOpen: n, office: r = !1 }) {
 	return /* @__PURE__ */ l("div", {
 		className: "atts",
 		children: e.map((e) => {
 			let i = t && n ? () => n(e) : void 0, a = k(e, r);
-			return t && i && a === "image" ? /* @__PURE__ */ l(H, {
+			return t && i && a === "image" ? /* @__PURE__ */ l(B, {
 				a: e,
 				load: t,
 				onOpen: i
-			}, e.id) : /* @__PURE__ */ l(te, {
+			}, e.id) : /* @__PURE__ */ l(V, {
 				a: e,
 				kind: a,
 				onOpen: i
@@ -391,8 +391,8 @@ function U({ items: e, load: t, onOpen: n, office: r = !1 }) {
 		})
 	});
 }
-function W({ text: e, tab: t }) {
-	let n = o(), [r, ...i] = B(e, t), a = i.slice(0, 500);
+function U({ text: e, tab: t }) {
+	let n = o(), [r, ...i] = R(e, t), a = i.slice(0, 500);
 	return /* @__PURE__ */ u("div", {
 		className: "att-table",
 		children: [/* @__PURE__ */ u("table", { children: [r && /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", { children: r.map((e, t) => /* @__PURE__ */ l("th", { children: e }, t)) }) }), /* @__PURE__ */ l("tbody", { children: a.map((e, t) => /* @__PURE__ */ l("tr", { children: e.map((e, t) => /* @__PURE__ */ l("td", { children: e }, t)) }, t)) })] }), i.length > a.length && /* @__PURE__ */ l("div", {
@@ -404,9 +404,9 @@ function W({ text: e, tab: t }) {
 		})]
 	});
 }
-var G = 1280;
-function K({ text: e, title: t }) {
-	let n = h(null), [r, i] = g(G), [a, o] = g(G);
+var W = 1280;
+function re({ text: e, title: t }) {
+	let n = h(null), [r, i] = g(W), [a, o] = g(W);
 	f(() => {
 		let e = n.current;
 		if (!e) return;
@@ -415,12 +415,12 @@ function K({ text: e, title: t }) {
 		let r = new ResizeObserver(t);
 		return r.observe(e), () => r.disconnect();
 	}, []);
-	let s = m(() => P(e), [e]), [c, u] = g(s);
-	c !== s && (u(s), o(G));
+	let s = m(() => te(e), [e]), [c, u] = g(s);
+	c !== s && (u(s), o(W));
 	let d = (e) => {
 		let t = e.currentTarget, n = () => {
 			let e = t.contentDocument?.documentElement;
-			e && o(Math.max(G, e.scrollWidth));
+			e && o(Math.max(W, e.scrollWidth));
 		};
 		n(), t.contentDocument?.fonts?.ready.then(n);
 	}, p = Math.min(1, r / a);
@@ -442,8 +442,8 @@ function K({ text: e, title: t }) {
 		})
 	});
 }
-function ne({ a: e, load: r, loadPreview: i, onClose: d }) {
-	let p = o(), { i18n: m } = _(s), h = k(e, !!i), v = h === "office-doc" || h === "office-sheet", y = h === "markdown" || h === "table" || h === "html" || h === "text", [b, x] = g(!1), S = y && (e.size ?? 0) > 1048576, { url: C, blob: w, failed: T } = V(e, r, !S && !v), [E, D] = g(null), O = S || y && (w?.size ?? 0) > 1048576;
+function ie({ a: e, load: r, loadPreview: i, onClose: d }) {
+	let p = o(), { i18n: m } = _(s), h = k(e, !!i), v = h === "office-doc" || h === "office-sheet", y = h === "markdown" || h === "table" || h === "html" || h === "text", [b, x] = g(!1), S = y && (e.size ?? 0) > 1048576, { url: C, blob: w, failed: T } = z(e, r, !S && !v), [E, D] = g(null), O = S || y && (w?.size ?? 0) > 1048576;
 	f(() => {
 		y && w && !O && w.arrayBuffer().then((e) => {
 			try {
@@ -458,7 +458,7 @@ function ne({ a: e, load: r, loadPreview: i, onClose: d }) {
 		O
 	]);
 	let A = E?.text, j;
-	return j = v && i ? /* @__PURE__ */ l(Y, {
+	return j = v && i ? /* @__PURE__ */ l(oe, {
 		a: e,
 		load: i
 	}) : T ? /* @__PURE__ */ l("div", {
@@ -496,10 +496,10 @@ function ne({ a: e, load: r, loadPreview: i, onClose: d }) {
 	}) : h === "markdown" ? /* @__PURE__ */ l("div", {
 		className: "att-md",
 		children: /* @__PURE__ */ l(a, { text: A ?? "" })
-	}) : h === "table" ? /* @__PURE__ */ l(W, {
+	}) : h === "table" ? /* @__PURE__ */ l(U, {
 		text: A ?? "",
 		tab: /\.tsv$/i.test(e.fileName) || e.mimeType === "text/tab-separated-values"
-	}) : h === "html" && !b ? /* @__PURE__ */ l(K, {
+	}) : h === "html" && !b ? /* @__PURE__ */ l(re, {
 		text: A ?? "",
 		title: e.fileName
 	}) : /* @__PURE__ */ l("pre", {
@@ -558,8 +558,8 @@ function ne({ a: e, load: r, loadPreview: i, onClose: d }) {
 		})
 	});
 }
-var re = 4e4, ie = 2e3, q = 25, J = 50;
-function Y({ a: e, load: n }) {
+var ae = 4e4, G = 2e3, K = 25, q = 50;
+function oe({ a: e, load: n }) {
 	let r = o(), [i, a] = g({ state: "loading" }), { id: s, href: c, fileName: d, mimeType: p, size: m } = e;
 	return f(() => {
 		let e = !0, t, r = Date.now(), i = () => {
@@ -570,10 +570,10 @@ function Y({ a: e, load: n }) {
 				mimeType: p,
 				size: m
 			}).then((n) => {
-				e && (n.state === "pending" ? Date.now() - r > re ? a({
+				e && (n.state === "pending" ? Date.now() - r > ae ? a({
 					state: "error",
 					reason: "timeout"
-				}) : (a(n), t = setTimeout(i, ie)) : a(n));
+				}) : (a(n), t = setTimeout(i, G)) : a(n));
 			}, () => e && a({ state: "failed" }));
 		};
 		return i(), () => {
@@ -612,18 +612,18 @@ function Y({ a: e, load: n }) {
 			/* @__PURE__ */ l("b", { children: r("chat.files.unavailable") }),
 			/* @__PURE__ */ l("span", {
 				className: "muted small",
-				children: r(`chat.files.reasons.${i.reason}`, { limit: i.limitMb ?? q })
+				children: r(`chat.files.reasons.${i.reason}`, { limit: i.limitMb ?? K })
 			})
 		]
-	}) : i.state === "doc" ? /* @__PURE__ */ l(X, {
+	}) : i.state === "doc" ? /* @__PURE__ */ l(se, {
 		blob: i.blob,
 		shown: i.shown,
 		total: i.total,
 		from: i.from,
 		name: e.fileName
-	}) : /* @__PURE__ */ l(se, { sheets: i.sheets });
+	}) : /* @__PURE__ */ l(X, { sheets: i.sheets });
 }
-function X({ blob: e, shown: t, total: n, from: r, name: i }) {
+function se({ blob: e, shown: t, total: n, from: r, name: i }) {
 	let a = o(), s = m(() => URL.createObjectURL(e.type === "application/pdf" ? e : new Blob([e], { type: "application/pdf" })), [e]);
 	return f(() => () => URL.revokeObjectURL(s), [s]), /* @__PURE__ */ u("div", {
 		className: "att-office",
@@ -649,24 +649,24 @@ function X({ blob: e, shown: t, total: n, from: r, name: i }) {
 					total: n
 				})
 			}),
-			n == null && t >= J && /* @__PURE__ */ l("div", {
+			n == null && t >= q && /* @__PURE__ */ l("div", {
 				className: "att-more",
 				children: a("chat.files.firstPages", { shown: t })
 			})
 		]
 	});
 }
-function ae(e) {
+function ce(e) {
 	let t = /^([A-Z]+)(\d+)$/.exec(e);
 	if (!t) return null;
 	let n = 0;
 	for (let e of t[1]) n = n * 26 + e.charCodeAt(0) - 64;
 	return [Number(t[2]) - 1, n - 1];
 }
-function oe(e) {
+function J(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
 	for (let r of e) {
-		let [e, i] = r.split(":").map(ae);
+		let [e, i] = r.split(":").map(ce);
 		if (e && i) {
 			t.set(`${e[0]}:${e[1]}`, [i[0] - e[0] + 1, i[1] - e[1] + 1]);
 			for (let t = e[0]; t <= i[0]; t++) for (let r = e[1]; r <= i[1]; r++) (t !== e[0] || r !== e[1]) && n.add(`${t}:${r}`);
@@ -677,18 +677,18 @@ function oe(e) {
 		covered: n
 	};
 }
-function Z(e) {
+function Y(e) {
 	let t = "";
 	for (let n = e; n > 0; n = Math.floor((n - 1) / 26)) t = String.fromCharCode(65 + (n - 1) % 26) + t;
 	return t;
 }
-function se({ sheets: e }) {
+function X({ sheets: e }) {
 	let t = o(), [n, i] = g(0), a = e[Math.min(n, e.length - 1)];
 	if (!a) return /* @__PURE__ */ l("div", {
 		className: "att-msg",
 		children: t("chat.files.failed")
 	});
-	let s = Math.max(0, ...a.cells.map((e) => e.length)), d = Array.from({ length: s }, (e, t) => Z(t + 1)), { spans: f, covered: p } = oe(a.merges), m = a.rows > a.cells.length, h = a.cols > s;
+	let s = Math.max(0, ...a.cells.map((e) => e.length)), d = Array.from({ length: s }, (e, t) => Y(t + 1)), { spans: f, covered: p } = J(a.merges), m = a.rows > a.cells.length, h = a.cols > s;
 	return /* @__PURE__ */ u("div", {
 		className: "att-office",
 		children: [
@@ -735,7 +735,7 @@ function se({ sheets: e }) {
 }
 //#endregion
 //#region src/chat/MessageView.tsx
-function ce(e, t) {
+function Z(e, t) {
 	return new Intl.DateTimeFormat(b(t), {
 		hour: "2-digit",
 		minute: "2-digit"
@@ -758,14 +758,14 @@ var Q = {
 		cls: "run"
 	}
 };
-function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOpenAttachment: d }) {
-	let { t: f, i18n: p } = _(s), [m, h] = g(!1);
+function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOpenAttachment: d, queuePosition: f, onCancelQueued: p, stopping: m }) {
+	let { t: h, i18n: v } = _(s), [y, b] = g(!1);
 	if (e.role === "note") return /* @__PURE__ */ l("div", {
 		className: "sysnote",
 		children: e.text
 	});
-	if (e.role === "event" && e.event) return /* @__PURE__ */ l(pe, { m: e });
-	let v = e.mark && /* @__PURE__ */ u("div", {
+	if (e.role === "event" && e.event) return /* @__PURE__ */ l(he, { m: e });
+	let x = e.mark && /* @__PURE__ */ u("div", {
 		className: "chan",
 		children: [
 			/* @__PURE__ */ l(t, {
@@ -775,54 +775,73 @@ function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOp
 			" ",
 			e.mark.text,
 			" · ",
-			ce(e.createdAt, p.language)
+			Z(e.createdAt, v.language)
 		]
-	}), y = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l(U, {
+	}), S = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l(H, {
 		items: e.attachments,
 		load: i,
 		office: !!o,
 		onOpen: d
 	});
 	if (e.role === "user") return /* @__PURE__ */ u("div", {
-		className: "m u",
+		className: `m u${e.queued ? " queued" : ""}`,
 		children: [
-			v,
+			x,
 			e.content,
 			e.text && /* @__PURE__ */ l("div", {
 				className: "bub",
 				children: e.text
 			}),
-			y,
+			S,
+			e.queued && /* @__PURE__ */ u("div", {
+				className: "qmark",
+				children: [
+					/* @__PURE__ */ l(t, {
+						name: "clock",
+						size: 12
+					}),
+					h("chat.queue.position", { n: f ?? 1 }),
+					p && /* @__PURE__ */ u("button", {
+						type: "button",
+						className: "textbtn",
+						onClick: p,
+						children: [/* @__PURE__ */ l(t, {
+							name: "x",
+							size: 12
+						}), h("chat.queue.cancel")]
+					})
+				]
+			}),
 			e.wait && /* @__PURE__ */ l("div", {
 				className: `turnstate${e.wait.state === "queued" ? " q" : ""}`,
 				role: "status",
 				children: e.wait.state === "queued" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(t, {
 					name: "clock",
 					size: 12
-				}), f("chat.wait.queued", { count: e.wait.position })] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+				}), h("chat.wait.queued", { count: e.wait.position })] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
 					className: "spin",
 					"aria-hidden": "true"
-				}), f("chat.wait.starting")] })
+				}), h("chat.wait.starting")] })
 			})
 		]
 	});
-	if (e.variant === "notice") return /* @__PURE__ */ l(fe, {
+	if (e.variant === "notice") return /* @__PURE__ */ l(me, {
 		m: e,
-		mark: v,
-		atts: y
+		mark: x,
+		atts: S
 	});
-	let b = e.steps ?? [], x = (e.status === "streaming" || e.status === "pending") && !e.text && !e.content;
+	let C = e.steps ?? [], w = (e.status === "streaming" || e.status === "pending") && !e.text && !e.content;
 	return /* @__PURE__ */ u("div", {
 		className: "m a",
 		children: [
-			v,
-			b.length > 3 && /* @__PURE__ */ l("button", {
+			x,
+			C.length > 3 && /* @__PURE__ */ l("button", {
 				className: "tools-fold",
-				onClick: () => h((e) => !e),
-				"aria-expanded": m,
-				children: m ? f("chat.hideSteps") : f("chat.moreSteps", { count: b.length - 2 })
+				onClick: () => b((e) => !e),
+				"aria-expanded": y,
+				children: y ? h("chat.hideSteps") : h("chat.moreSteps", { count: C.length - 2 })
 			}),
-			le(b, m).map((e) => /* @__PURE__ */ u("div", {
+			le(C, y).map((e) => e.subagents && e.subagents.length > 0 ? /* @__PURE__ */ l(fe, { tasks: e.subagents }, e.id) : /* @__PURE__ */ u("div", {
 				className: "tool",
 				title: e.title,
 				children: [/* @__PURE__ */ l(t, {
@@ -834,11 +853,11 @@ function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOp
 					children: e.text
 				})]
 			}, e.id)),
-			x && /* @__PURE__ */ l("div", {
+			w && !m && /* @__PURE__ */ l("div", {
 				className: "bub",
 				children: /* @__PURE__ */ u("span", {
 					className: "typing",
-					"aria-label": f("chat.typing"),
+					"aria-label": h("chat.typing"),
 					children: [
 						/* @__PURE__ */ l("i", {}),
 						/* @__PURE__ */ l("i", {}),
@@ -846,17 +865,51 @@ function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOp
 					]
 				})
 			}),
+			m && (e.status === "streaming" || e.status === "pending") && /* @__PURE__ */ l("div", {
+				className: "stopmark",
+				role: "status",
+				children: h("chat.stopping")
+			}),
 			e.content ?? (e.text && /* @__PURE__ */ l("div", {
 				className: "bub",
 				title: e.hint,
 				children: /* @__PURE__ */ l(a, { text: e.text })
 			})),
-			y,
+			S,
+			e.status === "stopped" && /* @__PURE__ */ u("div", {
+				className: "stopmark",
+				children: [
+					/* @__PURE__ */ l(t, {
+						name: "stop",
+						size: 12
+					}),
+					h("chat.stopped"),
+					e.retryQueued ? /* @__PURE__ */ u("span", {
+						className: "qmark-inline",
+						children: [/* @__PURE__ */ l(t, {
+							name: "clock",
+							size: 12
+						}), h("chat.retryQueued")]
+					}) : r && /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "textbtn",
+						disabled: n,
+						onClick: r,
+						children: h("chat.retry")
+					})
+				]
+			}),
 			e.error && /* @__PURE__ */ u("div", {
 				className: `llmerr${e.error.transient ? " amber" : ""}`,
 				role: "alert",
 				style: { marginTop: 6 },
-				children: [/* @__PURE__ */ l("span", { children: e.error.text }), r && /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ l("span", { children: e.error.text }), e.retryQueued ? /* @__PURE__ */ u("div", {
+					className: "row qmark-inline",
+					children: [/* @__PURE__ */ l(t, {
+						name: "clock",
+						size: 12
+					}), h("chat.retryQueued")]
+				}) : r && /* @__PURE__ */ l("div", {
 					className: "row",
 					children: /* @__PURE__ */ u("button", {
 						className: "btn sm",
@@ -865,15 +918,107 @@ function ue({ m: e, busy: n, onRetry: r, loadAttachment: i, loadPreview: o, onOp
 						children: [/* @__PURE__ */ l(t, {
 							name: "refresh",
 							size: 14
-						}), f("chat.retry")]
+						}), h("chat.retry")]
 					})
 				})]
 			})
 		]
 	});
 }
-var de = 12;
-function fe({ m: e, mark: t, atts: n }) {
+var de = {
+	done: {
+		icon: "check",
+		cls: "ok"
+	},
+	failed: {
+		icon: "x",
+		cls: "er"
+	},
+	timeout: {
+		icon: "stop",
+		cls: "off"
+	},
+	aborted: {
+		icon: "stop",
+		cls: "off"
+	}
+};
+function fe({ tasks: e }) {
+	let { t: n } = _(s), r = e.some((e) => e.state === "running"), [i, o] = g(null), [d, f] = g(null), p = i ?? r, m = e.filter((e) => e.state !== "done" && e.state !== "running").length;
+	return /* @__PURE__ */ u("div", {
+		className: `tool subagents${p ? " open" : ""}`,
+		children: [/* @__PURE__ */ u("button", {
+			type: "button",
+			className: "sa-head",
+			"aria-expanded": p,
+			onClick: () => o(!p),
+			children: [
+				r ? /* @__PURE__ */ l("span", {
+					className: "spin",
+					"aria-hidden": "true"
+				}) : /* @__PURE__ */ l(t, {
+					name: m ? "alert" : "check",
+					size: 14,
+					className: m ? "er" : "ok"
+				}),
+				/* @__PURE__ */ l(t, {
+					name: "users",
+					size: 14
+				}),
+				/* @__PURE__ */ u("span", {
+					className: "tx",
+					children: [n("chat.subagents.title", { count: e.length }), !r && /* @__PURE__ */ u(c, { children: [" — ", m ? n("chat.subagents.failed", { count: m }) : n("chat.subagents.done")] })]
+				})
+			]
+		}), p && e.map((e) => /* @__PURE__ */ u("div", {
+			className: "sa-task",
+			children: [
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: "sa-row",
+					"aria-expanded": d === e.task,
+					disabled: !e.result,
+					onClick: () => f(d === e.task ? null : e.task),
+					children: [
+						e.state === "running" ? /* @__PURE__ */ l("span", {
+							className: "spin",
+							"aria-hidden": "true"
+						}) : /* @__PURE__ */ l(t, {
+							name: de[e.state].icon,
+							size: 12,
+							className: de[e.state].cls
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "sa-desc",
+							children: e.description
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "sa-meta",
+							children: [
+								n("chat.subagents.tools", { count: e.tools }),
+								" · ",
+								/* @__PURE__ */ l("span", {
+									className: `sa-state ${e.state}`,
+									children: n(`chat.subagents.state.${e.state === "aborted" && !e.error ? "turnStopped" : e.state}`)
+								})
+							]
+						})
+					]
+				}),
+				e.error && e.state !== "running" && /* @__PURE__ */ l("div", {
+					className: "sa-err",
+					children: e.error
+				}),
+				d === e.task && e.result && /* @__PURE__ */ l("div", {
+					className: "sa-result",
+					children: /* @__PURE__ */ l(a, { text: e.result })
+				})
+			]
+		}, e.task))]
+	});
+}
+var pe = 12;
+function me({ m: e, mark: t, atts: n }) {
 	let { t: r } = _(s), [i, o] = g(!1), c = !e.content && e.text.split("\n").length > 12;
 	return /* @__PURE__ */ u("div", {
 		className: "m a notice",
@@ -893,7 +1038,7 @@ function fe({ m: e, mark: t, atts: n }) {
 		]
 	});
 }
-function pe({ m: e }) {
+function he({ m: e }) {
 	let { t: n, i18n: r } = _(s), [i, a] = g(!1), o = e.event;
 	return /* @__PURE__ */ u("div", {
 		className: "evdiv",
@@ -909,7 +1054,7 @@ function pe({ m: e }) {
 					}),
 					o.text,
 					" · ",
-					ce(e.createdAt, r.language),
+					Z(e.createdAt, r.language),
 					o.details && /* @__PURE__ */ u("button", {
 						type: "button",
 						className: "textbtn",
@@ -931,20 +1076,20 @@ function pe({ m: e }) {
 }
 //#endregion
 //#region src/chat/transcription.ts
-async function me(e, t, n) {
+async function ge(e, t, n) {
 	n.busy(!0);
 	let r;
 	try {
 		r = await t(e);
 	} catch (r) {
-		n.busy(!1), n.failed(r instanceof Error && r.message ? r.message : void 0, () => void me(e, t, n));
+		n.busy(!1), n.failed(r instanceof Error && r.message ? r.message : void 0, () => void ge(e, t, n));
 		return;
 	}
 	n.busy(!1), r !== null && (r ? n.text(r) : n.empty());
 }
 //#endregion
 //#region src/chat/useRecorder.ts
-function he(e = 300, t) {
+function _e(e = 300, t) {
 	let n = typeof window < "u" && "MediaRecorder" in window && !!navigator.mediaDevices?.getUserMedia, [r, i] = g(!1), [a, o] = g(0), [s, c] = g(0), [l, u] = g(!1), p = h(null), m = h([]), _ = h(void 0), v = h(null), y = h(null), b = h(!1), x = h(t);
 	f(() => {
 		x.current = t;
@@ -1006,55 +1151,55 @@ function he(e = 300, t) {
 		cancel: T
 	};
 }
-function ge(e) {
+function ve(e) {
 	return `${Math.floor(e / 60)}:${String(e % 60).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/chat/Chat.tsx
-function _e(n) {
-	let r = o(), i = e(), [a, s] = g(""), [d, m] = g([]), [_, b] = g(!1), [x, C] = g(null), [w, T] = g(0), [E, D] = g(!1), [O, k] = g(null), [A, j] = g(!1), [ee, M] = g(null), N = Ce(n.loadAttachment), P = Ce(n.loadPreview), F = h(!1), I = h(null), L = h(null), R = h(null), z = n.voiceMaxSeconds ?? 300, B = he(z, () => void Q()), { messages: V, busy: H = !1 } = n, te = H || V.some((e) => e.status === "pending" || e.status === "streaming"), U = n.onPendingChange;
-	f(() => U?.(d), [d, U]);
-	let W = V[0]?.id, G = V[V.length - 1], K = G?.id, re = G?.text.length, ie = G?.steps?.length, q = h({ height: 0 });
+function ye(n) {
+	let r = o(), i = e(), [a, s] = g(""), [d, m] = g([]), [_, b] = g(!1), [x, C] = g(null), [w, T] = g(0), [E, D] = g(!1), [O, k] = g(null), [A, j] = g(!1), [ee, M] = g(null), [N, te] = g(null), ne = Te(n.loadAttachment), P = Te(n.loadPreview), F = h(!1), I = h(null), L = h(null), R = h(null), z = n.voiceMaxSeconds ?? 300, B = _e(z, () => void me()), { messages: V, busy: H = !1 } = n, U = V.findLast((e) => e.role === "assistant" && (e.status === "pending" || e.status === "streaming")), W = V.filter((e) => e.role === "user" && e.queued).map((e) => e.id), re = H || !!U || W.length > 0, ae = n.onPendingChange;
+	f(() => ae?.(d), [d, ae]);
+	let G = V[0]?.id, K = V[V.length - 1], q = K?.id, oe = K?.text.length, se = K?.steps?.length, ce = h({ height: 0 });
 	p(() => {
 		let e = I.current;
 		if (!e) return;
-		let t = q.current;
-		e.scrollTop = t.first !== void 0 && W !== t.first && K === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, q.current = {
-			first: W,
-			last: K,
+		let t = ce.current;
+		e.scrollTop = t.first !== void 0 && G !== t.first && q === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, ce.current = {
+			first: G,
+			last: q,
 			height: e.scrollHeight
 		};
 	}, [
 		V.length,
-		W,
-		K,
-		re,
-		ie
+		G,
+		q,
+		oe,
+		se
 	]);
-	let J = n.commands && !x && a.startsWith("/") && !/\s/.test(a) ? a.slice(1) : null, Y = J === null ? [] : v(n.commands ?? [], J), X = J !== null && !E, ae = () => {
+	let J = n.commands && !x && a.startsWith("/") && !/\s/.test(a) ? a.slice(1) : null, Y = J === null ? [] : v(n.commands ?? [], J), X = J !== null && !E, Z = () => {
 		s(""), m([]), C(null), k(null), F.current = !1;
-	}, oe = async (e, t) => {
+	}, le = async (e, t) => {
 		if (n.onCommand) try {
-			await n.onCommand(e, t), ae();
+			await n.onCommand(e, t), Z();
 		} catch {}
-	}, Z = async (e, t = !1) => {
+	}, Q = async (e, t = !1) => {
 		let r = e.trim();
-		if (!(!r && d.length === 0 && !x || H || n.readOnly)) {
+		if (!(!r && d.length === 0 && !x || H || U && !n.allowQueue || n.readOnly)) {
 			if (!t && !x && 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 oe(i.name, t.join(" "));
+				if (i) return le(i.name, t.join(" "));
 				if (e && !r.includes("\n")) {
 					k("/" + e);
 					return;
 				}
 			}
 			try {
-				await n.onSend(r, d.map((e) => e.id), F.current, x ?? void 0), ae();
+				await n.onSend(r, d.map((e) => e.id), F.current, x ?? void 0), Z();
 			} catch {}
 		}
-	}, se = (e) => {
-		T(0), e.kind === "skill" ? (C(e.name), s("")) : e.takesText ? s("/" + e.name + " ") : oe(e.name, ""), R.current?.focus();
-	}, ce = (e) => {
+	}, de = (e) => {
+		T(0), e.kind === "skill" ? (C(e.name), s("")) : e.takesText ? s("/" + e.name + " ") : le(e.name, ""), R.current?.focus();
+	}, fe = (e) => {
 		if (X && Y.length > 0) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
@@ -1063,21 +1208,21 @@ function _e(n) {
 				return;
 			}
 			if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
-				e.preventDefault(), se(Y[Math.min(w, Y.length - 1)]);
+				e.preventDefault(), de(Y[Math.min(w, Y.length - 1)]);
 				return;
 			}
 		}
-		X && e.key === "Escape" ? (e.preventDefault(), D(!0)) : e.key === "Backspace" && x && a === "" ? C(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !ye() && (e.preventDefault(), Z(a));
+		X && e.key === "Escape" ? (e.preventDefault(), D(!0)) : e.key === "Backspace" && x && a === "" ? C(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !xe() && (e.preventDefault(), Q(a));
 	};
-	p(() => xe(I.current, () => Se(R.current)), [a]), f(() => {
+	p(() => Ce(I.current, () => we(R.current)), [a]), f(() => {
 		let e = R.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = e.clientWidth, n = new ResizeObserver(() => {
-			e.clientWidth !== t && (t = e.clientWidth, xe(I.current, () => Se(e)));
+			e.clientWidth !== t && (t = e.clientWidth, Ce(I.current, () => we(e)));
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [B.recording]);
-	let le = async (e) => {
+	let pe = async (e) => {
 		if (e?.length && n.onUpload) {
 			b(!0);
 			for (let t of Array.from(e)) {
@@ -1095,9 +1240,9 @@ function _e(n) {
 			b(!1), L.current && (L.current.value = "");
 		}
 	};
-	async function Q() {
+	async function me() {
 		let e = await B.stop();
-		e && n.onTranscribe && await me(e, n.onTranscribe, {
+		e && n.onTranscribe && await ge(e, n.onTranscribe, {
 			busy: j,
 			empty: () => i({
 				kind: "error",
@@ -1117,9 +1262,11 @@ function _e(n) {
 			}
 		});
 	}
-	let de = (e) => {
+	let he = (e) => {
 		e.key === "Escape" && B.recording && (e.preventDefault(), B.cancel());
-	}, fe = x ? r("chat.skillPlaceholder") : n.placeholder ?? r("chat.placeholder", { name: n.agentName }), pe = z - B.seconds;
+	}, ye = x ? r("chat.skillPlaceholder") : n.allowQueue && U ? r("chat.queuePlaceholder") : n.placeholder ?? r("chat.placeholder", { name: n.agentName }), Se = n.onStop && U && !a.trim() && d.length === 0 && !x, Ee = (e) => {
+		M(e), n.onStop?.(e).catch(() => M(null));
+	}, De = z - B.seconds;
 	return /* @__PURE__ */ u("section", {
 		className: "nb-chat",
 		"aria-label": r("chat.title"),
@@ -1156,9 +1303,12 @@ function _e(n) {
 						m: e,
 						busy: H,
 						onRetry: n.onRetry && (() => n.onRetry?.(e.id)),
-						loadAttachment: N,
+						loadAttachment: ne,
 						loadPreview: P,
-						onOpenAttachment: M
+						onOpenAttachment: te,
+						queuePosition: e.queued ? W.indexOf(e.id) + 1 : void 0,
+						onCancelQueued: n.onCancelQueued && (() => void n.onCancelQueued?.(e.id).catch(() => {})),
+						stopping: ee === e.id
 					}, e.id)),
 					n.onConfirm && (n.confirmations ?? []).map((e) => /* @__PURE__ */ u("div", {
 						className: "confirm",
@@ -1203,7 +1353,7 @@ function _e(n) {
 					X && /* @__PURE__ */ l(y, {
 						items: Y,
 						active: Math.min(w, Math.max(Y.length - 1, 0)),
-						onPick: se,
+						onPick: de,
 						onHover: T
 					}),
 					n.aboveComposer,
@@ -1239,7 +1389,7 @@ function _e(n) {
 						children: [r("chat.unknownCommand", { name: O }), /* @__PURE__ */ l("button", {
 							type: "button",
 							className: "textbtn",
-							onClick: () => void Z(a, !0),
+							onClick: () => void Q(a, !0),
 							children: r("chat.sendAsText")
 						})]
 					}),
@@ -1258,10 +1408,10 @@ function _e(n) {
 								multiple: !0,
 								hidden: !0,
 								accept: n.upload?.accept,
-								onChange: (e) => le(e.target.files)
+								onChange: (e) => pe(e.target.files)
 							})] }),
 							B.recording ? /* @__PURE__ */ u("div", {
-								className: `recbar${pe <= 15 ? " ending" : ""}`,
+								className: `recbar${De <= 15 ? " ending" : ""}`,
 								role: "status",
 								"aria-label": r("chat.voice.recordingNow"),
 								children: [
@@ -1272,9 +1422,9 @@ function _e(n) {
 									/* @__PURE__ */ u("span", {
 										className: "tm",
 										children: [
-											ge(B.seconds),
+											ve(B.seconds),
 											" / ",
-											ge(z)
+											ve(z)
 										]
 									}),
 									/* @__PURE__ */ l("span", {
@@ -1291,8 +1441,8 @@ function _e(n) {
 									/* @__PURE__ */ l("button", {
 										type: "button",
 										className: "btn primary sm",
-										onKeyDown: de,
-										onClick: () => void Q(),
+										onKeyDown: he,
+										onClick: () => void me(),
 										children: r("chat.voice.done")
 									})
 								]
@@ -1325,29 +1475,37 @@ function _e(n) {
 									ref: R,
 									rows: 1,
 									value: a,
-									placeholder: A ? r("chat.voice.recognizing") : fe,
-									"aria-label": fe,
+									placeholder: A ? r("chat.voice.recognizing") : ye,
+									"aria-label": ye,
 									disabled: A,
 									"aria-expanded": X,
 									"aria-autocomplete": n.commands ? "list" : void 0,
 									onChange: (e) => {
 										s(e.target.value), D(!1), T(0), k(null);
 									},
-									onKeyDown: ce
+									onKeyDown: fe
 								})]
 							}),
 							n.context && !B.recording && /* @__PURE__ */ l(S, {
 								context: n.context,
 								onCompact: n.onCompact,
 								onReset: n.onReset,
-								busy: te
+								busy: re,
+								queued: W.length > 0
 							}),
-							n.onTranscribe && !B.recording && /* @__PURE__ */ l(ve, {
+							n.onTranscribe && !B.recording && /* @__PURE__ */ l(be, {
 								supported: B.supported,
 								recognizing: A,
 								onStart: () => void B.start()
 							}),
-							!B.recording && (n.onCancel && H ? /* @__PURE__ */ l("button", {
+							!B.recording && (Se ? /* @__PURE__ */ l("button", {
+								className: "iconbtn stopbtn",
+								"aria-label": r("chat.stopAnswer"),
+								title: r("chat.stopAnswer"),
+								disabled: ee === U.id,
+								onClick: () => Ee(U.id),
+								children: /* @__PURE__ */ l(t, { name: "stop" })
+							}) : n.onCancel && H ? /* @__PURE__ */ l("button", {
 								className: "iconbtn fill",
 								"aria-label": r("chat.stop"),
 								onClick: n.onCancel,
@@ -1355,8 +1513,8 @@ function _e(n) {
 							}) : /* @__PURE__ */ l("button", {
 								className: "iconbtn fill",
 								"aria-label": r("chat.send"),
-								disabled: !a.trim() && d.length === 0 && !x || H || A,
-								onClick: () => Z(a),
+								disabled: !a.trim() && d.length === 0 && !x || H || !!U && !n.allowQueue || A,
+								onClick: () => Q(a),
 								children: /* @__PURE__ */ l(t, { name: "send" })
 							}))
 						]
@@ -1368,16 +1526,16 @@ function _e(n) {
 					})
 				]
 			}),
-			ee && N && /* @__PURE__ */ l(ne, {
-				a: ee,
-				load: N,
+			N && ne && /* @__PURE__ */ l(ie, {
+				a: N,
+				load: ne,
 				loadPreview: P,
-				onClose: () => M(null)
+				onClose: () => te(null)
 			})
 		]
 	});
 }
-function ve({ supported: e, recognizing: n, onStart: r }) {
+function be({ supported: e, recognizing: n, onStart: r }) {
 	let i = o();
 	return n ? /* @__PURE__ */ u("span", {
 		className: "voicewait",
@@ -1400,21 +1558,21 @@ function ve({ supported: e, recognizing: n, onStart: r }) {
 		children: /* @__PURE__ */ l(t, { name: "mic" })
 	});
 }
-function ye() {
+function xe() {
 	return typeof window < "u" && !!window.matchMedia?.("(hover: none) and (pointer: coarse)").matches;
 }
-var be = (e) => e.scrollHeight - e.scrollTop - e.clientHeight < 2;
-function xe(e, t) {
-	let n = !!e && be(e);
+var Se = (e) => e.scrollHeight - e.scrollTop - e.clientHeight < 2;
+function Ce(e, t) {
+	let n = !!e && Se(e);
 	t(), e && n && (e.scrollTop = e.scrollHeight);
 }
-function Se(e) {
+function we(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";
 }
-function Ce(e) {
+function Te(e) {
 	let t = h(e);
 	f(() => {
 		t.current = e;
@@ -1424,7 +1582,7 @@ function Ce(e) {
 }
 //#endregion
 //#region src/chat/ConversationList.tsx
-function we({ conversations: e, currentId: n, open: r, onPick: i, onClose: a, onCreate: s }) {
+function Ee({ conversations: e, currentId: n, open: r, onPick: i, onClose: a, onCreate: s }) {
 	let d = o(), [p, m] = g(!1);
 	f(() => {
 		if (!r) return;
@@ -1500,19 +1658,19 @@ function we({ conversations: e, currentId: n, open: r, onPick: i, onClose: a, on
 			"aria-label": d("close"),
 			onClick: a
 		}),
-		p && s && /* @__PURE__ */ l(Ee, {
+		p && s && /* @__PURE__ */ l(Oe, {
 			onClose: () => m(!1),
 			onCreate: s
 		})
 	] });
 }
-function Te({ narrow: e, children: t }) {
+function De({ narrow: e, children: t }) {
 	return /* @__PURE__ */ l("div", {
 		className: `nb-app${e ? " narrow" : ""}`,
 		children: t
 	});
 }
-function Ee({ onClose: e, onCreate: t }) {
+function Oe({ onClose: e, onCreate: t }) {
 	let r = o(), [i, a] = g(""), [s, d] = g(!1), [f, p] = g(null), m = async () => {
 		if (i.trim() && !s) {
 			d(!0), p(null);
@@ -1564,7 +1722,7 @@ function Ee({ onClose: e, onCreate: t }) {
 }
 //#endregion
 //#region src/chat/AgentMenu.tsx
-function De({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
+function ke({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
 	return /* @__PURE__ */ l("button", {
 		type: "button",
 		className: `agentbtn${a ? " s" : ""}`,
@@ -1580,7 +1738,7 @@ function De({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, o
 		})
 	});
 }
-function Oe({ label: e, name: n, options: r, value: a, optionsLabel: s, hint: d, narrow: f, models: p, onRename: m, onPick: h, onClose: _ }) {
+function Ae({ label: e, name: n, options: r, value: a, optionsLabel: s, hint: d, narrow: f, models: p, onRename: m, onPick: h, onClose: _ }) {
 	let v = o(), [y, b] = g(n), x = i(!0, _);
 	return /* @__PURE__ */ u("div", {
 		className: `agentmenu${f ? " narrow" : ""}`,
@@ -1693,7 +1851,7 @@ function Oe({ label: e, name: n, options: r, value: a, optionsLabel: s, hint: d,
 //#endregion
 //#region src/chat/AgentSettingsMenu.tsx
 var $ = (e) => `${e.connectionId}/${e.model}`;
-function ke(e, t, n) {
+function je(e, t, n) {
 	let r = (n) => [
 		...n.caps.image ? [{
 			icon: "image",
@@ -1721,9 +1879,9 @@ function ke(e, t, n) {
 		value: n.chosen && n.model ? $(n.model) : a ? "" : n.model ? $(n.model) : ""
 	};
 }
-function Ae({ name: e, value: t, options: n, models: r, hint: i, onRename: a, onPick: s, onModel: c, onClose: u }) {
-	let d = o(), { i18n: f } = _(), p = r && c ? ke(d, f.language, r) : null;
-	return /* @__PURE__ */ l(Oe, {
+function Me({ name: e, value: t, options: n, models: r, hint: i, onRename: a, onPick: s, onModel: c, onClose: u }) {
+	let d = o(), { i18n: f } = _(), p = r && c ? je(d, f.language, r) : null;
+	return /* @__PURE__ */ l(Ae, {
 		label: d("agent.menu"),
 		name: e,
 		value: t,
@@ -1751,6 +1909,6 @@ function Ae({ name: e, value: t, options: n, models: r, hint: i, onRename: a, on
 	});
 }
 //#endregion
-export { De as AgentButton, Oe as AgentMenu, Ae as AgentSettingsMenu, U as AttachmentList, ne as AttachmentPreview, _e as Chat, Te as ChatLayout, y as CommandPalette, S as ContextMeter, we as ConversationList, ue as MessageView, de as NOTICE_LINES, Ee as NewTopicModal, ve as VoiceButton, $ as agentModelKey, ke as agentModelOptions, Z as columnName, M as fileSize, B as parseTable, j as previewIcon, k as previewKind, x as tokens, he as useRecorder };
+export { ke as AgentButton, Ae as AgentMenu, Me as AgentSettingsMenu, H as AttachmentList, ie as AttachmentPreview, ye as Chat, De as ChatLayout, y as CommandPalette, S as ContextMeter, Ee as ConversationList, ue as MessageView, pe as NOTICE_LINES, Oe as NewTopicModal, fe as SubagentStep, be as VoiceButton, $ as agentModelKey, je as agentModelOptions, Y as columnName, M as fileSize, R as parseTable, j as previewIcon, k as previewKind, x as tokens, _e as useRecorder };
 
 //# sourceMappingURL=chat.js.map