@green-on-grey/ui-kit 0.2.0 → 1.1.0

package/dist/chat.js

@@ -1,20 +1,175 @@
-import { c as e, d as t, i as n, l as r } from "./ui-CGgZtEVm.js";
-import { n as i, t as a } from "./i18n-BJ8rsBp6.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useCallback as l, useEffect as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
-import { useTranslation as m } from "react-i18next";
-//#region src/chat/MessageView.tsx
-var h = (e) => e === "zh" ? "zh-CN" : e;
+import { c as e, d as t, i as n, l as r, s as i } from "./ui-joAvYmUH.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, useRef as p, useState as m } from "react";
+import { useTranslation as h } from "react-i18next";
+//#region src/chat/CommandPalette.tsx
 function g(e, t) {
-	return new Intl.DateTimeFormat(h(t), {
+	let n = t.toLowerCase();
+	return e.filter((e) => e.name.toLowerCase().includes(n) || (e.description ?? "").toLowerCase().includes(n));
+}
+function _({ items: e, active: n, onPick: r, onHover: i }) {
+	let o = a(), s = e.filter((e) => e.kind === "command"), u = e.filter((e) => e.kind === "skill"), d = (e, a) => /* @__PURE__ */ l("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": a === n,
+		className: `palette-row${a === n ? " on" : ""}`,
+		onMouseDown: (t) => {
+			t.preventDefault(), r(e);
+		},
+		onMouseEnter: () => i(a),
+		children: [
+			e.kind === "skill" ? /* @__PURE__ */ c(t, {
+				name: "spark",
+				size: 14
+			}) : /* @__PURE__ */ c("span", {
+				className: "slash",
+				children: "/"
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "nm",
+				children: e.kind === "command" ? "/" + e.name : e.name
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "ds",
+				children: e.description
+			}),
+			e.source && /* @__PURE__ */ c("span", {
+				className: "src",
+				children: e.source
+			})
+		]
+	}, e.kind + e.name);
+	return /* @__PURE__ */ l("div", {
+		className: "palette",
+		role: "listbox",
+		"aria-label": o("chat.palette.title"),
+		children: [
+			e.length === 0 && /* @__PURE__ */ c("div", {
+				className: "palette-empty",
+				children: o("chat.palette.empty")
+			}),
+			s.length > 0 && /* @__PURE__ */ c("div", {
+				className: "palette-h",
+				children: o("chat.palette.commands")
+			}),
+			s.map((t) => d(t, e.indexOf(t))),
+			e.length > 0 && /* @__PURE__ */ c("div", {
+				className: "palette-h",
+				children: o("chat.palette.skills")
+			}),
+			u.length === 0 && e.length > 0 && /* @__PURE__ */ c("div", {
+				className: "palette-empty",
+				children: o("chat.palette.noSkills")
+			}),
+			u.map((t) => d(t, e.indexOf(t)))
+		]
+	});
+}
+//#endregion
+//#region src/chat/ContextMeter.tsx
+function v(e, t) {
+	return new Intl.NumberFormat(t === "zh" ? "zh-CN" : t, {
+		notation: "compact",
+		maximumFractionDigits: 1
+	}).format(e);
+}
+function y({ context: e, onCompact: n, onReset: r }) {
+	let s = a(), { i18n: u } = h(o), [d, f] = m(!1), p = i(d, () => f(!1)), g = e.window > 0 ? Math.min(1, e.tokens / e.window) : 0, _ = Math.round(g * 100), y = g >= .9 ? "full" : g >= .7 ? "warn" : "", b = 2 * Math.PI * 7, x = u.language;
+	return /* @__PURE__ */ l("div", {
+		className: "ctxmeter",
+		ref: p,
+		children: [/* @__PURE__ */ c("button", {
+			type: "button",
+			className: `ctxring ${y}`,
+			"aria-expanded": d,
+			onClick: () => f((e) => !e),
+			"aria-label": s("chat.context.meter", {
+				used: v(e.tokens, x),
+				total: v(e.window, x),
+				pct: _
+			}),
+			title: s("chat.context.meter", {
+				used: v(e.tokens, x),
+				total: v(e.window, x),
+				pct: _
+			}),
+			children: /* @__PURE__ */ l("svg", {
+				viewBox: "0 0 18 18",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ c("circle", {
+					className: "bg",
+					cx: "9",
+					cy: "9",
+					r: 7
+				}), /* @__PURE__ */ c("circle", {
+					className: "fg",
+					cx: "9",
+					cy: "9",
+					r: 7,
+					strokeDasharray: `${(b * g).toFixed(1)} ${b.toFixed(1)}`,
+					transform: "rotate(-90 9 9)"
+				})]
+			})
+		}), d && /* @__PURE__ */ l("div", {
+			className: "ctxtip",
+			role: "dialog",
+			children: [
+				/* @__PURE__ */ c("div", { children: s("chat.context.meter", {
+					used: v(e.tokens, x),
+					total: v(e.window, x),
+					pct: _
+				}) }),
+				y === "full" && /* @__PURE__ */ c("div", {
+					className: "small muted",
+					style: { marginTop: 4 },
+					children: s("chat.context.full")
+				}),
+				y === "full" && (n || r) && /* @__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")]
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/chat/MessageView.tsx
+var b = (e) => e === "zh" ? "zh-CN" : e;
+function x(e, t) {
+	return new Intl.DateTimeFormat(b(t), {
 		hour: "2-digit",
 		minute: "2-digit"
 	}).format(new Date(e));
 }
-function _(e, t) {
+function S(e, t) {
 	return t || e.length <= 3 ? e : e.slice(-2);
 }
-var v = {
+var C = {
 	done: {
 		icon: "check",
 		cls: "ok"
@@ -28,30 +183,31 @@ var v = {
 		cls: "run"
 	}
 };
-function y({ m: e, busy: n, onRetry: i }) {
-	let { t: l, i18n: u } = m(a), [d, f] = p(!1);
-	if (e.role === "note") return /* @__PURE__ */ s("div", {
+function w({ m: e, busy: n, onRetry: i }) {
+	let { t: a, i18n: u } = h(o), [d, f] = m(!1);
+	if (e.role === "note") return /* @__PURE__ */ c("div", {
 		className: "sysnote",
 		children: e.text
 	});
-	let h = e.mark && /* @__PURE__ */ c("div", {
+	if (e.role === "event" && e.event) return /* @__PURE__ */ c(T, { m: e });
+	let p = e.mark && /* @__PURE__ */ l("div", {
 		className: "chan",
 		children: [
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ c(t, {
 				name: e.mark.icon,
 				size: 12
 			}),
 			" ",
 			e.mark.text,
 			" · ",
-			g(e.createdAt, u.language)
+			x(e.createdAt, u.language)
 		]
-	}), y = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ s("div", {
+	}), g = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ c("div", {
 		className: "atts",
-		children: e.attachments.map((e) => /* @__PURE__ */ c("a", {
+		children: e.attachments.map((e) => /* @__PURE__ */ l("a", {
 			href: e.href,
 			children: [
-				/* @__PURE__ */ s(t, {
+				/* @__PURE__ */ c(t, {
 					name: "clip",
 					size: 12
 				}),
@@ -60,154 +216,258 @@ function y({ m: e, busy: n, onRetry: i }) {
 			]
 		}, e.id))
 	});
-	if (e.role === "user") return /* @__PURE__ */ c("div", {
+	if (e.role === "user") return /* @__PURE__ */ l("div", {
 		className: "m u",
 		children: [
-			h,
+			p,
 			e.content,
-			e.text && /* @__PURE__ */ s("div", {
+			e.text && /* @__PURE__ */ c("div", {
 				className: "bub",
 				children: e.text
 			}),
-			y,
-			e.wait && /* @__PURE__ */ s("div", {
+			g,
+			e.wait && /* @__PURE__ */ c("div", {
 				className: `turnstate${e.wait.state === "queued" ? " q" : ""}`,
 				role: "status",
-				children: e.wait.state === "queued" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
+				children: e.wait.state === "queued" ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(t, {
 					name: "clock",
 					size: 12
-				}), l("chat.wait.queued", { count: e.wait.position })] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+				}), a("chat.wait.queued", { count: e.wait.position })] }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 					className: "spin",
 					"aria-hidden": "true"
-				}), l("chat.wait.starting")] })
+				}), a("chat.wait.starting")] })
 			})
 		]
 	});
-	let b = e.steps ?? [], x = (e.status === "streaming" || e.status === "pending") && !e.text && !e.content;
-	return /* @__PURE__ */ c("div", {
+	let _ = e.steps ?? [], v = (e.status === "streaming" || e.status === "pending") && !e.text && !e.content;
+	return /* @__PURE__ */ l("div", {
 		className: "m a",
 		children: [
-			h,
-			b.length > 3 && /* @__PURE__ */ s("button", {
+			p,
+			_.length > 3 && /* @__PURE__ */ c("button", {
 				className: "tools-fold",
 				onClick: () => f((e) => !e),
 				"aria-expanded": d,
-				children: d ? l("chat.hideSteps") : l("chat.moreSteps", { count: b.length - 2 })
+				children: d ? a("chat.hideSteps") : a("chat.moreSteps", { count: _.length - 2 })
 			}),
-			_(b, d).map((e) => /* @__PURE__ */ c("div", {
+			S(_, d).map((e) => /* @__PURE__ */ l("div", {
 				className: "tool",
 				title: e.title,
-				children: [/* @__PURE__ */ s(t, {
-					name: v[e.status].icon,
+				children: [/* @__PURE__ */ c(t, {
+					name: C[e.status].icon,
 					size: 14,
-					className: v[e.status].cls
-				}), /* @__PURE__ */ s("span", {
+					className: C[e.status].cls
+				}), /* @__PURE__ */ c("span", {
 					className: "tx",
 					children: e.text
 				})]
 			}, e.id)),
-			x && /* @__PURE__ */ s("div", {
+			v && /* @__PURE__ */ c("div", {
 				className: "bub",
-				children: /* @__PURE__ */ c("span", {
+				children: /* @__PURE__ */ l("span", {
 					className: "typing",
-					"aria-label": l("chat.typing"),
+					"aria-label": a("chat.typing"),
 					children: [
-						/* @__PURE__ */ s("i", {}),
-						/* @__PURE__ */ s("i", {}),
-						/* @__PURE__ */ s("i", {})
+						/* @__PURE__ */ c("i", {}),
+						/* @__PURE__ */ c("i", {}),
+						/* @__PURE__ */ c("i", {})
 					]
 				})
 			}),
-			e.content ?? (e.text && /* @__PURE__ */ s("div", {
+			e.content ?? (e.text && /* @__PURE__ */ c("div", {
 				className: "bub",
-				children: /* @__PURE__ */ s(r, { text: e.text })
+				title: e.hint,
+				children: /* @__PURE__ */ c(r, { text: e.text })
 			})),
-			y,
-			e.error && /* @__PURE__ */ c("div", {
+			g,
+			e.error && /* @__PURE__ */ l("div", {
 				className: `llmerr${e.error.transient ? " amber" : ""}`,
 				role: "alert",
 				style: { marginTop: 6 },
-				children: [/* @__PURE__ */ s("span", { children: e.error.text }), i && /* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ c("span", { children: e.error.text }), i && /* @__PURE__ */ c("div", {
 					className: "row",
-					children: /* @__PURE__ */ c("button", {
+					children: /* @__PURE__ */ l("button", {
 						className: "btn sm",
 						disabled: n,
 						onClick: i,
-						children: [/* @__PURE__ */ s(t, {
+						children: [/* @__PURE__ */ c(t, {
 							name: "refresh",
 							size: 14
-						}), l("chat.retry")]
+						}), a("chat.retry")]
 					})
 				})]
 			})
 		]
 	});
 }
+function T({ m: e }) {
+	let { t: n, i18n: r } = h(o), [i, a] = m(!1), s = e.event;
+	return /* @__PURE__ */ l("div", {
+		className: "evdiv",
+		children: [/* @__PURE__ */ c("div", {
+			className: "evline",
+			role: "separator",
+			children: /* @__PURE__ */ l("span", {
+				className: "evchip",
+				children: [
+					/* @__PURE__ */ c(t, {
+						name: s.icon,
+						size: 12
+					}),
+					s.text,
+					" · ",
+					x(e.createdAt, r.language),
+					s.details && /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "textbtn",
+						"aria-expanded": i,
+						onClick: () => a((e) => !e),
+						children: [
+							n("chat.event.details"),
+							" ",
+							i ? "▴" : "▾"
+						]
+					})
+				]
+			})
+		}), i && s.details && /* @__PURE__ */ c("div", {
+			className: "evdetails",
+			children: s.details
+		})]
+	});
+}
 //#endregion
 //#region src/chat/useRecorder.ts
-function b() {
-	let e = typeof window < "u" && "MediaRecorder" in window && !!navigator.mediaDevices?.getUserMedia, [t, n] = p(!1), [r, i] = p(0), [a, o] = p(!1), s = f(null), c = f([]), d = f(void 0), m = f(null), h = l(() => {
-		window.clearInterval(d.current), s.current?.stream.getTracks().forEach((e) => e.stop()), s.current = null, n(!1);
-	}, []), g = l(async () => {
-		if (e && !s.current) {
-			o(!1);
+function E(e = 300, t) {
+	let n = typeof window < "u" && "MediaRecorder" in window && !!navigator.mediaDevices?.getUserMedia, [r, i] = m(!1), [a, o] = m(0), [s, c] = m(0), [l, f] = m(!1), h = p(null), g = p([]), _ = p(void 0), v = p(null), y = p(null), b = p(!1), x = p(t);
+	d(() => {
+		x.current = t;
+	});
+	let S = u(() => {
+		window.clearInterval(_.current), h.current?.stream.getTracks().forEach((e) => e.stop()), h.current = null, v.current?.close().catch(() => void 0), v.current = null, i(!1), c(0);
+	}, []), C = u(async () => {
+		if (n && !h.current) {
+			f(!1);
 			try {
-				let e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = new MediaRecorder(e);
-				c.current = [], t.ondataavailable = (e) => e.data.size > 0 && c.current.push(e.data), t.onstop = () => {
-					let e = c.current.length ? new Blob(c.current, { type: t.mimeType || "audio/webm" }) : null;
-					h(), m.current?.(e), m.current = null;
-				}, s.current = t, t.start(), i(0), n(!0);
-				let r = Date.now();
-				d.current = window.setInterval(() => i(Math.floor((Date.now() - r) / 1e3)), 250);
+				let t = await navigator.mediaDevices.getUserMedia({ audio: !0 }), n = new MediaRecorder(t);
+				g.current = [], b.current = !1, n.ondataavailable = (e) => e.data.size > 0 && g.current.push(e.data), n.onstop = () => {
+					let e = !b.current && g.current.length ? new Blob(g.current, { type: n.mimeType || "audio/webm" }) : null;
+					S(), y.current?.(e), y.current = null;
+				};
+				let r = null;
+				try {
+					let e = window.AudioContext ?? window.webkitAudioContext;
+					e && (v.current = new e(), r = v.current.createAnalyser(), r.fftSize = 256, v.current.createMediaStreamSource(t).connect(r));
+				} catch {
+					r = null;
+				}
+				let a = r ? new Uint8Array(r.fftSize) : null;
+				h.current = n, n.start(), o(0), i(!0);
+				let s = Date.now(), l = !1;
+				_.current = window.setInterval(() => {
+					let t = Math.floor((Date.now() - s) / 1e3);
+					if (o(t), r && a) {
+						r.getByteTimeDomainData(a);
+						let e = 0;
+						for (let t of a) e = Math.max(e, Math.abs(t - 128));
+						c(Math.min(1, e / 64));
+					}
+					t >= e && !l && (l = !0, x.current?.());
+				}, 100);
 			} catch {
-				o(!0), h();
+				f(!0), S();
 			}
 		}
-	}, [e, h]), _ = l(() => new Promise((e) => {
-		let t = s.current;
+	}, [
+		n,
+		S,
+		e
+	]), w = u(() => new Promise((e) => {
+		let t = h.current;
 		if (!t || t.state === "inactive") return e(null);
-		m.current = e, t.stop();
-	}), []);
-	return u(() => () => h(), [h]), {
-		supported: e,
-		recording: t,
-		seconds: `${Math.floor(r / 60)}:${String(r % 60).padStart(2, "0")}`,
-		error: a,
-		start: g,
-		stop: _
+		y.current = e, t.stop();
+	}), []), T = u(() => {
+		b.current = !0, w();
+	}, [w]);
+	return d(() => () => S(), [S]), {
+		supported: n,
+		recording: r,
+		seconds: a,
+		level: s,
+		error: l,
+		start: C,
+		stop: w,
+		cancel: T
 	};
 }
+function D(e) {
+	return `${Math.floor(e / 60)}:${String(e % 60).padStart(2, "0")}`;
+}
 //#endregion
 //#region src/chat/Chat.tsx
-function x(n) {
-	let r = i(), a = e(), [l, u] = p(""), [m, h] = p([]), [g, _] = p(!1), [v, x] = p(null), S = f(null), C = f(null), w = b(), { messages: T, busy: E = !1 } = n, D = T[0]?.id, O = T[T.length - 1], k = O?.id, A = O?.text.length, j = O?.steps?.length, M = f({ height: 0 });
-	d(() => {
-		let e = S.current;
+function O(n) {
+	let r = a(), i = e(), [o, u] = m(""), [h, v] = m([]), [b, x] = m(!1), [S, C] = m(null), [T, O] = m(0), [k, A] = m(!1), [j, M] = m(null), [N, P] = m(!1), F = p(!1), I = p(null), L = p(null), R = p(null), z = n.voiceMaxSeconds ?? 300, B = E(z, () => void ae()), { messages: V, busy: H = !1 } = n, U = n.onPendingChange;
+	d(() => U?.(h), [h, U]);
+	let W = V[0]?.id, G = V[V.length - 1], K = G?.id, ee = G?.text.length, te = G?.steps?.length, q = p({ height: 0 });
+	f(() => {
+		let e = I.current;
 		if (!e) return;
-		let t = M.current;
-		e.scrollTop = t.first !== void 0 && D !== t.first && k === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, M.current = {
-			first: D,
-			last: k,
+		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,
 			height: e.scrollHeight
 		};
 	}, [
-		T.length,
-		D,
-		k,
-		A,
-		j
+		V.length,
+		W,
+		K,
+		ee,
+		te
 	]);
-	let N = async (e, t) => {
-		let r = e.trim();
-		if (!(!r && m.length === 0 || E || n.readOnly)) try {
-			await n.onSend(r, m.map((e) => e.id), t), u(""), h([]), x(null);
+	let J = n.commands && !S && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Y = J === null ? [] : g(n.commands ?? [], J), X = J !== null && !k, Z = () => {
+		u(""), v([]), C(null), M(null), F.current = !1;
+	}, Q = async (e, t) => {
+		if (n.onCommand) try {
+			await n.onCommand(e, t), Z();
 		} catch {}
-	}, P = async (e) => {
+	}, $ = async (e, t = !1) => {
+		let r = e.trim();
+		if (!(!r && h.length === 0 && !S || H || n.readOnly)) {
+			if (!t && !S && 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 Q(i.name, t.join(" "));
+				if (e && !r.includes("\n")) {
+					M("/" + e);
+					return;
+				}
+			}
+			try {
+				await n.onSend(r, h.map((e) => e.id), F.current, S ?? void 0), Z();
+			} catch {}
+		}
+	}, ne = (e) => {
+		O(0), e.kind === "skill" ? (C(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : Q(e.name, ""), R.current?.focus();
+	}, re = (e) => {
+		if (X && Y.length > 0) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault();
+				let t = e.key === "ArrowDown" ? 1 : -1;
+				O((e) => (e + t + Y.length) % Y.length);
+				return;
+			}
+			if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
+				e.preventDefault(), ne(Y[Math.min(T, Y.length - 1)]);
+				return;
+			}
+		}
+		X && e.key === "Escape" ? (e.preventDefault(), A(!0)) : e.key === "Backspace" && S && o === "" ? C(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), $(o));
+	}, ie = async (e) => {
 		if (e?.length && n.onUpload) {
-			_(!0);
+			x(!0);
 			for (let t of Array.from(e)) {
 				if (n.upload && t.size > n.upload.maxBytes) {
-					a({
+					i({
 						kind: "error",
 						title: r("chat.tooLarge"),
 						text: t.name
@@ -215,79 +475,82 @@ function x(n) {
 					continue;
 				}
 				let e = await n.onUpload(t).catch(() => null);
-				e && h((t) => [...t, e]);
+				e && v((t) => [...t, e]);
 			}
-			_(!1), C.current && (C.current.value = "");
+			x(!1), L.current && (L.current.value = "");
 		}
-	}, F = async () => {
-		let e = await w.stop();
+	};
+	async function ae() {
+		let e = await B.stop();
 		if (!e || !n.onTranscribe) return;
+		P(!0);
 		let t = await n.onTranscribe(e).catch(() => null);
-		t !== null && (t ? x(t) : a({
+		P(!1), t !== null && (t ? (F.current = !0, u((e) => e.trim() ? e.trimEnd() + " " + t : t), R.current?.focus()) : i({
 			kind: "error",
 			title: r("chat.voice.notRecognized")
 		}));
-	}, I = (e) => {
-		(e.key === " " || e.key === "Enter") && (e.preventDefault(), !e.repeat && (w.recording ? F() : w.start()));
-	}, L = r("chat.placeholder", { name: n.agentName });
-	return /* @__PURE__ */ c("section", {
+	}
+	let oe = (e) => {
+		e.key === "Escape" && B.recording && (e.preventDefault(), B.cancel());
+	}, se = S ? r("chat.skillPlaceholder") : r("chat.placeholder", { name: n.agentName }), ce = z - B.seconds;
+	return /* @__PURE__ */ l("section", {
 		className: "nb-chat",
 		"aria-label": r("chat.title"),
 		children: [
 			n.header,
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "msgs",
-				ref: S,
+				ref: I,
 				"aria-live": "polite",
 				children: [
-					n.hasOlder && n.onLoadOlder && /* @__PURE__ */ s("button", {
+					n.hasOlder && n.onLoadOlder && /* @__PURE__ */ c("button", {
 						className: "btn ghost sm",
 						style: { alignSelf: "center" },
 						disabled: n.loadingOlder,
 						onClick: n.onLoadOlder,
 						children: r("chat.loadOlder")
 					}),
-					n.historyError && /* @__PURE__ */ s("div", {
+					n.historyError && /* @__PURE__ */ c("div", {
 						className: "err-text",
 						children: n.historyError
 					}),
-					T.length === 0 && !n.loading && !n.historyError && /* @__PURE__ */ c("div", {
+					V.length === 0 && !n.loading && !n.historyError && /* @__PURE__ */ l("div", {
 						className: "empty",
 						children: [
-							/* @__PURE__ */ s("div", {
+							/* @__PURE__ */ c("div", {
 								className: "ic",
-								children: /* @__PURE__ */ s(t, { name: "spark" })
+								children: /* @__PURE__ */ c(t, { name: "spark" })
 							}),
-							/* @__PURE__ */ s("b", { children: r("chat.emptyTitle", { name: n.agentName }) }),
+							/* @__PURE__ */ c("b", { children: r("chat.emptyTitle", { name: n.agentName }) }),
 							n.emptyHint
 						]
 					}),
-					T.map((e) => /* @__PURE__ */ s(y, {
+					V.map((e) => /* @__PURE__ */ c(w, {
 						m: e,
-						busy: E,
+						busy: H,
 						onRetry: n.onRetry && (() => n.onRetry?.(e.id))
 					}, e.id)),
-					n.onConfirm && (n.confirmations ?? []).map((e) => /* @__PURE__ */ c("div", {
+					n.onConfirm && (n.confirmations ?? []).map((e) => /* @__PURE__ */ l("div", {
 						className: "confirm",
 						role: "group",
 						"aria-label": r("chat.confirm.title"),
 						children: [
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "h",
-								children: [/* @__PURE__ */ s(t, {
+								children: [/* @__PURE__ */ c(t, {
 									name: "alert",
 									size: 16
 								}), r("chat.confirm.title")]
 							}),
-							/* @__PURE__ */ s("div", { children: r("chat.confirm.text", { action: e.summary }) }),
-							e.preview !== void 0 && /* @__PURE__ */ s("pre", { children: e.preview }),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ c("div", { children: r("chat.confirm.text", { action: e.summary }) }),
+							e.preview !== void 0 && /* @__PURE__ */ c("pre", { children: e.preview }),
+							/* @__PURE__ */ l("div", {
 								className: "acts",
-								children: [/* @__PURE__ */ s("button", {
+								children: [/* @__PURE__ */ c("button", {
 									className: "btn sm primary",
 									onClick: () => n.onConfirm?.(e.id, !0),
 									children: r("chat.confirm.approve")
-								}), /* @__PURE__ */ s("button", {
+								}), /* @__PURE__ */ c("button", {
 									className: "btn sm",
 									onClick: () => n.onConfirm?.(e.id, !1),
 									children: r("chat.confirm.reject")
@@ -297,132 +560,182 @@ function x(n) {
 					}, e.id))
 				]
 			}),
-			n.readOnly ? /* @__PURE__ */ s("div", {
+			n.readOnly ? /* @__PURE__ */ c("div", {
 				className: "composer",
 				style: {
 					justifyContent: "space-between",
 					alignItems: "center"
 				},
 				children: n.readOnly
-			}) : v === null ? /* @__PURE__ */ c(o, { children: [
-				n.aboveComposer,
-				m.length > 0 && /* @__PURE__ */ s("div", {
-					className: "pending-files",
-					children: m.map((e) => /* @__PURE__ */ c("span", {
-						className: "chip",
+			}) : /* @__PURE__ */ l("div", {
+				className: "composer-wrap",
+				children: [
+					X && /* @__PURE__ */ c(_, {
+						items: Y,
+						active: Math.min(T, Math.max(Y.length - 1, 0)),
+						onPick: ne,
+						onHover: O
+					}),
+					n.aboveComposer,
+					h.length > 0 && /* @__PURE__ */ c("div", {
+						className: "pending-files",
+						children: h.map((e) => /* @__PURE__ */ l("span", {
+							className: "chip",
+							children: [
+								/* @__PURE__ */ c(t, {
+									name: "clip",
+									size: 12
+								}),
+								e.fileName,
+								/* @__PURE__ */ c("button", {
+									className: "iconbtn",
+									style: {
+										width: 18,
+										height: 18
+									},
+									"aria-label": r("remove"),
+									onClick: () => v((t) => t.filter((t) => t.id !== e.id)),
+									children: /* @__PURE__ */ c(t, {
+										name: "x",
+										size: 12
+									})
+								})
+							]
+						}, e.id))
+					}),
+					j && /* @__PURE__ */ l("div", {
+						className: "cmd-unknown",
+						role: "status",
+						children: [r("chat.unknownCommand", { name: j }), /* @__PURE__ */ c("button", {
+							type: "button",
+							className: "textbtn",
+							onClick: () => void $(o, !0),
+							children: r("chat.sendAsText")
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "composer",
 						children: [
-							/* @__PURE__ */ s(t, {
-								name: "clip",
-								size: 12
+							n.onUpload && !B.recording && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+								className: "iconbtn",
+								"aria-label": r("chat.attach"),
+								disabled: b,
+								onClick: () => L.current?.click(),
+								children: /* @__PURE__ */ c(t, { name: "clip" })
+							}), /* @__PURE__ */ c("input", {
+								ref: L,
+								type: "file",
+								multiple: !0,
+								hidden: !0,
+								accept: n.upload?.accept,
+								onChange: (e) => ie(e.target.files)
+							})] }),
+							B.recording ? /* @__PURE__ */ l("div", {
+								className: `recbar${ce <= 15 ? " ending" : ""}`,
+								role: "status",
+								"aria-label": r("chat.voice.recordingNow"),
+								children: [
+									/* @__PURE__ */ c("span", {
+										className: "dot",
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ l("span", {
+										className: "tm",
+										children: [
+											D(B.seconds),
+											" / ",
+											D(z)
+										]
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "lvl",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ c("i", { style: { transform: `scaleX(${Math.max(.04, B.level)})` } })
+									}),
+									/* @__PURE__ */ c("button", {
+										type: "button",
+										className: "btn ghost sm",
+										onClick: B.cancel,
+										children: r("cancel")
+									}),
+									/* @__PURE__ */ c("button", {
+										type: "button",
+										className: "btn primary sm",
+										onKeyDown: oe,
+										onClick: () => void ae(),
+										children: r("chat.voice.done")
+									})
+								]
+							}) : /* @__PURE__ */ l("div", {
+								className: `field${S ? " with-skill" : ""}`,
+								children: [S && /* @__PURE__ */ l("span", {
+									className: "chip skill-chip",
+									children: [
+										/* @__PURE__ */ c(t, {
+											name: "spark",
+											size: 12
+										}),
+										S,
+										/* @__PURE__ */ c("button", {
+											className: "iconbtn",
+											style: {
+												width: 18,
+												height: 18
+											},
+											"aria-label": r("remove"),
+											onClick: () => C(null),
+											children: /* @__PURE__ */ c(t, {
+												name: "x",
+												size: 12
+											})
+										})
+									]
+								}), /* @__PURE__ */ c("textarea", {
+									ref: R,
+									rows: 1,
+									value: o,
+									placeholder: N ? r("chat.voice.recognizing") : se,
+									"aria-label": se,
+									disabled: N,
+									"aria-expanded": X,
+									"aria-autocomplete": n.commands ? "list" : void 0,
+									onChange: (e) => {
+										u(e.target.value), A(!1), O(0), M(null);
+									},
+									onKeyDown: re
+								})]
 							}),
-							e.fileName,
-							/* @__PURE__ */ s("button", {
+							n.context && !B.recording && /* @__PURE__ */ c(y, {
+								context: n.context,
+								onCompact: n.onCompact,
+								onReset: n.onReset
+							}),
+							n.onTranscribe && !B.recording && /* @__PURE__ */ c("button", {
 								className: "iconbtn",
-								style: {
-									width: 18,
-									height: 18
-								},
-								"aria-label": r("remove"),
-								onClick: () => h((t) => t.filter((t) => t.id !== e.id)),
-								children: /* @__PURE__ */ s(t, {
-									name: "x",
-									size: 12
-								})
-							})
+								disabled: !B.supported || N,
+								"aria-label": r("chat.voice.start"),
+								title: B.supported ? r("chat.voice.start") : r("chat.voice.unsupported"),
+								onClick: () => void B.start(),
+								children: /* @__PURE__ */ c(t, { name: "mic" })
+							}),
+							!B.recording && (n.onCancel && H ? /* @__PURE__ */ c("button", {
+								className: "iconbtn fill",
+								"aria-label": r("chat.stop"),
+								onClick: n.onCancel,
+								children: /* @__PURE__ */ c(t, { name: "stop" })
+							}) : /* @__PURE__ */ c("button", {
+								className: "iconbtn fill",
+								"aria-label": r("chat.send"),
+								disabled: !o.trim() && h.length === 0 && !S || H,
+								onClick: () => $(o),
+								children: /* @__PURE__ */ c(t, { name: "send" })
+							}))
 						]
-					}, e.id))
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "composer",
-					children: [
-						n.onUpload && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
-							className: "iconbtn",
-							"aria-label": r("chat.attach"),
-							disabled: g,
-							onClick: () => C.current?.click(),
-							children: /* @__PURE__ */ s(t, { name: "clip" })
-						}), /* @__PURE__ */ s("input", {
-							ref: C,
-							type: "file",
-							multiple: !0,
-							hidden: !0,
-							accept: n.upload?.accept,
-							onChange: (e) => P(e.target.files)
-						})] }),
-						w.recording ? /* @__PURE__ */ s("div", {
-							className: "rec-box",
-							children: r("chat.voice.recording", { seconds: w.seconds })
-						}) : /* @__PURE__ */ s("textarea", {
-							rows: 1,
-							value: l,
-							placeholder: L,
-							"aria-label": L,
-							onChange: (e) => u(e.target.value),
-							onKeyDown: (e) => {
-								e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), N(l, !1));
-							}
-						}),
-						n.onTranscribe && /* @__PURE__ */ s("button", {
-							className: `iconbtn${w.recording ? " rec" : ""}`,
-							disabled: !w.supported,
-							"aria-label": w.recording ? r("chat.voice.stop") : r("chat.voice.hold"),
-							title: w.supported ? r("chat.voice.hold") : r("chat.voice.unsupported"),
-							onPointerDown: (e) => {
-								e.preventDefault(), w.recording || w.start();
-							},
-							onPointerUp: () => w.recording && F(),
-							onPointerLeave: () => w.recording && F(),
-							onKeyDown: I,
-							children: /* @__PURE__ */ s(t, { name: "mic" })
-						}),
-						n.onCancel && E ? /* @__PURE__ */ s("button", {
-							className: "iconbtn fill",
-							"aria-label": r("chat.stop"),
-							onClick: n.onCancel,
-							children: /* @__PURE__ */ s(t, { name: "stop" })
-						}) : /* @__PURE__ */ s("button", {
-							className: "iconbtn fill",
-							"aria-label": r("chat.send"),
-							disabled: !l.trim() && m.length === 0 || E,
-							onClick: () => N(l, !1),
-							children: /* @__PURE__ */ s(t, { name: "send" })
-						})
-					]
-				}),
-				w.error && /* @__PURE__ */ s("div", {
-					className: "err-text",
-					style: { padding: "0 12px 8px" },
-					children: r("chat.voice.micDenied")
-				})
-			] }) : /* @__PURE__ */ c("div", {
-				className: "transcript",
-				style: { margin: 10 },
-				children: [
-					/* @__PURE__ */ s("div", {
-						className: "small muted",
-						style: { marginBottom: 4 },
-						children: r("chat.voice.review")
 					}),
-					/* @__PURE__ */ s("textarea", {
-						className: "inp",
-						rows: 3,
-						value: v,
-						onChange: (e) => x(e.target.value),
-						"aria-label": r("chat.voice.review")
-					}),
-					/* @__PURE__ */ c("div", {
-						className: "row2",
-						style: { marginTop: 8 },
-						children: [/* @__PURE__ */ s("button", {
-							className: "btn ghost sm",
-							onClick: () => x(null),
-							children: r("delete")
-						}), /* @__PURE__ */ s("button", {
-							className: "btn primary sm",
-							disabled: !v.trim() || E,
-							onClick: () => N(v, !0),
-							children: r("chat.send")
-						})]
+					B.error && /* @__PURE__ */ c("div", {
+						className: "err-text",
+						style: { padding: "0 12px 8px" },
+						children: r("chat.voice.micDenied")
 					})
 				]
 			})
@@ -431,145 +744,273 @@ function x(n) {
 }
 //#endregion
 //#region src/chat/ConversationList.tsx
-function S({ conversations: e, currentId: n, open: r, onPick: a, onClose: l, onCreate: d }) {
-	let f = i(), [m, h] = p(!1);
-	u(() => {
+function k({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
+	let f = a(), [p, h] = m(!1);
+	d(() => {
 		if (!r) return;
-		let e = (e) => e.key === "Escape" && l();
+		let e = (e) => e.key === "Escape" && o();
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [r, l]);
-	let g = (e) => /* @__PURE__ */ c("button", {
+	}, [r, o]);
+	let g = (e) => /* @__PURE__ */ l("button", {
 		className: `it${e.id === n ? " on" : ""}${e.group === "archive" ? " arch" : ""}`,
-		onClick: () => a(e.id),
+		onClick: () => i(e.id),
 		"aria-current": e.id === n,
 		children: [
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ c(t, {
 				name: e.icon ?? "msg2",
 				size: 16
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: "nm",
 				children: e.title
 			}),
-			!!e.unread && /* @__PURE__ */ s("span", {
+			!!e.unread && /* @__PURE__ */ c("span", {
 				className: "unread",
 				"aria-label": f("chat.unread", { count: e.unread }),
 				children: e.unread
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: "sub",
 				children: e.when
 			})
 		]
 	}, e.id), _ = (t) => e.filter((e) => e.group === t), v = _("topic"), y = _("archive");
-	return /* @__PURE__ */ c(o, { children: [
-		/* @__PURE__ */ c("nav", {
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ l("nav", {
 			className: `nb-side${r ? " open" : ""}`,
 			"aria-label": f("chat.conversations"),
 			children: [
-				d && /* @__PURE__ */ c("button", {
+				u && /* @__PURE__ */ l("button", {
 					className: "btn sm",
 					style: {
 						width: "100%",
 						justifyContent: "center"
 					},
 					onClick: () => h(!0),
-					children: [/* @__PURE__ */ s(t, {
+					children: [/* @__PURE__ */ c(t, {
 						name: "plus",
 						size: 15
 					}), f("chat.newTopic")]
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "h",
 					children: f("chat.conversation")
 				}),
 				_("main").map(g),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "h",
 					children: f("chat.topics")
 				}),
-				v.length === 0 && /* @__PURE__ */ s("div", {
+				v.length === 0 && /* @__PURE__ */ c("div", {
 					className: "small muted",
 					style: { padding: "0 10px" },
 					children: f("chat.noTopics")
 				}),
 				v.map(g),
-				y.length > 0 && /* @__PURE__ */ s("div", {
+				y.length > 0 && /* @__PURE__ */ c("div", {
 					className: "h",
 					children: f("chat.archive")
 				}),
 				y.map(g)
 			]
 		}),
-		r && /* @__PURE__ */ s("button", {
+		r && /* @__PURE__ */ c("button", {
 			type: "button",
 			className: "nb-scrim",
 			"aria-label": f("close"),
-			onClick: l
+			onClick: o
 		}),
-		m && d && /* @__PURE__ */ s(w, {
+		p && u && /* @__PURE__ */ c(j, {
 			onClose: () => h(!1),
-			onCreate: d
+			onCreate: u
 		})
 	] });
 }
-function C({ narrow: e, children: t }) {
-	return /* @__PURE__ */ s("div", {
+function A({ narrow: e, children: t }) {
+	return /* @__PURE__ */ c("div", {
 		className: `nb-app${e ? " narrow" : ""}`,
 		children: t
 	});
 }
-function w({ onClose: e, onCreate: t }) {
-	let r = i(), [a, l] = p(""), [u, d] = p(!1), [f, m] = p(null), h = async () => {
-		if (a.trim() && !u) {
-			d(!0), m(null);
+function j({ onClose: e, onCreate: t }) {
+	let r = a(), [i, o] = m(""), [u, d] = m(!1), [f, p] = m(null), h = async () => {
+		if (i.trim() && !u) {
+			d(!0), p(null);
 			try {
-				await t(a.trim()), e();
+				await t(i.trim()), e();
 			} catch (e) {
-				m(e instanceof Error ? e.message : String(e)), d(!1);
+				p(e instanceof Error ? e.message : String(e)), d(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ l(n, {
 		title: r("chat.newTopic"),
 		onClose: e,
-		footer: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
+		footer: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
 			className: "btn ghost",
 			onClick: e,
 			children: r("cancel")
-		}), /* @__PURE__ */ s("button", {
+		}), /* @__PURE__ */ c("button", {
 			className: "btn primary",
-			disabled: !a.trim() || u,
+			disabled: !i.trim() || u,
 			onClick: h,
 			children: r("create")
 		})] }),
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "field",
 			children: [
-				/* @__PURE__ */ s("label", {
+				/* @__PURE__ */ c("label", {
 					htmlFor: "topic-title",
 					children: r("chat.topicTitle")
 				}),
-				/* @__PURE__ */ s("input", {
+				/* @__PURE__ */ c("input", {
 					id: "topic-title",
 					className: "inp",
-					value: a,
+					value: i,
 					maxLength: 120,
-					onChange: (e) => l(e.target.value),
+					onChange: (e) => o(e.target.value),
 					onKeyDown: (e) => e.key === "Enter" && h()
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "hint",
 					children: r("chat.topicHint")
 				})
 			]
-		}), f && /* @__PURE__ */ s("div", {
+		}), f && /* @__PURE__ */ c("div", {
 			className: "err-text",
 			children: f
 		})]
 	});
 }
 //#endregion
-export { x as Chat, C as ChatLayout, S as ConversationList, w as NewTopicModal, b as useRecorder };
+//#region src/chat/AgentMenu.tsx
+function M({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
+	return /* @__PURE__ */ c("button", {
+		type: "button",
+		className: `agentbtn${a ? " s" : ""}`,
+		disabled: o,
+		"aria-label": n,
+		"aria-expanded": i,
+		title: r,
+		onMouseDown: (e) => i && e.stopPropagation(),
+		onClick: s,
+		children: /* @__PURE__ */ c(t, {
+			name: e,
+			size: a ? 15 : 18
+		})
+	});
+}
+function N({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: h, onPick: g, onClose: _ }) {
+	let v = a(), [y, b] = m(n), x = i(!0, _);
+	return /* @__PURE__ */ l("div", {
+		className: `agentmenu${f ? " narrow" : ""}`,
+		ref: x,
+		role: "dialog",
+		"aria-label": e,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "lab",
+				children: v("agentName")
+			}),
+			/* @__PURE__ */ c("input", {
+				className: "inp",
+				value: y,
+				maxLength: 40,
+				autoFocus: !0,
+				"aria-label": v("agentName"),
+				onChange: (e) => b(e.target.value),
+				onBlur: () => {
+					let e = y.trim();
+					e && e !== n && h(e);
+				},
+				onKeyDown: (e) => e.key === "Enter" && e.target.blur()
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "lab",
+				style: { marginTop: 14 },
+				children: u
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "agentoptions",
+				children: r.map((e) => /* @__PURE__ */ l("button", {
+					type: "button",
+					className: `agentoption${o === e.key ? " on" : ""}`,
+					"aria-pressed": o === e.key,
+					onClick: () => g(e.key),
+					children: [/* @__PURE__ */ c("span", {
+						className: "ic",
+						children: /* @__PURE__ */ c(t, {
+							name: e.icon,
+							size: 15
+						})
+					}), e.label]
+				}, e.key))
+			}),
+			p && /* @__PURE__ */ l(s, { children: [
+				/* @__PURE__ */ c("div", {
+					className: "lab",
+					style: { marginTop: 14 },
+					children: p.label
+				}),
+				p.options.length === 0 && /* @__PURE__ */ c("div", {
+					className: "hint",
+					children: p.empty
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "agentmodels",
+					role: "radiogroup",
+					children: p.options.map((e) => {
+						let n = p.options.length === 1, r = n || p.value === e.key;
+						return /* @__PURE__ */ l("button", {
+							type: "button",
+							role: "radio",
+							"aria-checked": r,
+							disabled: n,
+							className: `agentmodel${r ? " on" : ""}`,
+							onClick: () => !r && p.onPick(e.key),
+							children: [!n && /* @__PURE__ */ c("span", {
+								className: `radio${r ? " on" : ""}`,
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ l("span", {
+								className: "body",
+								children: [
+									/* @__PURE__ */ c("span", {
+										className: "nm",
+										children: e.label
+									}),
+									e.sub && /* @__PURE__ */ c("span", {
+										className: "sub",
+										children: e.sub
+									}),
+									e.badges && e.badges.length > 0 && /* @__PURE__ */ c("span", {
+										className: "badges",
+										children: e.badges.map((e) => /* @__PURE__ */ l("span", {
+											className: "cap",
+											children: [e.icon && /* @__PURE__ */ c(t, {
+												name: e.icon,
+												size: 11
+											}), e.text]
+										}, e.text))
+									}),
+									r && e.warn && /* @__PURE__ */ c("span", {
+										className: "warn",
+										children: e.warn
+									})
+								]
+							})]
+						}, e.key);
+					})
+				})
+			] }),
+			d && /* @__PURE__ */ c("div", {
+				className: "hint",
+				style: { marginTop: 10 },
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+export { M as AgentButton, N as AgentMenu, O as Chat, A as ChatLayout, _ as CommandPalette, y as ContextMeter, k as ConversationList, w as MessageView, j as NewTopicModal, v as tokens, E as useRecorder };
 
 //# sourceMappingURL=chat.js.map