@webority/chat-react 0.0.0-stage → 0.22.0

package/dist/chat-react.js

@@ -0,0 +1,1188 @@
+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
+//#region src/components/ActionCard.jsx
+function N(e, t) {
+	return e.kind === "Reply" ? t.actionReply(e.ticketNumber) : e.kind === "Reopen" ? t.actionReopen(e.ticketNumber) : t.actionRaiseTicket;
+}
+function P(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", {
+		className: "wui-text-sm text-body-secondary mb-0",
+		children: s.actionDismissed
+	});
+	if (c === "done") return /* @__PURE__ */ b(t, {
+		variant: "success",
+		role: "status",
+		size: "sm",
+		action: a ? /* @__PURE__ */ b(n, {
+			size: "sm",
+			variant: "ghost",
+			onClick: () => a(u),
+			children: s.viewTicket
+		}) : void 0,
+		children: P(e.kind, u.number, s)
+	});
+	async function m() {
+		l("sending"), p("");
+		try {
+			d(await i(e.token)), l("done");
+		} catch (e) {
+			p(e?.message || s.actionFailed), l("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, {
+		padding: "sm",
+		className: "border",
+		title: N(e, s),
+		subtitle: _ || void 0,
+		children: /* @__PURE__ */ x("div", {
+			className: "d-flex flex-column gap-2",
+			children: [e.kind !== "Reopen" && e.body && /* @__PURE__ */ b("p", {
+				className: "wui-text-sm mb-0",
+				style: {
+					whiteSpace: "pre-wrap",
+					overflowWrap: "anywhere"
+				},
+				children: e.body
+			}), g ? /* @__PURE__ */ b("p", {
+				className: "wui-text-sm text-body-secondary mb-0",
+				children: s.actionExpired
+			}) : /* @__PURE__ */ x(y, { children: [
+				/* @__PURE__ */ b("p", {
+					className: "wui-text-xs text-body-secondary mb-0",
+					children: s.actionNote
+				}),
+				f && /* @__PURE__ */ b(t, {
+					size: "sm",
+					variant: "danger",
+					children: f
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "d-flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ b(n, {
+						size: "sm",
+						loading: h,
+						onClick: m,
+						children: s.actionConfirm
+					}), /* @__PURE__ */ b(n, {
+						size: "sm",
+						variant: "secondary",
+						disabled: h,
+						onClick: () => l("dismissed"),
+						children: s.actionDismiss
+					})]
+				})
+			] })]
+		})
+	});
+}
+//#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 p() {
+		d || (e(l.trim()), u(""));
+	}
+	return /* @__PURE__ */ x("form", {
+		className: "d-flex align-items-end gap-2",
+		"aria-label": s.composer,
+		onSubmit: (e) => {
+			e.preventDefault(), p();
+		},
+		children: [
+			/* @__PURE__ */ b(f, {
+				id: `${c}-message`,
+				"aria-label": s.composer,
+				"aria-describedby": `${c}-hint`,
+				placeholder: s.placeholder,
+				rows: 1,
+				autoGrow: !0,
+				maxLength: i,
+				value: l,
+				disabled: r,
+				ref: a,
+				fieldClassName: "flex-grow-1 mb-0",
+				onChange: (e) => u(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), p());
+				}
+			}),
+			/* @__PURE__ */ b("span", {
+				id: `${c}-hint`,
+				className: "visually-hidden",
+				children: s.composerHint
+			}),
+			/* @__PURE__ */ b(n, {
+				type: "submit",
+				leftIcon: "send",
+				disabled: d,
+				children: /* @__PURE__ */ b("span", {
+					className: "visually-hidden",
+					children: s.send
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/format.js
+var ee = new Intl.DateTimeFormat("en-IN", {
+	day: "2-digit",
+	month: "numeric",
+	year: "numeric",
+	hour: "numeric",
+	minute: "2-digit",
+	hour12: !0,
+	timeZoneName: "short"
+}), te = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function ne(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}`;
+}
+//#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("");
+		try {
+			let t = await a.listConversations({
+				skip: e,
+				take: l
+			});
+			g((n) => e === 0 ? t : [...n, ...t]), T(t.length === l);
+		} catch (e) {
+			C(e?.message || f.loadFailed);
+		} finally {
+			y(!1);
+		}
+	}, [
+		a,
+		l,
+		f.loadFailed
+	]);
+	h(() => {
+		F(0);
+	}, [F, E]);
+	async function I() {
+		j(!0), P("");
+		try {
+			await a.deleteConversation(O.publicId), g((e) => e.filter((e) => e.publicId !== O.publicId)), c?.(O.publicId), k(null);
+		} catch (e) {
+			P(e?.message || f.deleteFailed);
+		} finally {
+			j(!1);
+		}
+	}
+	return !_ && !S && p.length === 0 ? /* @__PURE__ */ b(o, {
+		icon: "chat",
+		size: "sm",
+		title: f.conversationsEmptyTitle,
+		text: f.conversationsEmptyText
+	}) : /* @__PURE__ */ x("div", {
+		className: "d-flex flex-column gap-3",
+		children: [
+			S && /* @__PURE__ */ b(t, {
+				variant: "danger",
+				action: /* @__PURE__ */ b(n, {
+					size: "sm",
+					variant: "secondary",
+					onClick: () => D((e) => e + 1),
+					children: f.retry
+				}),
+				children: S
+			}),
+			p.length > 0 && /* @__PURE__ */ b("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, {
+					padding: "sm",
+					className: "border",
+					bodyClassName: "d-flex align-items-center gap-2",
+					children: [/* @__PURE__ */ b(n, {
+						variant: "ghost",
+						className: "flex-grow-1 text-start",
+						style: { minWidth: 0 },
+						onClick: () => s(t),
+						children: /* @__PURE__ */ x("span", {
+							className: "d-flex flex-column",
+							style: { minWidth: 0 },
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-truncate fw-semibold",
+								children: t.title || f.untitled
+							}), /* @__PURE__ */ b("time", {
+								dateTime: t.lastMessageDateTimeUtc,
+								className: "wui-text-xs text-body-secondary",
+								children: ne(t.lastMessageDateTimeUtc)
+							})]
+						})
+					}), /* @__PURE__ */ b(e, {
+						icon: "trash-2",
+						danger: !0,
+						label: f.deleteConversation,
+						onClick: () => {
+							P(""), k(t);
+						}
+					})]
+				}) }, t.publicId))
+			}),
+			_ && /* @__PURE__ */ x("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 })
+				]
+			}),
+			!_ && w && /* @__PURE__ */ b(n, {
+				variant: "secondary",
+				className: "align-self-center",
+				onClick: () => F(p.length),
+				children: f.loadMore
+			}),
+			/* @__PURE__ */ b(i, {
+				open: O !== null,
+				title: f.deleteConfirmTitle,
+				message: N ? /* @__PURE__ */ b(t, {
+					variant: "danger",
+					children: N
+				}) : f.deleteConfirmMessage,
+				confirmLabel: f.deleteConfirm,
+				cancelLabel: f.cancel,
+				danger: !0,
+				loading: A,
+				onConfirm: I,
+				onClose: () => {
+					A || k(null);
+				}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ChatLauncher.jsx
+var ie = { zIndex: "var(--wui-z-fixed)" }, ae = {
+	end: "end-0",
+	start: "start-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", {
+		"data-support-capture": "exclude",
+		className: [
+			"position-fixed bottom-0 m-3",
+			ae[r],
+			a
+		].filter(Boolean).join(" "),
+		style: {
+			...ie,
+			...o
+		},
+		children: /* @__PURE__ */ b(n, {
+			leftIcon: i,
+			className: "rounded-pill",
+			onClick: e,
+			"aria-haspopup": "dialog",
+			"aria-expanded": t,
+			children: c.launcher
+		})
+	});
+}
+//#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 }) {
+	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, {
+				tokens: e.children,
+				resolveLink: t,
+				linkComponent: n
+			}) }, e.key);
+			case "em": return /* @__PURE__ */ b("em", { children: /* @__PURE__ */ b(Y, {
+				tokens: e.children,
+				resolveLink: t,
+				linkComponent: n
+			}) }, e.key);
+			case "link": {
+				let r = /* @__PURE__ */ b(Y, {
+					tokens: e.children,
+					resolveLink: t,
+					linkComponent: n
+				}), i = ue(e.href, t);
+				return i ? /* @__PURE__ */ b(c, {
+					href: i,
+					linkComponent: n,
+					animation: "static",
+					children: r
+				}, e.key) : /* @__PURE__ */ b("span", { children: r }, e.key);
+			}
+			default: return /* @__PURE__ */ b(p, { children: e.text }, e.key);
+		}
+	});
+}
+function de({ text: e, resolveLink: t, linkComponent: n }) {
+	return /* @__PURE__ */ b(Y, {
+		tokens: J(e),
+		resolveLink: t,
+		linkComponent: n
+	});
+}
+function fe({ block: e, resolveLink: t, linkComponent: n }) {
+	let r = (e) => /* @__PURE__ */ b(de, {
+		text: e,
+		resolveLink: t,
+		linkComponent: n
+	});
+	switch (e.type) {
+		case "heading": return /* @__PURE__ */ b("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", {
+			className: "wui-text-sm mb-2",
+			children: /* @__PURE__ */ b("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", {
+				className: "mb-2 ps-4",
+				start: e.start === 1 ? void 0 : e.start,
+				children: t
+			}) : /* @__PURE__ */ b("ul", {
+				className: "mb-2 ps-4",
+				children: t
+			});
+		}
+		case "table": return /* @__PURE__ */ b(a, {
+			columns: e.header.map((e, t) => ({
+				key: `c${t}`,
+				label: r(e),
+				render: (e) => r(e.cells[t] ?? "")
+			})),
+			rows: e.rows.map((e, t) => ({
+				id: t,
+				cells: e
+			})),
+			density: "compact",
+			empty: null,
+			wrapperClassName: "mb-2"
+		});
+		default: return /* @__PURE__ */ b("p", {
+			className: "mb-2",
+			children: e.lines.map((e, t) => /* @__PURE__ */ x("span", { children: [t > 0 && /* @__PURE__ */ b("br", {}), r(e)] }, t))
+		});
+	}
+}
+function X({ text: e, resolveLink: t, linkComponent: n, className: r }) {
+	let i = le(e);
+	return /* @__PURE__ */ b("div", {
+		className: ["wui-text-sm text-break", r].filter(Boolean).join(" "),
+		children: i.map((e) => /* @__PURE__ */ b(fe, {
+			block: e,
+			resolveLink: t,
+			linkComponent: n
+		}, e.key))
+	});
+}
+//#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), _("");
+		try {
+			await r(e, t), d(e === "Down" && t === void 0), S(e === "Up" || t !== void 0), t !== void 0 && m("");
+		} catch {
+			_(o.ratingFailed);
+		} finally {
+			l(!1);
+		}
+	}
+	return /* @__PURE__ */ x("div", {
+		className: "d-flex flex-column gap-2",
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "d-flex flex-wrap align-items-center gap-1",
+				children: [
+					/* @__PURE__ */ b(n, {
+						size: "sm",
+						variant: e === "Up" ? "subtle" : "ghost",
+						leftIcon: "check",
+						"aria-pressed": e === "Up",
+						disabled: c,
+						onClick: () => C("Up"),
+						children: o.rateUp
+					}),
+					/* @__PURE__ */ b(n, {
+						size: "sm",
+						variant: e === "Down" ? "subtle" : "ghost",
+						leftIcon: "x",
+						"aria-pressed": e === "Down",
+						disabled: c,
+						onClick: () => C("Down"),
+						children: o.rateDown
+					}),
+					y && !u && /* @__PURE__ */ b("span", {
+						className: "wui-text-xs text-body-secondary",
+						role: "status",
+						children: o.rated
+					})
+				]
+			}),
+			h && /* @__PURE__ */ b(t, {
+				size: "sm",
+				variant: "danger",
+				children: h
+			}),
+			u && /* @__PURE__ */ x("form", {
+				className: "d-flex flex-column gap-2",
+				onSubmit: (e) => {
+					e.preventDefault(), C("Down", p);
+				},
+				children: [/* @__PURE__ */ b(f, {
+					id: `${s}-note`,
+					label: o.ratingNote,
+					hint: o.ratingNoteHint,
+					rows: 2,
+					maxLength: i,
+					value: p,
+					onChange: (e) => m(e.target.value)
+				}), /* @__PURE__ */ x("div", {
+					className: "d-flex gap-2",
+					children: [/* @__PURE__ */ b(n, {
+						type: "submit",
+						size: "sm",
+						loading: c,
+						children: o.ratingNoteSend
+					}), /* @__PURE__ */ b(n, {
+						size: "sm",
+						variant: "secondary",
+						disabled: c,
+						onClick: () => {
+							d(!1), S(!0);
+						},
+						children: o.ratingNoteSkip
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ChatMessage.jsx
+var pe = {
+	maxWidth: "85%",
+	whiteSpace: "pre-wrap",
+	overflowWrap: "anywhere"
+};
+function Q({ turn: e, onRate: n, resolveLink: i, linkComponent: a, confirmAction: o, onViewTicket: s, labels: c }) {
+	let l = M(c), u = e.streaming && !e.answer;
+	return /* @__PURE__ */ x("li", {
+		className: "d-flex flex-column gap-2",
+		children: [e.question && /* @__PURE__ */ x("div", {
+			className: "align-self-end",
+			style: pe,
+			children: [/* @__PURE__ */ x("span", {
+				className: "visually-hidden",
+				children: [l.you, ": "]
+			}), /* @__PURE__ */ b(r, {
+				padding: "sm",
+				variant: "muted",
+				className: "wui-text-sm",
+				children: e.question
+			})]
+		}), /* @__PURE__ */ x("div", {
+			className: "d-flex flex-column gap-2",
+			style: { minWidth: 0 },
+			children: [
+				/* @__PURE__ */ x("span", {
+					className: "visually-hidden",
+					children: [l.assistant, ": "]
+				}),
+				/* @__PURE__ */ b("div", {
+					"aria-live": "polite",
+					"aria-busy": e.streaming,
+					children: u ? /* @__PURE__ */ x("span", {
+						className: "d-inline-flex align-items-center gap-2 wui-text-sm text-body-secondary",
+						children: [/* @__PURE__ */ b(d, {
+							size: "sm",
+							label: l.thinking
+						}), /* @__PURE__ */ b("span", {
+							"aria-hidden": "true",
+							children: l.thinking
+						})]
+					}) : e.answer && /* @__PURE__ */ b(X, {
+						text: e.answer,
+						resolveLink: i,
+						linkComponent: a
+					})
+				}),
+				e.error && /* @__PURE__ */ b(t, {
+					size: "sm",
+					variant: "danger",
+					children: e.error.message
+				}),
+				o && !e.streaming && e.actions.map((e) => /* @__PURE__ */ b(F, {
+					action: e,
+					confirmAction: o,
+					onViewTicket: s,
+					labels: c
+				}, e.token)),
+				n && e.messageId && !e.streaming && /* @__PURE__ */ b(Z, {
+					rating: e.rating,
+					onRate: (t, r) => n(e.id, t, r),
+					labels: c
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ChatThread.jsx
+function $({ turns: e, empty: t, onRate: n, resolveLink: r, linkComponent: i, confirmAction: a, onViewTicket: s, labels: c }) {
+	let l = M(c), u = _(null), d = e[e.length - 1];
+	return h(() => {
+		u.current?.scrollIntoView({ block: "end" });
+	}, [
+		e.length,
+		d?.answer,
+		d?.error,
+		d?.actions
+	]), e.length === 0 ? t ?? /* @__PURE__ */ b(o, {
+		icon: "sparkles",
+		size: "sm",
+		title: l.emptyTitle,
+		text: l.emptyText
+	}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ol", {
+		className: "list-unstyled d-flex flex-column gap-3 mb-0",
+		"aria-label": l.thread,
+		children: e.map((e) => /* @__PURE__ */ b(Q, {
+			turn: e,
+			onRate: n,
+			resolveLink: r,
+			linkComponent: i,
+			confirmAction: a,
+			onViewTicket: s,
+			labels: c
+		}, e.id))
+	}), /* @__PURE__ */ b("div", { ref: u })] });
+}
+//#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, labels: T }) {
+	let E = M(T), D = _(null), { refreshAllowance: O } = n;
+	h(() => {
+		r && O().catch(() => {});
+	}, [r, O]);
+	let k = n.messagesLeftToday, A = a ?? E.panelTitle;
+	return /* @__PURE__ */ b(l, {
+		show: r,
+		onHide: i,
+		side: "right",
+		width: g,
+		header: /* @__PURE__ */ x("div", {
+			className: "drawer-header",
+			children: [/* @__PURE__ */ x("div", {
+				className: "drawer-title",
+				children: [o && /* @__PURE__ */ b("span", {
+					className: "drawer-title-ic",
+					children: /* @__PURE__ */ b(s, {
+						name: o,
+						size: 18
+					})
+				}), A]
+			}), /* @__PURE__ */ x("div", {
+				className: "d-flex align-items-center gap-1",
+				children: [
+					c,
+					/* @__PURE__ */ b(e, {
+						icon: "plus",
+						label: E.newChat,
+						onClick: n.newConversation,
+						disabled: n.turns.length === 0 && !n.loading
+					}),
+					/* @__PURE__ */ b(e, {
+						icon: "x",
+						label: E.close,
+						onClick: i
+					})
+				]
+			})]
+		}),
+		footer: /* @__PURE__ */ x("div", {
+			className: "d-flex flex-column gap-2",
+			children: [
+				k !== null && k <= m && /* @__PURE__ */ b("p", {
+					className: "wui-text-xs text-body-secondary mb-0",
+					role: "status",
+					children: E.allowance(k)
+				}),
+				/* @__PURE__ */ b(I, {
+					onSubmit: n.submit,
+					busy: n.streaming || n.loading,
+					disabled: k === 0,
+					maxLength: p,
+					inputRef: D,
+					labels: T
+				}),
+				/* @__PURE__ */ b("p", {
+					className: "wui-text-xs text-body-secondary mb-0",
+					children: f ?? E.disclaimer
+				})
+			]
+		}),
+		ariaLabel: typeof A == "string" ? A : E.panelTitle,
+		onEntered: () => D.current?.focus(),
+		children: n.loading ? /* @__PURE__ */ b("div", {
+			className: "d-flex justify-content-center py-4",
+			children: /* @__PURE__ */ b(d, { label: E.loadingConversation })
+		}) : n.loadError ? /* @__PURE__ */ b(t, {
+			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,
+			labels: T
+		})
+	});
+}
+//#endregion
+//#region src/useChat.js
+function he(e) {
+	return {
+		code: e?.code || "unknown",
+		message: e?.message || "Something went wrong. Please try again.",
+		resetsAtUtc: e?.resetsAtUtc ?? null
+	};
+}
+function ge(e) {
+	if (!e) return [];
+	let t = JSON.parse(e);
+	return Array.isArray(t) ? t : [];
+}
+function _e(e) {
+	let t = [];
+	for (let n of e ?? []) {
+		if (n.role === "User") {
+			t.push({
+				id: n.publicId,
+				question: n.content,
+				answer: "",
+				streaming: !1,
+				error: null,
+				actions: [],
+				messageId: null,
+				rating: null,
+				ratingNote: null
+			});
+			continue;
+		}
+		let e = t[t.length - 1], r = {
+			answer: n.content,
+			actions: ge(n.actionsJson),
+			messageId: n.publicId,
+			rating: n.rating ?? null,
+			ratingNote: n.ratingNote ?? null
+		};
+		e && e.messageId === null && e.answer === "" ? Object.assign(e, r) : t.push({
+			id: n.publicId,
+			question: "",
+			streaming: !1,
+			error: null,
+			...r
+		});
+	}
+	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(() => {
+		p.current += 1, f.current?.abort(), f.current = null;
+	}, []);
+	h(() => S, [S]);
+	let C = m((e, t) => {
+		r((n) => n.map((n) => n.id === e ? {
+			...n,
+			...typeof t == "function" ? t(n) : t
+		} : n));
+	}, []), w = m(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}`;
+		r((e) => [...e, {
+			id: c,
+			question: n,
+			answer: "",
+			streaming: !0,
+			error: null,
+			actions: [],
+			messageId: null,
+			rating: null,
+			ratingNote: null
+		}]);
+		let l = () => i === p.current && !o.signal.aborted;
+		try {
+			let t = await e.sendMessage({
+				message: n,
+				conversationId: b.current,
+				pageContext: y.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 : [] }));
+				}
+			});
+			if (!l()) return;
+			C(c, {
+				answer: t.reply,
+				messageId: t.messageId ?? null,
+				streaming: !1
+			}), b.current = t.conversationId, a(t.conversationId), s(t.messagesLeftToday ?? null);
+		} catch (e) {
+			if (!l()) return;
+			C(c, {
+				answer: "",
+				actions: [],
+				streaming: !1,
+				error: he(e)
+			}), e?.code === "daily-limit" && s(0), e?.code === "conversation-not-found" && (b.current = null, a(null));
+		} finally {
+			f.current === o && (f.current = null);
+		}
+	}, [e, C]), T = m(async (t) => {
+		S();
+		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);
+		} catch (e) {
+			if (n !== p.current) return;
+			d(he(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 () => {
+		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;
+		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, {
+			rating: n,
+			ratingNote: s
+		});
+		try {
+			await e.rateMessage(a, i.messageId, {
+				rating: n,
+				note: s
+			});
+		} catch (e) {
+			throw C(t, o), e;
+		}
+	}, [e, C]);
+	return {
+		turns: n,
+		conversationId: i,
+		messagesLeftToday: o,
+		streaming: n.some((e) => e.streaming),
+		loading: c,
+		loadError: u,
+		submit: w,
+		openConversation: T,
+		newConversation: E,
+		rate: k,
+		refreshAllowance: O,
+		reset: D
+	};
+}
+//#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 };