@webority/chat-react 0.30.0 → 0.31.0

package/dist/chat-react.js

@@ -1,269 +1,82 @@
-import { AppActionIcon as e, AppAlert as t, AppButton as n, AppCard as r, AppConfirmDialog as i, AppDataTable as a, AppEmptyState as o, AppIcon as s, AppLink as c, AppSidebarMenu as l, AppSkeleton as u, AppSpinner as d, AppTextarea as f } from "@webority/ui-react";
-import { Fragment as p, useCallback as m, useEffect as h, useId as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-//#region src/lib/sse.js
-function S(e) {
-	let t = "";
-	function n(t) {
-		let n = "message", r = [];
-		for (let e of t.split("\n")) {
-			if (e === "" || e.startsWith(":")) continue;
-			let t = e.indexOf(":"), i = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1);
-			a.startsWith(" ") && (a = a.slice(1)), i === "event" ? n = a : i === "data" && r.push(a);
-		}
-		if (r.length === 0) return;
-		let i;
-		try {
-			i = JSON.parse(r.join("\n"));
-		} catch {
-			e({
-				name: "error",
-				data: {
-					code: "invalid-response",
-					message: null
-				}
-			});
-			return;
-		}
-		e({
-			name: n,
-			data: i
-		});
-	}
-	return {
-		push(e) {
-			if (!e) return;
-			t = (t + e).replace(/\r\n/g, "\n").replace(/\r(?!$)/g, "\n");
-			let r = t.split("\n\n");
-			t = r.pop();
-			for (let e of r) n(e);
-		},
-		end() {
-			let e = t.replace(/\r$/, "");
-			t = "", e.trim() && n(e);
-		}
-	};
-}
-//#endregion
-//#region src/client.js
-var C = "Something went wrong. Please try again.", w = class extends Error {
-	constructor(e, t, n, r = null) {
-		super(t), this.name = "ChatApiError", this.code = e, this.status = n, this.resetsAtUtc = r;
-	}
-};
-function T(e) {
-	if (typeof e == "string") try {
-		return JSON.parse(e);
-	} catch {
-		return null;
-	}
-	return e ?? null;
-}
-function E(e, t) {
-	return t?.aborted || e?.code === "ERR_CANCELED" || e?.name === "CanceledError" || e?.name === "AbortError";
-}
-function D(e, t) {
-	if (e instanceof w) return e;
-	if (E(e, t)) return new w("aborted", "The request was cancelled.");
-	let n = e?.response;
-	if (!n) return new w("network", C);
-	let r = T(n.data), i = typeof r?.code == "string" && r.code ? r.code : "unknown", a = typeof r?.message == "string" && r.message ? r.message : C, o = typeof r?.resetsAtUtc == "string" ? r.resetsAtUtc : null;
-	return new w(i, a, n.status, o);
-}
-async function O(e) {
-	try {
-		return (await e()).data;
-	} catch (e) {
-		throw D(e);
-	}
-}
-function k(e) {
-	let t = e?.event?.target;
-	if (!(!t || typeof t.responseText != "string") && !(typeof t.status == "number" && (t.status < 200 || t.status >= 300))) return t.responseText;
-}
-function A(e, { base: t }) {
-	if (typeof t != "string" || t.trim() === "") throw TypeError("createChatClient needs a base path, e.g. { base: \"/api/assistant\" }.");
-	let n = t.replace(/\/+$/, ""), r = (e) => `${n}/conversations/${encodeURIComponent(e)}`;
-	async function i({ message: t, conversationId: r, pageContext: i }, { signal: a, onEvent: o } = {}) {
-		let s = null, c = null, l = S(({ name: e, data: t }) => {
-			s || c || (e === "done" ? s = t : e === "error" ? c = t : (e === "delta" || e === "reset" || e === "actions") && o?.(e, t));
-		}), u = 0, d = (e) => {
-			typeof e != "string" || e.length <= u || (l.push(e.slice(u)), u = e.length);
-		}, f = { message: t };
-		r && (f.conversationId = r), i != null && (f.pageContext = i);
-		let p;
-		try {
-			p = await e.post(`${n}/chat`, f, {
-				responseType: "text",
-				headers: { Accept: "text/event-stream" },
-				signal: a,
-				onDownloadProgress: (e) => d(k(e))
-			});
-		} catch (e) {
-			throw D(e, a);
-		}
-		if (d(p.data), l.end(), c) throw new w(c.code || "unknown", c.message || C);
-		if (!s) throw new w("invalid-response", C, p.status);
-		return s;
-	}
-	return {
-		sendMessage: i,
-		getAllowance: () => O(() => e.get(`${n}/allowance`)),
-		listConversations: ({ skip: t, take: r } = {}) => {
-			let i = new URLSearchParams();
-			t != null && i.append("skip", String(t)), r != null && i.append("take", String(r));
-			let a = i.toString();
-			return O(() => e.get(`${n}/conversations${a ? `?${a}` : ""}`));
-		},
-		getConversation: (t) => O(() => e.get(r(t))),
-		deleteConversation: async (t) => {
-			await O(() => e.delete(r(t)));
-		},
-		rateMessage: async (t, n, { rating: i, note: a }) => {
-			let o = typeof a == "string" ? a.trim() : "";
-			await O(() => e.put(`${r(t)}/messages/${encodeURIComponent(n)}/rating`, {
-				rating: i,
-				note: o || null
-			}));
-		}
-	};
-}
-//#endregion
-//#region src/labels.js
-var j = Object.freeze({
-	launcher: "Ask the assistant",
-	panelTitle: "Assistant",
-	newChat: "New chat",
-	close: "Close",
-	thread: "Conversation",
-	you: "You",
-	assistant: "Assistant",
-	thinking: "Thinking",
-	emptyTitle: "How can I help?",
-	emptyText: "Ask a question about what you see on this page.",
-	composer: "Your question",
-	placeholder: "Ask a question",
-	send: "Send",
-	composerHint: "Press Enter to send, Shift and Enter for a new line.",
-	allowance: (e) => e === 0 ? "You have no questions left today." : e === 1 ? "You have 1 question left today." : `You have ${e} questions left today.`,
-	disclaimer: "Answers are written by AI and can be wrong. Check anything important.",
-	loadingConversation: "Loading the conversation",
-	rateUp: "Helpful",
-	rateDown: "Not helpful",
-	rated: "Thanks for the feedback.",
-	ratingNote: "What was wrong with this answer?",
-	ratingNoteHint: "Optional.",
-	ratingNoteSend: "Send",
-	ratingNoteSkip: "Skip",
-	ratingFailed: "Your rating did not save. Please try again.",
-	actionRaiseTicket: "New support ticket",
-	actionReply: (e) => `Reply on ${e}`,
-	actionReopen: (e) => `Reopen ${e}`,
-	actionNote: "Nothing is sent until you confirm.",
-	actionConfirm: "Confirm",
-	actionDismiss: "Not now",
-	actionDismissed: "Not sent.",
-	actionExpired: "This request expired and was not sent. Ask again if you still need it.",
-	actionFailed: "We could not send this. Please try again.",
-	actionDoneRaiseTicket: (e) => `Ticket ${e} raised.`,
-	actionDoneReply: (e) => `Your reply was added to ${e}.`,
-	actionDoneReopen: (e) => `${e} is open again.`,
-	viewTicket: "View ticket",
-	conversations: "Past chats",
-	conversationsEmptyTitle: "No past chats",
-	conversationsEmptyText: "Your conversations with the assistant show here.",
-	untitled: "Untitled chat",
-	deleteConversation: "Delete chat",
-	deleteConfirmTitle: "Delete this chat?",
-	deleteConfirmMessage: "The conversation is removed for good.",
-	deleteConfirm: "Delete",
-	deleteFailed: "We could not delete this chat. Please try again.",
-	cancel: "Cancel",
-	loadMore: "Show more",
-	loadFailed: "We could not load your chats. Please try again.",
-	retry: "Try again"
-});
-function M(e) {
-	return e ? {
-		...j,
-		...e
-	} : j;
-}
-//#endregion
+import { ChatApiError as e, DEFAULT_CHAT_LABELS as t, createChatClient as n, createSseParser as r, linkRoute as i, mergeLabels as a, parseBlocks as o, parseInline as s } from "@webority/ui-elements/chat-core";
+import { AppActionIcon as c, AppAlert as l, AppButton as u, AppCard as d, AppConfirmDialog as f, AppDataTable as p, AppEmptyState as m, AppIcon as h, AppLink as g, AppSidebarMenu as _, AppSkeleton as v, AppSpinner as y, AppTextarea as b, useFloatingStack as x } from "@webority/ui-react";
+import { Fragment as S, useCallback as C, useEffect as w, useId as T, useRef as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { createPortal as j } from "react-dom";
 //#region src/components/ActionCard.jsx
-function N(e, t) {
+function M(e, t) {
 	return e.kind === "Reply" ? t.actionReply(e.ticketNumber) : e.kind === "Reopen" ? t.actionReopen(e.ticketNumber) : t.actionRaiseTicket;
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	return e === "Reply" ? n.actionDoneReply(t) : e === "Reopen" ? n.actionDoneReopen(t) : n.actionDoneRaiseTicket(t);
 }
-function F({ action: e, confirmAction: i, onViewTicket: a, labels: o }) {
-	let s = M(o), [c, l] = v("ready"), [u, d] = v(null), [f, p] = v("");
-	if (c === "dismissed") return /* @__PURE__ */ b("p", {
+function P({ action: e, confirmAction: t, onViewTicket: n, labels: r }) {
+	let i = a(r), [o, s] = D("ready"), [c, f] = D(null), [p, m] = D("");
+	if (o === "dismissed") return /* @__PURE__ */ k("p", {
 		className: "wui-text-sm text-body-secondary mb-0",
-		children: s.actionDismissed
+		children: i.actionDismissed
 	});
-	if (c === "done") return /* @__PURE__ */ b(t, {
+	if (o === "done") return /* @__PURE__ */ k(l, {
 		variant: "success",
 		role: "status",
 		size: "sm",
-		action: a ? /* @__PURE__ */ b(n, {
+		action: n ? /* @__PURE__ */ k(u, {
 			size: "sm",
 			variant: "ghost",
-			onClick: () => a(u),
-			children: s.viewTicket
+			onClick: () => n(c),
+			children: i.viewTicket
 		}) : void 0,
-		children: P(e.kind, u.number, s)
+		children: N(e.kind, c.number, i)
 	});
-	async function m() {
-		l("sending"), p("");
+	async function h() {
+		s("sending"), m("");
 		try {
-			d(await i(e.token)), l("done");
+			f(await t(e.token)), s("done");
 		} catch (e) {
-			p(e?.message || s.actionFailed), l("ready");
+			m(e?.message || i.actionFailed), s("ready");
 		}
 	}
-	let h = c === "sending", g = new Date(e.expiresDateTimeUtc).getTime() <= Date.now(), _ = e.kind === "RaiseTicket" ? [e.category, e.subject].filter(Boolean).join(" · ") : "";
-	return /* @__PURE__ */ b(r, {
+	let g = o === "sending", _ = new Date(e.expiresDateTimeUtc).getTime() <= Date.now(), v = e.kind === "RaiseTicket" ? [e.category, e.subject].filter(Boolean).join(" · ") : "";
+	return /* @__PURE__ */ k(d, {
 		padding: "sm",
 		className: "border",
-		title: N(e, s),
-		subtitle: _ || void 0,
-		children: /* @__PURE__ */ x("div", {
+		title: M(e, i),
+		subtitle: v || void 0,
+		children: /* @__PURE__ */ A("div", {
 			className: "d-flex flex-column gap-2",
-			children: [e.kind !== "Reopen" && e.body && /* @__PURE__ */ b("p", {
+			children: [e.kind !== "Reopen" && e.body && /* @__PURE__ */ k("p", {
 				className: "wui-text-sm mb-0",
 				style: {
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
 				children: e.body
-			}), g ? /* @__PURE__ */ b("p", {
+			}), _ ? /* @__PURE__ */ k("p", {
 				className: "wui-text-sm text-body-secondary mb-0",
-				children: s.actionExpired
-			}) : /* @__PURE__ */ x(y, { children: [
-				/* @__PURE__ */ b("p", {
+				children: i.actionExpired
+			}) : /* @__PURE__ */ A(O, { children: [
+				/* @__PURE__ */ k("p", {
 					className: "wui-text-xs text-body-secondary mb-0",
-					children: s.actionNote
+					children: i.actionNote
 				}),
-				f && /* @__PURE__ */ b(t, {
+				p && /* @__PURE__ */ k(l, {
 					size: "sm",
 					variant: "danger",
-					children: f
+					children: p
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ A("div", {
 					className: "d-flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ b(n, {
+					children: [/* @__PURE__ */ k(u, {
 						size: "sm",
-						loading: h,
-						onClick: m,
-						children: s.actionConfirm
-					}), /* @__PURE__ */ b(n, {
+						loading: g,
+						onClick: h,
+						children: i.actionConfirm
+					}), /* @__PURE__ */ k(u, {
 						size: "sm",
 						variant: "secondary",
-						disabled: h,
-						onClick: () => l("dismissed"),
-						children: s.actionDismiss
+						disabled: g,
+						onClick: () => s("dismissed"),
+						children: i.actionDismiss
 					})]
 				})
 			] })]
@@ -272,45 +85,45 @@ function F({ action: e, confirmAction: i, onViewTicket: a, labels: o }) {
 }
 //#endregion
 //#region src/components/ChatComposer.jsx
-function I({ onSubmit: e, busy: t = !1, disabled: r = !1, maxLength: i = 4e3, inputRef: a, labels: o }) {
-	let s = M(o), c = g(), [l, u] = v(""), d = t || r || !l.trim();
+function F({ onSubmit: e, busy: t = !1, disabled: n = !1, maxLength: r = 4e3, inputRef: i, labels: o }) {
+	let s = a(o), c = T(), [l, d] = D(""), f = t || n || !l.trim();
 	function p() {
-		d || (e(l.trim()), u(""));
+		f || (e(l.trim()), d(""));
 	}
-	return /* @__PURE__ */ x("form", {
+	return /* @__PURE__ */ A("form", {
 		className: "d-flex align-items-end gap-2",
 		"aria-label": s.composer,
 		onSubmit: (e) => {
 			e.preventDefault(), p();
 		},
 		children: [
-			/* @__PURE__ */ b(f, {
+			/* @__PURE__ */ k(b, {
 				id: `${c}-message`,
 				"aria-label": s.composer,
 				"aria-describedby": `${c}-hint`,
 				placeholder: s.placeholder,
 				rows: 1,
 				autoGrow: !0,
-				maxLength: i,
+				maxLength: r,
 				value: l,
-				disabled: r,
-				ref: a,
+				disabled: n,
+				ref: i,
 				fieldClassName: "flex-grow-1 mb-0",
-				onChange: (e) => u(e.target.value),
+				onChange: (e) => d(e.target.value),
 				onKeyDown: (e) => {
 					e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), p());
 				}
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ k("span", {
 				id: `${c}-hint`,
 				className: "visually-hidden",
 				children: s.composerHint
 			}),
-			/* @__PURE__ */ b(n, {
+			/* @__PURE__ */ k(u, {
 				type: "submit",
 				leftIcon: "send",
-				disabled: d,
-				children: /* @__PURE__ */ b("span", {
+				disabled: f,
+				children: /* @__PURE__ */ k("span", {
 					className: "visually-hidden",
 					children: s.send
 				})
@@ -320,7 +133,7 @@ function I({ onSubmit: e, busy: t = !1, disabled: r = !1, maxLength: i = 4e3, in
 }
 //#endregion
 //#region src/lib/format.js
-var ee = new Intl.DateTimeFormat("en-IN", {
+var I = new Intl.DateTimeFormat("en-IN", {
 	day: "2-digit",
 	month: "numeric",
 	year: "numeric",
@@ -328,7 +141,7 @@ var ee = new Intl.DateTimeFormat("en-IN", {
 	minute: "2-digit",
 	hour12: !0,
 	timeZoneName: "short"
-}), te = [
+}), L = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -342,128 +155,128 @@ var ee = new Intl.DateTimeFormat("en-IN", {
 	"Nov",
 	"Dec"
 ];
-function ne(e) {
+function R(e) {
 	if (!e) return "-";
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "-";
-	let n = Object.fromEntries(ee.formatToParts(t).map((e) => [e.type, e.value]));
-	return `${n.day} ${te[Number(n.month) - 1]} ${n.year}, ${n.hour}:${n.minute} ${n.dayPeriod.toLowerCase()} ${n.timeZoneName}`;
+	let n = Object.fromEntries(I.formatToParts(t).map((e) => [e.type, e.value]));
+	return `${n.day} ${L[Number(n.month) - 1]} ${n.year}, ${n.hour}:${n.minute} ${n.dayPeriod.toLowerCase()} ${n.timeZoneName}`;
 }
 //#endregion
 //#region src/components/ChatConversationList.jsx
-function re({ client: a, onOpen: s, onDeleted: c, pageSize: l = 20, labels: d }) {
-	let f = M(d), [p, g] = v([]), [_, y] = v(!0), [S, C] = v(""), [w, T] = v(!1), [E, D] = v(0), [O, k] = v(null), [A, j] = v(!1), [N, P] = v(""), F = m(async (e) => {
-		y(!0), C("");
+function z({ client: e, onOpen: t, onDeleted: n, pageSize: r = 20, labels: i }) {
+	let o = a(i), [s, p] = D([]), [h, g] = D(!0), [_, y] = D(""), [b, x] = D(!1), [S, T] = D(0), [E, O] = D(null), [j, M] = D(!1), [N, P] = D(""), F = C(async (t) => {
+		g(!0), y("");
 		try {
-			let t = await a.listConversations({
-				skip: e,
-				take: l
+			let n = await e.listConversations({
+				skip: t,
+				take: r
 			});
-			g((n) => e === 0 ? t : [...n, ...t]), T(t.length === l);
+			p((e) => t === 0 ? n : [...e, ...n]), x(n.length === r);
 		} catch (e) {
-			C(e?.message || f.loadFailed);
+			y(e?.message || o.loadFailed);
 		} finally {
-			y(!1);
+			g(!1);
 		}
 	}, [
-		a,
-		l,
-		f.loadFailed
+		e,
+		r,
+		o.loadFailed
 	]);
-	h(() => {
+	w(() => {
 		F(0);
-	}, [F, E]);
+	}, [F, S]);
 	async function I() {
-		j(!0), P("");
+		M(!0), P("");
 		try {
-			await a.deleteConversation(O.publicId), g((e) => e.filter((e) => e.publicId !== O.publicId)), c?.(O.publicId), k(null);
+			await e.deleteConversation(E.publicId), p((e) => e.filter((e) => e.publicId !== E.publicId)), n?.(E.publicId), O(null);
 		} catch (e) {
-			P(e?.message || f.deleteFailed);
+			P(e?.message || o.deleteFailed);
 		} finally {
-			j(!1);
+			M(!1);
 		}
 	}
-	return !_ && !S && p.length === 0 ? /* @__PURE__ */ b(o, {
+	return !h && !_ && s.length === 0 ? /* @__PURE__ */ k(m, {
 		icon: "chat",
 		size: "sm",
-		title: f.conversationsEmptyTitle,
-		text: f.conversationsEmptyText
-	}) : /* @__PURE__ */ x("div", {
+		title: o.conversationsEmptyTitle,
+		text: o.conversationsEmptyText
+	}) : /* @__PURE__ */ A("div", {
 		className: "d-flex flex-column gap-3",
 		children: [
-			S && /* @__PURE__ */ b(t, {
+			_ && /* @__PURE__ */ k(l, {
 				variant: "danger",
-				action: /* @__PURE__ */ b(n, {
+				action: /* @__PURE__ */ k(u, {
 					size: "sm",
 					variant: "secondary",
-					onClick: () => D((e) => e + 1),
-					children: f.retry
+					onClick: () => T((e) => e + 1),
+					children: o.retry
 				}),
-				children: S
+				children: _
 			}),
-			p.length > 0 && /* @__PURE__ */ b("ul", {
+			s.length > 0 && /* @__PURE__ */ k("ul", {
 				className: "list-unstyled d-flex flex-column gap-2 mb-0",
-				"aria-label": f.conversations,
-				children: p.map((t) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x(r, {
+				"aria-label": o.conversations,
+				children: s.map((e) => /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A(d, {
 					padding: "sm",
 					className: "border",
 					bodyClassName: "d-flex align-items-center gap-2",
-					children: [/* @__PURE__ */ b(n, {
+					children: [/* @__PURE__ */ k(u, {
 						variant: "ghost",
 						className: "flex-grow-1 text-start",
 						style: { minWidth: 0 },
-						onClick: () => s(t),
-						children: /* @__PURE__ */ x("span", {
+						onClick: () => t(e),
+						children: /* @__PURE__ */ A("span", {
 							className: "d-flex flex-column",
 							style: { minWidth: 0 },
-							children: [/* @__PURE__ */ b("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-truncate fw-semibold",
-								children: t.title || f.untitled
-							}), /* @__PURE__ */ b("time", {
-								dateTime: t.lastMessageDateTimeUtc,
+								children: e.title || o.untitled
+							}), /* @__PURE__ */ k("time", {
+								dateTime: e.lastMessageDateTimeUtc,
 								className: "wui-text-xs text-body-secondary",
-								children: ne(t.lastMessageDateTimeUtc)
+								children: R(e.lastMessageDateTimeUtc)
 							})]
 						})
-					}), /* @__PURE__ */ b(e, {
+					}), /* @__PURE__ */ k(c, {
 						icon: "trash-2",
 						danger: !0,
-						label: f.deleteConversation,
+						label: o.deleteConversation,
 						onClick: () => {
-							P(""), k(t);
+							P(""), O(e);
 						}
 					})]
-				}) }, t.publicId))
+				}) }, e.publicId))
 			}),
-			_ && /* @__PURE__ */ x("div", {
+			h && /* @__PURE__ */ A("div", {
 				className: "d-flex flex-column gap-2",
 				"aria-hidden": "true",
 				children: [
-					/* @__PURE__ */ b(u, { height: 44 }),
-					/* @__PURE__ */ b(u, { height: 44 }),
-					/* @__PURE__ */ b(u, { height: 44 })
+					/* @__PURE__ */ k(v, { height: 44 }),
+					/* @__PURE__ */ k(v, { height: 44 }),
+					/* @__PURE__ */ k(v, { height: 44 })
 				]
 			}),
-			!_ && w && /* @__PURE__ */ b(n, {
+			!h && b && /* @__PURE__ */ k(u, {
 				variant: "secondary",
 				className: "align-self-center",
-				onClick: () => F(p.length),
-				children: f.loadMore
+				onClick: () => F(s.length),
+				children: o.loadMore
 			}),
-			/* @__PURE__ */ b(i, {
-				open: O !== null,
-				title: f.deleteConfirmTitle,
-				message: N ? /* @__PURE__ */ b(t, {
+			/* @__PURE__ */ k(f, {
+				open: E !== null,
+				title: o.deleteConfirmTitle,
+				message: N ? /* @__PURE__ */ k(l, {
 					variant: "danger",
 					children: N
-				}) : f.deleteConfirmMessage,
-				confirmLabel: f.deleteConfirm,
-				cancelLabel: f.cancel,
+				}) : o.deleteConfirmMessage,
+				confirmLabel: o.deleteConfirm,
+				cancelLabel: o.cancel,
 				danger: !0,
-				loading: A,
+				loading: j,
 				onConfirm: I,
 				onClose: () => {
-					A || k(null);
+					j || O(null);
 				}
 			})
 		]
@@ -471,256 +284,129 @@ function re({ client: a, onOpen: s, onDeleted: c, pageSize: l = 20, labels: d })
 }
 //#endregion
 //#region src/components/ChatLauncher.jsx
-var ie = {
+var B = {
 	zIndex: "var(--wui-z-fixed)",
 	bottom: 0
-}, ae = {
+}, V = {
 	end: { insetInlineEnd: 0 },
 	start: { insetInlineStart: 0 }
 };
-function oe({ onClick: e, open: t = !1, position: r = "end", icon: i = "sparkles", className: a, style: o, labels: s }) {
-	let c = M(s);
-	return /* @__PURE__ */ b("span", {
+function H({ onClick: e, open: t = !1, position: n = "end", icon: r = "sparkles", compact: i = !1, className: o, style: s, labels: c }) {
+	let l = a(c);
+	return i ? /* @__PURE__ */ k(U, {
+		onClick: e,
+		open: t,
+		position: n,
+		icon: r,
+		className: o,
+		style: s,
+		label: l.launcher
+	}) : /* @__PURE__ */ k("span", {
 		"data-support-capture": "exclude",
-		className: ["position-fixed m-3", a].filter(Boolean).join(" "),
+		className: ["position-fixed m-3", o].filter(Boolean).join(" "),
 		style: {
-			...ie,
-			...ae[r],
-			...o
+			...B,
+			...V[n],
+			...s
 		},
-		children: /* @__PURE__ */ b(n, {
-			leftIcon: i,
+		children: /* @__PURE__ */ k(u, {
+			leftIcon: r,
 			className: "rounded-pill",
 			onClick: e,
 			"aria-haspopup": "dialog",
 			"aria-expanded": t,
-			children: c.launcher
+			children: l.launcher
 		})
 	});
 }
+function U({ onClick: e, open: t, position: n, icon: r, className: i, style: a, label: o }) {
+	let s = x(n);
+	return s ? j(/* @__PURE__ */ k("span", {
+		className: ["wui-floating-stack-item wui-floating-stack-item--primary", i].filter(Boolean).join(" "),
+		style: a,
+		children: /* @__PURE__ */ k(u, {
+			className: "wui-floating-btn",
+			onClick: e,
+			"aria-label": o,
+			"aria-haspopup": "dialog",
+			"aria-expanded": t,
+			tooltip: o,
+			tooltipPlacement: n === "start" ? "end" : "start",
+			children: /* @__PURE__ */ k(h, {
+				name: r,
+				size: 24
+			})
+		})
+	}), s) : null;
+}
 //#endregion
 //#region src/markdown.jsx
-var se = /^[a-z][a-z0-9+.-]*:[a-z0-9_-]+\/[a-z0-9_.~-]+$/i, L = /^\s*```/, R = /^\s*[-*+]\s+(.*)$/, z = /^\s*(\d{1,9})[.)]\s+(.*)$/, B = /^\s{0,3}#{1,6}\s+(.*?)\s*#*\s*$/, V = /^\s*([-*_])(\s*\1){2,}\s*$/, ce = /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)*\|?\s*$/, H = (e) => e.includes("|");
-function U(e) {
-	let t = e.trim();
-	return t.startsWith("|") && (t = t.slice(1)), t.endsWith("|") && (t = t.slice(0, -1)), t.split("|").map((e) => e.trim());
-}
-function W(e, t) {
-	return H(e[t]) && t + 1 < e.length && ce.test(e[t + 1]);
-}
-function G(e, t) {
-	let n = e[t];
-	return L.test(n) || R.test(n) || z.test(n) || B.test(n) || V.test(n) || W(e, t);
-}
-function le(e) {
-	let t = String(e ?? "").replace(/\r\n?/g, "\n").split("\n"), n = [], r = 0;
-	for (; r < t.length;) {
-		let e = t[r];
-		if (!e.trim()) {
-			r += 1;
-			continue;
-		}
-		if (L.test(e)) {
-			let e = [];
-			for (r += 1; r < t.length && !L.test(t[r]);) e.push(t[r]), r += 1;
-			r += 1, n.push({
-				type: "code",
-				text: e.join("\n")
-			});
-			continue;
-		}
-		if (W(t, r)) {
-			let i = U(e), a = [];
-			for (r += 2; r < t.length && t[r].trim() && H(t[r]);) a.push(U(t[r])), r += 1;
-			n.push({
-				type: "table",
-				header: i,
-				rows: a
-			});
-			continue;
-		}
-		if (V.test(e)) {
-			n.push({ type: "rule" }), r += 1;
-			continue;
-		}
-		let i = B.exec(e);
-		if (i) {
-			n.push({
-				type: "heading",
-				text: i[1]
-			}), r += 1;
-			continue;
-		}
-		let a = z.exec(e);
-		if (a || R.test(e)) {
-			let e = !!a, i = e ? z : R, o = [];
-			for (; r < t.length && t[r].trim();) {
-				let n = i.exec(t[r]);
-				if (n) o.push(e ? n[2] : n[1]);
-				else if (G(t, r)) break;
-				else o[o.length - 1] += ` ${t[r].trim()}`;
-				r += 1;
-			}
-			n.push({
-				type: "list",
-				ordered: e,
-				start: e ? Number(a[1]) : 1,
-				items: o
-			});
-			continue;
-		}
-		let o = [e];
-		for (r += 1; r < t.length && t[r].trim() && !G(t, r);) o.push(t[r]), r += 1;
-		n.push({
-			type: "paragraph",
-			lines: o
-		});
-	}
-	return n.map((e, t) => ({
-		...e,
-		key: t
-	}));
-}
-var K = (e) => !!e && /[\p{L}\p{N}]/u.test(e);
-function q(e, t, n) {
-	let r = e.indexOf(n, t);
-	for (; r !== -1;) {
-		let i = e.slice(t, r), a = n.length === 1 && (e[r + 1] === n || e[r - 1] === n), o = n[0] === "_" && K(e[r + n.length]);
-		if (i.trim() && !/^\s/.test(i) && !/\s$/.test(i) && !a && !o) return r;
-		r = e.indexOf(n, r + 1);
-	}
-	return -1;
-}
-function J(e) {
-	let t = [], n = "", r = () => {
-		n && t.push({
-			type: "text",
-			text: n
-		}), n = "";
-	}, i = 0;
-	for (; i < e.length;) {
-		let a = e[i];
-		if (a === "`") {
-			let n = e.indexOf("`", i + 1);
-			if (n > i + 1) {
-				r(), t.push({
-					type: "code",
-					text: e.slice(i + 1, n)
-				}), i = n + 1;
-				continue;
-			}
-		}
-		if ((a === "*" || a === "_") && e[i + 1] === a) {
-			let o = a + a, s = q(e, i + 2, o);
-			if (s !== -1 && !(a === "_" && K(e[i - 1]))) {
-				r(), t.push({
-					type: "strong",
-					children: J(e.slice(i + 2, s))
-				}), i = s + 2;
-				continue;
-			}
-			n += o, i += 2;
-			continue;
-		}
-		if (a === "*" || a === "_") {
-			let n = q(e, i + 1, a);
-			if (n !== -1 && !(a === "_" && K(e[i - 1]))) {
-				r(), t.push({
-					type: "em",
-					children: J(e.slice(i + 1, n))
-				}), i = n + 1;
-				continue;
-			}
-		}
-		if (a === "[") {
-			let n = /^\[([^\]\n]+)\]\(([^)\s]+)\)/.exec(e.slice(i));
-			if (n) {
-				r(), t.push({
-					type: "link",
-					href: n[2],
-					children: J(n[1])
-				}), i += n[0].length;
-				continue;
-			}
-		}
-		n += a, i += 1;
-	}
-	return r(), t.map((e, t) => ({
-		...e,
-		key: t
-	}));
-}
-function ue(e, t) {
-	if (!t || !se.test(e)) return null;
-	let n = t(e);
-	return typeof n == "string" && n.startsWith("/") && !n.startsWith("//") ? n : null;
-}
-function Y({ tokens: e, resolveLink: t, linkComponent: n }) {
+function W({ tokens: e, resolveLink: t, linkComponent: n }) {
 	return e.map((e) => {
 		switch (e.type) {
-			case "code": return /* @__PURE__ */ b("code", { children: e.text }, e.key);
-			case "strong": return /* @__PURE__ */ b("strong", { children: /* @__PURE__ */ b(Y, {
+			case "code": return /* @__PURE__ */ k("code", { children: e.text }, e.key);
+			case "strong": return /* @__PURE__ */ k("strong", { children: /* @__PURE__ */ k(W, {
 				tokens: e.children,
 				resolveLink: t,
 				linkComponent: n
 			}) }, e.key);
-			case "em": return /* @__PURE__ */ b("em", { children: /* @__PURE__ */ b(Y, {
+			case "em": return /* @__PURE__ */ k("em", { children: /* @__PURE__ */ k(W, {
 				tokens: e.children,
 				resolveLink: t,
 				linkComponent: n
 			}) }, e.key);
 			case "link": {
-				let r = /* @__PURE__ */ b(Y, {
+				let r = /* @__PURE__ */ k(W, {
 					tokens: e.children,
 					resolveLink: t,
 					linkComponent: n
-				}), i = ue(e.href, t);
-				return i ? /* @__PURE__ */ b(c, {
-					href: i,
+				}), a = i(e.href, t);
+				return a ? /* @__PURE__ */ k(g, {
+					href: a,
 					linkComponent: n,
 					animation: "static",
 					children: r
-				}, e.key) : /* @__PURE__ */ b("span", { children: r }, e.key);
+				}, e.key) : /* @__PURE__ */ k("span", { children: r }, e.key);
 			}
-			default: return /* @__PURE__ */ b(p, { children: e.text }, e.key);
+			default: return /* @__PURE__ */ k(S, { children: e.text }, e.key);
 		}
 	});
 }
-function de({ text: e, resolveLink: t, linkComponent: n }) {
-	return /* @__PURE__ */ b(Y, {
-		tokens: J(e),
+function G({ text: e, resolveLink: t, linkComponent: n }) {
+	return /* @__PURE__ */ k(W, {
+		tokens: s(e),
 		resolveLink: t,
 		linkComponent: n
 	});
 }
-function fe({ block: e, resolveLink: t, linkComponent: n }) {
-	let r = (e) => /* @__PURE__ */ b(de, {
+function K({ block: e, resolveLink: t, linkComponent: n }) {
+	let r = (e) => /* @__PURE__ */ k(G, {
 		text: e,
 		resolveLink: t,
 		linkComponent: n
 	});
 	switch (e.type) {
-		case "heading": return /* @__PURE__ */ b("p", {
+		case "heading": return /* @__PURE__ */ k("p", {
 			className: "fw-semibold mb-2",
 			children: r(e.text)
 		});
-		case "rule": return /* @__PURE__ */ b("hr", { className: "my-2" });
-		case "code": return /* @__PURE__ */ b("pre", {
+		case "rule": return /* @__PURE__ */ k("hr", { className: "my-2" });
+		case "code": return /* @__PURE__ */ k("pre", {
 			className: "wui-text-sm mb-2",
-			children: /* @__PURE__ */ b("code", { children: e.text })
+			children: /* @__PURE__ */ k("code", { children: e.text })
 		});
 		case "list": {
-			let t = e.items.map((e, t) => /* @__PURE__ */ b("li", { children: r(e) }, t));
-			return e.ordered ? /* @__PURE__ */ b("ol", {
+			let t = e.items.map((e, t) => /* @__PURE__ */ k("li", { children: r(e) }, t));
+			return e.ordered ? /* @__PURE__ */ k("ol", {
 				className: "mb-2 ps-4",
 				start: e.start === 1 ? void 0 : e.start,
 				children: t
-			}) : /* @__PURE__ */ b("ul", {
+			}) : /* @__PURE__ */ k("ul", {
 				className: "mb-2 ps-4",
 				children: t
 			});
 		}
-		case "table": return /* @__PURE__ */ b(a, {
+		case "table": return /* @__PURE__ */ k(p, {
 			columns: e.header.map((e, t) => ({
 				key: `c${t}`,
 				label: r(e),
@@ -734,17 +420,17 @@ function fe({ block: e, resolveLink: t, linkComponent: n }) {
 			empty: null,
 			wrapperClassName: "mb-2"
 		});
-		default: return /* @__PURE__ */ b("p", {
+		default: return /* @__PURE__ */ k("p", {
 			className: "mb-2",
-			children: e.lines.map((e, t) => /* @__PURE__ */ x("span", { children: [t > 0 && /* @__PURE__ */ b("br", {}), r(e)] }, t))
+			children: e.lines.map((e, t) => /* @__PURE__ */ A("span", { children: [t > 0 && /* @__PURE__ */ k("br", {}), r(e)] }, t))
 		});
 	}
 }
-function X({ text: e, resolveLink: t, linkComponent: n, className: r }) {
-	let i = le(e);
-	return /* @__PURE__ */ b("div", {
+function q({ text: e, resolveLink: t, linkComponent: n, className: r }) {
+	let i = o(e);
+	return /* @__PURE__ */ k("div", {
 		className: ["wui-text-sm text-break", r].filter(Boolean).join(" "),
-		children: i.map((e) => /* @__PURE__ */ b(fe, {
+		children: i.map((e) => /* @__PURE__ */ k(K, {
 			block: e,
 			resolveLink: t,
 			linkComponent: n
@@ -753,82 +439,82 @@ function X({ text: e, resolveLink: t, linkComponent: n, className: r }) {
 }
 //#endregion
 //#region src/components/ReplyRating.jsx
-function Z({ rating: e = null, onRate: r, noteMaxLength: i = 1e3, labels: a }) {
-	let o = M(a), s = g(), [c, l] = v(!1), [u, d] = v(!1), [p, m] = v(""), [h, _] = v(""), [y, S] = v(!1);
-	async function C(e, t) {
-		l(!0), _("");
+function J({ rating: e = null, onRate: t, noteMaxLength: n = 1e3, labels: r }) {
+	let i = a(r), o = T(), [s, c] = D(!1), [d, f] = D(!1), [p, m] = D(""), [h, g] = D(""), [_, v] = D(!1);
+	async function y(e, n) {
+		c(!0), g("");
 		try {
-			await r(e, t), d(e === "Down" && t === void 0), S(e === "Up" || t !== void 0), t !== void 0 && m("");
+			await t(e, n), f(e === "Down" && n === void 0), v(e === "Up" || n !== void 0), n !== void 0 && m("");
 		} catch {
-			_(o.ratingFailed);
+			g(i.ratingFailed);
 		} finally {
-			l(!1);
+			c(!1);
 		}
 	}
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "d-flex flex-column gap-2",
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ A("div", {
 				className: "d-flex flex-wrap align-items-center gap-1",
 				children: [
-					/* @__PURE__ */ b(n, {
+					/* @__PURE__ */ k(u, {
 						size: "sm",
 						variant: e === "Up" ? "subtle" : "ghost",
 						leftIcon: "check",
 						"aria-pressed": e === "Up",
-						disabled: c,
-						onClick: () => C("Up"),
-						children: o.rateUp
+						disabled: s,
+						onClick: () => y("Up"),
+						children: i.rateUp
 					}),
-					/* @__PURE__ */ b(n, {
+					/* @__PURE__ */ k(u, {
 						size: "sm",
 						variant: e === "Down" ? "subtle" : "ghost",
 						leftIcon: "x",
 						"aria-pressed": e === "Down",
-						disabled: c,
-						onClick: () => C("Down"),
-						children: o.rateDown
+						disabled: s,
+						onClick: () => y("Down"),
+						children: i.rateDown
 					}),
-					y && !u && /* @__PURE__ */ b("span", {
+					_ && !d && /* @__PURE__ */ k("span", {
 						className: "wui-text-xs text-body-secondary",
 						role: "status",
-						children: o.rated
+						children: i.rated
 					})
 				]
 			}),
-			h && /* @__PURE__ */ b(t, {
+			h && /* @__PURE__ */ k(l, {
 				size: "sm",
 				variant: "danger",
 				children: h
 			}),
-			u && /* @__PURE__ */ x("form", {
+			d && /* @__PURE__ */ A("form", {
 				className: "d-flex flex-column gap-2",
 				onSubmit: (e) => {
-					e.preventDefault(), C("Down", p);
+					e.preventDefault(), y("Down", p);
 				},
-				children: [/* @__PURE__ */ b(f, {
-					id: `${s}-note`,
-					label: o.ratingNote,
-					hint: o.ratingNoteHint,
+				children: [/* @__PURE__ */ k(b, {
+					id: `${o}-note`,
+					label: i.ratingNote,
+					hint: i.ratingNoteHint,
 					rows: 2,
-					maxLength: i,
+					maxLength: n,
 					value: p,
 					onChange: (e) => m(e.target.value)
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "d-flex gap-2",
-					children: [/* @__PURE__ */ b(n, {
+					children: [/* @__PURE__ */ k(u, {
 						type: "submit",
 						size: "sm",
-						loading: c,
-						children: o.ratingNoteSend
-					}), /* @__PURE__ */ b(n, {
+						loading: s,
+						children: i.ratingNoteSend
+					}), /* @__PURE__ */ k(u, {
 						size: "sm",
 						variant: "secondary",
-						disabled: c,
+						disabled: s,
 						onClick: () => {
-							d(!1), S(!0);
+							f(!1), v(!0);
 						},
-						children: o.ratingNoteSkip
+						children: i.ratingNoteSkip
 					})]
 				})]
 			})
@@ -837,68 +523,68 @@ function Z({ rating: e = null, onRate: r, noteMaxLength: i = 1e3, labels: a }) {
 }
 //#endregion
 //#region src/components/ChatMessage.jsx
-var pe = {
+var Y = {
 	maxWidth: "85%",
 	whiteSpace: "pre-wrap",
 	overflowWrap: "anywhere"
 };
-function Q({ turn: e, onRate: n, resolveLink: i, linkComponent: a, confirmAction: o, onViewTicket: s, renderReply: c, labels: l }) {
-	let u = M(l), f = e.streaming && !e.answer;
-	return /* @__PURE__ */ x("li", {
+function X({ turn: e, onRate: t, resolveLink: n, linkComponent: r, confirmAction: i, onViewTicket: o, renderReply: s, labels: c }) {
+	let u = a(c), f = e.streaming && !e.answer;
+	return /* @__PURE__ */ A("li", {
 		className: "d-flex flex-column gap-2",
-		children: [e.question && /* @__PURE__ */ x("div", {
+		children: [e.question && /* @__PURE__ */ A("div", {
 			className: "align-self-end",
-			style: pe,
-			children: [/* @__PURE__ */ x("span", {
+			style: Y,
+			children: [/* @__PURE__ */ A("span", {
 				className: "visually-hidden",
 				children: [u.you, ": "]
-			}), /* @__PURE__ */ b(r, {
+			}), /* @__PURE__ */ k(d, {
 				padding: "sm",
 				variant: "muted",
 				className: "wui-text-sm",
 				children: e.question
 			})]
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ A("div", {
 			className: "d-flex flex-column gap-2",
 			style: { minWidth: 0 },
 			children: [
-				/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ A("span", {
 					className: "visually-hidden",
 					children: [u.assistant, ": "]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ k("div", {
 					"aria-live": "polite",
 					"aria-busy": e.streaming,
-					children: f ? /* @__PURE__ */ x("span", {
+					children: f ? /* @__PURE__ */ A("span", {
 						className: "d-inline-flex align-items-center gap-2 wui-text-sm text-body-secondary",
-						children: [/* @__PURE__ */ b(d, {
+						children: [/* @__PURE__ */ k(y, {
 							size: "sm",
 							label: u.thinking
-						}), /* @__PURE__ */ b("span", {
+						}), /* @__PURE__ */ k("span", {
 							"aria-hidden": "true",
 							children: u.thinking
 						})]
-					}) : e.answer && (c ? c(e, { streaming: !!e.streaming }) : /* @__PURE__ */ b(X, {
+					}) : e.answer && (s ? s(e, { streaming: !!e.streaming }) : /* @__PURE__ */ k(q, {
 						text: e.answer,
-						resolveLink: i,
-						linkComponent: a
+						resolveLink: n,
+						linkComponent: r
 					}))
 				}),
-				e.error && /* @__PURE__ */ b(t, {
+				e.error && /* @__PURE__ */ k(l, {
 					size: "sm",
 					variant: "danger",
 					children: e.error.message
 				}),
-				o && !e.streaming && e.actions.map((e) => /* @__PURE__ */ b(F, {
+				i && !e.streaming && e.actions.map((e) => /* @__PURE__ */ k(P, {
 					action: e,
-					confirmAction: o,
-					onViewTicket: s,
-					labels: l
+					confirmAction: i,
+					onViewTicket: o,
+					labels: c
 				}, e.token)),
-				n && e.messageId && !e.streaming && /* @__PURE__ */ b(Z, {
+				t && e.messageId && !e.streaming && /* @__PURE__ */ k(J, {
 					rating: e.rating,
-					onRate: (t, r) => n(e.id, t, r),
-					labels: l
+					onRate: (n, r) => t(e.id, n, r),
+					labels: c
 				})
 			]
 		})]
@@ -906,135 +592,135 @@ function Q({ turn: e, onRate: n, resolveLink: i, linkComponent: a, confirmAction
 }
 //#endregion
 //#region src/components/ChatThread.jsx
-function $({ turns: e, empty: t, onRate: n, resolveLink: r, linkComponent: i, confirmAction: a, onViewTicket: s, renderReply: c, labels: l }) {
-	let u = M(l), d = _(null), f = e[e.length - 1];
-	return h(() => {
+function Z({ turns: e, empty: t, onRate: n, resolveLink: r, linkComponent: i, confirmAction: o, onViewTicket: s, renderReply: c, labels: l }) {
+	let u = a(l), d = E(null), f = e[e.length - 1];
+	return w(() => {
 		d.current?.scrollIntoView({ block: "end" });
 	}, [
 		e.length,
 		f?.answer,
 		f?.error,
 		f?.actions
-	]), e.length === 0 ? t ?? /* @__PURE__ */ b(o, {
+	]), e.length === 0 ? t ?? /* @__PURE__ */ k(m, {
 		icon: "sparkles",
 		size: "sm",
 		title: u.emptyTitle,
 		text: u.emptyText
-	}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ol", {
+	}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("ol", {
 		className: "list-unstyled d-flex flex-column gap-3 mb-0",
 		"aria-label": u.thread,
-		children: e.map((e) => /* @__PURE__ */ b(Q, {
+		children: e.map((e) => /* @__PURE__ */ k(X, {
 			turn: e,
 			onRate: n,
 			resolveLink: r,
 			linkComponent: i,
-			confirmAction: a,
+			confirmAction: o,
 			onViewTicket: s,
 			renderReply: c,
 			labels: l
 		}, e.id))
-	}), /* @__PURE__ */ b("div", { ref: d })] });
+	}), /* @__PURE__ */ k("div", { ref: d })] });
 }
 //#endregion
 //#region src/components/ChatPanel.jsx
-function me({ chat: n, open: r, onClose: i, title: a, titleIcon: o = "sparkles", headerActions: c, empty: u, disclaimer: f, maxLength: p = 4e3, allowanceThreshold: m = 10, width: g = "440px", resolveLink: v, linkComponent: y, confirmAction: S, onViewTicket: C, rating: w = !0, renderReply: T, labels: E }) {
-	let D = M(E), O = _(null), { refreshAllowance: k } = n;
-	h(() => {
-		r && k().catch(() => {});
-	}, [r, k]);
-	let A = n.messagesLeftToday, j = a ?? D.panelTitle;
-	return /* @__PURE__ */ b(l, {
-		show: r,
-		onHide: i,
+function Q({ chat: e, open: t, onClose: n, title: r, titleIcon: i = "sparkles", headerActions: o, empty: s, disclaimer: u, maxLength: d = 4e3, allowanceThreshold: f = 10, width: p = "440px", resolveLink: m, linkComponent: g, confirmAction: v, onViewTicket: b, rating: x = !0, renderReply: S, labels: C }) {
+	let T = a(C), D = E(null), { refreshAllowance: O } = e;
+	w(() => {
+		t && O().catch(() => {});
+	}, [t, O]);
+	let j = e.messagesLeftToday, M = r ?? T.panelTitle;
+	return /* @__PURE__ */ k(_, {
+		show: t,
+		onHide: n,
 		side: "right",
-		width: g,
-		header: /* @__PURE__ */ x("div", {
+		width: p,
+		header: /* @__PURE__ */ A("div", {
 			className: "drawer-header",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "drawer-title",
-				children: [o && /* @__PURE__ */ b("span", {
+				children: [i && /* @__PURE__ */ k("span", {
 					className: "drawer-title-ic",
-					children: /* @__PURE__ */ b(s, {
-						name: o,
+					children: /* @__PURE__ */ k(h, {
+						name: i,
 						size: 18
 					})
-				}), j]
-			}), /* @__PURE__ */ x("div", {
+				}), M]
+			}), /* @__PURE__ */ A("div", {
 				className: "d-flex align-items-center gap-1",
 				children: [
-					c,
-					/* @__PURE__ */ b(e, {
+					o,
+					/* @__PURE__ */ k(c, {
 						icon: "plus",
-						label: D.newChat,
-						onClick: n.newConversation,
-						disabled: n.turns.length === 0 && !n.loading
+						label: T.newChat,
+						onClick: e.newConversation,
+						disabled: e.turns.length === 0 && !e.loading
 					}),
-					/* @__PURE__ */ b(e, {
+					/* @__PURE__ */ k(c, {
 						icon: "x",
-						label: D.close,
-						onClick: i
+						label: T.close,
+						onClick: n
 					})
 				]
 			})]
 		}),
-		footer: /* @__PURE__ */ x("div", {
+		footer: /* @__PURE__ */ A("div", {
 			className: "d-flex flex-column gap-2",
 			children: [
-				A !== null && A <= m && /* @__PURE__ */ b("p", {
+				j !== null && j <= f && /* @__PURE__ */ k("p", {
 					className: "wui-text-xs text-body-secondary mb-0",
 					role: "status",
-					children: D.allowance(A)
+					children: T.allowance(j)
 				}),
-				/* @__PURE__ */ b(I, {
-					onSubmit: n.submit,
-					busy: n.streaming || n.loading,
-					disabled: A === 0,
-					maxLength: p,
-					inputRef: O,
-					labels: E
+				/* @__PURE__ */ k(F, {
+					onSubmit: e.submit,
+					busy: e.streaming || e.loading,
+					disabled: j === 0,
+					maxLength: d,
+					inputRef: D,
+					labels: C
 				}),
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ k("p", {
 					className: "wui-text-xs text-body-secondary mb-0",
-					children: f ?? D.disclaimer
+					children: u ?? T.disclaimer
 				})
 			]
 		}),
-		ariaLabel: typeof j == "string" ? j : D.panelTitle,
-		onEntered: () => O.current?.focus(),
-		children: n.loading ? /* @__PURE__ */ b("div", {
+		ariaLabel: typeof M == "string" ? M : T.panelTitle,
+		onEntered: () => D.current?.focus(),
+		children: e.loading ? /* @__PURE__ */ k("div", {
 			className: "d-flex justify-content-center py-4",
-			children: /* @__PURE__ */ b(d, { label: D.loadingConversation })
-		}) : n.loadError ? /* @__PURE__ */ b(t, {
+			children: /* @__PURE__ */ k(y, { label: T.loadingConversation })
+		}) : e.loadError ? /* @__PURE__ */ k(l, {
 			variant: "danger",
-			children: n.loadError.message
-		}) : /* @__PURE__ */ b($, {
-			turns: n.turns,
-			empty: u,
-			onRate: w ? n.rate : void 0,
-			resolveLink: v,
-			linkComponent: y,
-			confirmAction: S,
-			onViewTicket: C,
-			renderReply: T,
-			labels: E
+			children: e.loadError.message
+		}) : /* @__PURE__ */ k(Z, {
+			turns: e.turns,
+			empty: s,
+			onRate: x ? e.rate : void 0,
+			resolveLink: m,
+			linkComponent: g,
+			confirmAction: v,
+			onViewTicket: b,
+			renderReply: S,
+			labels: C
 		})
 	});
 }
 //#endregion
 //#region src/useChat.js
-function he(e) {
+function $(e) {
 	return {
 		code: e?.code || "unknown",
 		message: e?.message || "Something went wrong. Please try again.",
 		resetsAtUtc: e?.resetsAtUtc ?? null
 	};
 }
-function ge(e) {
+function ee(e) {
 	if (!e) return [];
 	let t = JSON.parse(e);
 	return Array.isArray(t) ? t : [];
 }
-function _e(e) {
+function te(e) {
 	let t = [];
 	for (let n of e ?? []) {
 		if (n.role === "User") {
@@ -1053,7 +739,7 @@ function _e(e) {
 		}
 		let e = t[t.length - 1], r = {
 			answer: n.content,
-			actions: ge(n.actionsJson),
+			actions: ee(n.actionsJson),
 			messageId: n.publicId,
 			rating: n.rating ?? null,
 			ratingNote: n.ratingNote ?? null
@@ -1068,28 +754,28 @@ function _e(e) {
 	}
 	return t;
 }
-function ve({ client: e, pageContext: t }) {
-	let [n, r] = v([]), [i, a] = v(null), [o, s] = v(null), [c, l] = v(!1), [u, d] = v(null), f = _(null), p = _(0), g = _(0), y = _(t);
-	y.current = t;
-	let b = _(null);
-	b.current = i;
-	let x = _(n);
-	x.current = n;
-	let S = m(() => {
+function ne({ client: e, pageContext: t }) {
+	let [n, r] = D([]), [i, a] = D(null), [o, s] = D(null), [c, l] = D(!1), [u, d] = D(null), f = E(null), p = E(0), m = E(0), h = E(t);
+	h.current = t;
+	let g = E(null);
+	g.current = i;
+	let _ = E(n);
+	_.current = n;
+	let v = C(() => {
 		p.current += 1, f.current?.abort(), f.current = null;
 	}, []);
-	h(() => S, [S]);
-	let C = m((e, t) => {
+	w(() => v, [v]);
+	let y = C((e, t) => {
 		r((n) => n.map((n) => n.id === e ? {
 			...n,
 			...typeof t == "function" ? t(n) : t
 		} : n));
-	}, []), w = m(async (t) => {
+	}, []), b = C(async (t) => {
 		let n = typeof t == "string" ? t.trim() : "";
 		if (!n || f.current) return;
 		let i = p.current, o = new AbortController();
-		f.current = o, g.current += 1;
-		let c = `turn-${g.current}`;
+		f.current = o, m.current += 1;
+		let c = `turn-${m.current}`;
 		r((e) => [...e, {
 			id: c,
 			question: n,
@@ -1105,60 +791,60 @@ function ve({ client: e, pageContext: t }) {
 		try {
 			let t = await e.sendMessage({
 				message: n,
-				conversationId: b.current,
-				pageContext: y.current
+				conversationId: g.current,
+				pageContext: h.current
 			}, {
 				signal: o.signal,
 				onEvent: (e, t) => {
-					l() && (e === "delta" ? C(c, (e) => ({ answer: e.answer + (t?.text ?? "") })) : e === "reset" ? C(c, { answer: "" }) : e === "actions" && C(c, { actions: Array.isArray(t?.actions) ? t.actions : [] }));
+					l() && (e === "delta" ? y(c, (e) => ({ answer: e.answer + (t?.text ?? "") })) : e === "reset" ? y(c, { answer: "" }) : e === "actions" && y(c, { actions: Array.isArray(t?.actions) ? t.actions : [] }));
 				}
 			});
 			if (!l()) return;
-			C(c, {
+			y(c, {
 				answer: t.reply,
 				messageId: t.messageId ?? null,
 				streaming: !1
-			}), b.current = t.conversationId, a(t.conversationId), s(t.messagesLeftToday ?? null);
+			}), g.current = t.conversationId, a(t.conversationId), s(t.messagesLeftToday ?? null);
 		} catch (e) {
 			if (!l()) return;
-			C(c, {
+			y(c, {
 				answer: "",
 				actions: [],
 				streaming: !1,
-				error: he(e)
-			}), e?.code === "daily-limit" && s(0), e?.code === "conversation-not-found" && (b.current = null, a(null));
+				error: $(e)
+			}), e?.code === "daily-limit" && s(0), e?.code === "conversation-not-found" && (g.current = null, a(null));
 		} finally {
 			f.current === o && (f.current = null);
 		}
-	}, [e, C]), T = m(async (t) => {
-		S();
+	}, [e, y]), x = C(async (t) => {
+		v();
 		let n = p.current;
 		r([]), a(null), d(null), l(!0);
 		try {
 			let i = await e.getConversation(t);
 			if (n !== p.current) return;
-			r(_e(i.messages)), a(i.publicId);
+			r(te(i.messages)), a(i.publicId);
 		} catch (e) {
 			if (n !== p.current) return;
-			d(he(e));
+			d($(e));
 		} finally {
 			n === p.current && l(!1);
 		}
-	}, [S, e]), E = m(() => {
-		S(), r([]), a(null), d(null), l(!1);
-	}, [S]), D = m(() => {
-		S(), r([]), a(null), s(null), d(null), l(!1);
-	}, [S]), O = m(async () => {
+	}, [v, e]), S = C(() => {
+		v(), r([]), a(null), d(null), l(!1);
+	}, [v]), T = C(() => {
+		v(), r([]), a(null), s(null), d(null), l(!1);
+	}, [v]), O = C(async () => {
 		let t = p.current, n = await e.getAllowance();
 		t === p.current && s(n?.messagesLeftToday ?? null);
-	}, [e]), k = m(async (t, n, r) => {
-		let i = x.current.find((e) => e.id === t), a = b.current;
+	}, [e]), k = C(async (t, n, r) => {
+		let i = _.current.find((e) => e.id === t), a = g.current;
 		if (!i?.messageId || !a) throw Error("Only a stored reply can be rated.");
 		let o = {
 			rating: i.rating,
 			ratingNote: i.ratingNote
 		}, s = typeof r == "string" && r.trim() ? r.trim() : null;
-		C(t, {
+		y(t, {
 			rating: n,
 			ratingNote: s
 		});
@@ -1168,9 +854,9 @@ function ve({ client: e, pageContext: t }) {
 				note: s
 			});
 		} catch (e) {
-			throw C(t, o), e;
+			throw y(t, o), e;
 		}
-	}, [e, C]);
+	}, [e, y]);
 	return {
 		turns: n,
 		conversationId: i,
@@ -1178,13 +864,13 @@ function ve({ client: e, pageContext: t }) {
 		streaming: n.some((e) => e.streaming),
 		loading: c,
 		loadError: u,
-		submit: w,
-		openConversation: T,
-		newConversation: E,
+		submit: b,
+		openConversation: x,
+		newConversation: S,
 		rate: k,
 		refreshAllowance: O,
-		reset: D
+		reset: T
 	};
 }
 //#endregion
-export { F as ActionCard, w as ChatApiError, I as ChatComposer, re as ChatConversationList, oe as ChatLauncher, X as ChatMarkdown, Q as ChatMessage, me as ChatPanel, $ as ChatThread, j as DEFAULT_CHAT_LABELS, Z as ReplyRating, A as createChatClient, S as createSseParser, ve as useChat };
+export { P as ActionCard, e as ChatApiError, F as ChatComposer, z as ChatConversationList, H as ChatLauncher, q as ChatMarkdown, X as ChatMessage, Q as ChatPanel, Z as ChatThread, t as DEFAULT_CHAT_LABELS, J as ReplyRating, n as createChatClient, r as createSseParser, ne as useChat };