@qoretechnologies/qorus-chat 0.1.0-beta.0

package/dist/qorus-chat.js

@@ -0,0 +1,721 @@
+import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import styled, { keyframes } from "styled-components";
+import { ReqoreBubble, ReqoreBubbleGroup, ReqoreButton, ReqoreControlGroup, ReqoreMessage, ReqoreP, ReqorePanel, ReqoreSpinner, ReqoreTextarea, ReqoreUIProvider } from "@qoretechnologies/reqore";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Sources.tsx
+var StyledSourcesWrap = styled.div`
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  font-size: 11px;
+  opacity: 0.8;
+`;
+var StyledSourceItem = styled.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  padding: 4px 0;
+  &:not(:last-child) { border-bottom: 1px dashed rgba(255, 255, 255, 0.05); }
+`;
+var StyledSourceLabel = styled.span`
+  font-weight: 600;
+  font-size: 11px;
+`;
+var StyledSourceExcerpt = styled.span`
+  font-size: 11px;
+  opacity: 0.75;
+  font-style: italic;
+`;
+var Sources = memo(({ sources }) => {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(StyledSourcesWrap, { children: [/* @__PURE__ */ jsxs(ReqoreButton, {
+		flat: true,
+		minimal: true,
+		size: "small",
+		icon: open ? "ArrowDownSLine" : "ArrowRightSLine",
+		onClick: () => setOpen((v) => !v),
+		children: [
+			sources.length,
+			" ",
+			sources.length === 1 ? "source" : "sources"
+		]
+	}), open && /* @__PURE__ */ jsx("div", {
+		style: { marginTop: 6 },
+		children: sources.map((s, i) => /* @__PURE__ */ jsxs(StyledSourceItem, { children: [
+			/* @__PURE__ */ jsx(StyledSourceLabel, { children: s.collection }),
+			s.excerpt && /* @__PURE__ */ jsx(StyledSourceExcerpt, { children: s.excerpt }),
+			typeof s.score === "number" && /* @__PURE__ */ jsx(ReqoreP, {
+				style: {
+					fontSize: 10,
+					opacity: .6
+				},
+				children: s.score.toFixed(2)
+			})
+		] }, `${s.collection}-${s.chunk_id ?? i}`))
+	})] });
+});
+Sources.displayName = "Sources";
+//#endregion
+//#region src/components/theme.ts
+var DEFAULT_THEME = "qorus";
+var DEFAULT_ACCENT = "#7b68ee";
+var PRESETS = {
+	qorus: {
+		main: "#1b1226",
+		text: "#ece9f5"
+	},
+	dark: {
+		main: "#17181c",
+		text: "#e7e7ea"
+	},
+	light: {
+		main: "#f4f4f7",
+		text: "#1d1d20"
+	}
+};
+/** Build the Reqore theme for a preset — fed to `ReqoreUIProvider`. */
+function buildWidgetTheme(theme = DEFAULT_THEME) {
+	const preset = PRESETS[theme] ?? PRESETS["qorus"];
+	return {
+		main: preset.main,
+		text: { color: preset.text }
+	};
+}
+/** Darken (`percent < 0`) or lighten (`percent > 0`) a `#rrggbb` hex. */
+function shade(hex, percent) {
+	const n = parseInt(hex.replace("#", ""), 16);
+	const clamp = (c) => Math.max(0, Math.min(255, Math.round(c + (percent < 0 ? c : 255 - c) * percent)));
+	return `#${[
+		clamp(n >> 16 & 255),
+		clamp(n >> 8 & 255),
+		clamp(n & 255)
+	].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
+}
+/** Append a 2-digit alpha to a `#rrggbb` hex (`alpha` 0..1). */
+function withAlpha(hex, alpha) {
+	return `${hex}${Math.max(0, Math.min(255, Math.round(alpha * 255))).toString(16).padStart(2, "0")}`;
+}
+/** Solid accent gradient — send button. */
+function accentGradient(accent) {
+	return { gradient: {
+		colors: {
+			0: accent,
+			100: shade(accent, -.32)
+		},
+		direction: "to bottom right"
+	} };
+}
+/** Accent gradient with a glow — the floating launcher button. */
+function fabEffect(accent) {
+	return {
+		gradient: {
+			colors: {
+				0: accent,
+				100: shade(accent, -.42)
+			},
+			direction: "to bottom right"
+		},
+		glow: {
+			color: accent,
+			size: 2,
+			blur: 10
+		}
+	};
+}
+/** Translucent accent gradient — the visitor's own message bubble. */
+function accentBubbleEffect(accent) {
+	return { gradient: {
+		colors: {
+			0: withAlpha(accent, .16),
+			100: withAlpha(shade(accent, -.32), .16)
+		},
+		direction: "to bottom right"
+	} };
+}
+//#endregion
+//#region src/components/MessageList.tsx
+var StyledScroll = styled.div`
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 14px;
+  display: flex;
+  flex-direction: column;
+
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.16);
+    border-radius: 3px;
+  }
+`;
+var StyledEmpty = styled.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+`;
+var StyledCursor = styled.span`
+  display: inline-block;
+  width: 2px;
+  height: 1em;
+  margin-left: 1px;
+  background: currentColor;
+  vertical-align: text-bottom;
+  animation: qorus-chat-blink 1s steps(1) infinite;
+
+  @keyframes qorus-chat-blink {
+    50% {
+      opacity: 0;
+    }
+  }
+`;
+function renderText(content, streaming) {
+	const lines = content.split("\n");
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [lines.map((line, i) => /* @__PURE__ */ jsxs(Fragment, { children: [line, i < lines.length - 1 && /* @__PURE__ */ jsx("br", {})] }, i)), streaming && /* @__PURE__ */ jsx(StyledCursor, {})] });
+}
+function formatTime(ts) {
+	return new Date(ts).toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+var MessageList = memo(({ messages, isStreaming, emptyText, accent }) => {
+	const bottomRef = useRef(null);
+	const userEffect = useMemo(() => accentBubbleEffect(accent), [accent]);
+	const spinnerColor = useMemo(() => shade(accent, .35), [accent]);
+	useEffect(() => {
+		bottomRef.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "end"
+		});
+	}, [messages, isStreaming]);
+	if (messages.length === 0) return /* @__PURE__ */ jsx(StyledScroll, { children: /* @__PURE__ */ jsx(StyledEmpty, { children: /* @__PURE__ */ jsx(ReqoreMessage, {
+		flat: true,
+		minimal: true,
+		icon: "ChatSmile2Line",
+		size: "small",
+		children: emptyText ?? "Ask me anything to get started."
+	}) }) });
+	return /* @__PURE__ */ jsxs(StyledScroll, { children: [/* @__PURE__ */ jsx(ReqoreBubbleGroup, { children: messages.map((m, i) => {
+		const isUser = m.role === "user";
+		const isStreamingMsg = m.status === "streaming";
+		const isWaiting = isStreamingMsg && !m.content;
+		const isError = m.status === "error";
+		const isEmptyReply = !isUser && m.status === "complete" && !m.content;
+		const isLastOfRun = i === messages.length - 1 || messages[i + 1].role !== m.role;
+		return /* @__PURE__ */ jsxs(ReqoreBubble, {
+			align: isUser ? "right" : "left",
+			size: "small",
+			minimal: !isUser && !isError,
+			raised: true,
+			intent: isError ? "danger" : void 0,
+			effect: isUser ? userEffect : void 0,
+			timestamp: !isWaiting && isLastOfRun ? formatTime(m.createdAt) : void 0,
+			children: [isError ? m.error ?? "Something went wrong." : isWaiting ? /* @__PURE__ */ jsx(ReqoreSpinner, {
+				size: "small",
+				iconColor: spinnerColor
+			}) : isEmptyReply ? /* @__PURE__ */ jsx(ReqoreP, {
+				effect: {
+					opacity: .6,
+					italic: true
+				},
+				children: "No response received."
+			}) : renderText(m.content, isStreamingMsg), m.sources && m.sources.length > 0 && /* @__PURE__ */ jsx(Sources, { sources: m.sources })]
+		}, m.id);
+	}) }), /* @__PURE__ */ jsx("div", { ref: bottomRef })] });
+});
+MessageList.displayName = "MessageList";
+//#endregion
+//#region src/components/MessageInput.tsx
+var StyledInputWrap = styled.div`
+  padding: 10px 12px 10px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  flex-shrink: 0;
+`;
+var StyledPoweredBy = styled.div`
+  margin-top: 8px;
+  text-align: center;
+  font-size: 10px;
+  letter-spacing: 0.2px;
+  opacity: 0.45;
+
+  a {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 600;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+`;
+var MessageInput = memo(({ isStreaming, onSend, onCancel, placeholder, disabled, accent }) => {
+	const [value, setValue] = useState("");
+	const sendEffect = useMemo(() => accentGradient(accent), [accent]);
+	const submit = useCallback(() => {
+		const trimmed = value.trim();
+		if (!trimmed || isStreaming || disabled) return;
+		onSend(trimmed);
+		setValue("");
+	}, [
+		value,
+		isStreaming,
+		disabled,
+		onSend
+	]);
+	return /* @__PURE__ */ jsxs(StyledInputWrap, { children: [/* @__PURE__ */ jsxs(ReqoreControlGroup, {
+		fluid: true,
+		verticalAlign: "flex-end",
+		children: [/* @__PURE__ */ jsx(ReqoreTextarea, {
+			fluid: true,
+			scaleWithContent: true,
+			rows: 1,
+			value,
+			onChange: (e) => setValue(e.target.value),
+			onKeyDown: useCallback((e) => {
+				if (e.key === "Enter" && !e.shiftKey) {
+					e.preventDefault();
+					submit();
+				}
+			}, [submit]),
+			placeholder: placeholder ?? "Ask anything…",
+			disabled
+		}), /* @__PURE__ */ jsx(ReqoreButton, {
+			fixed: true,
+			icon: isStreaming ? "StopCircleLine" : "SendPlane2Fill",
+			intent: isStreaming ? "danger" : void 0,
+			effect: isStreaming ? void 0 : sendEffect,
+			onClick: isStreaming ? onCancel : submit,
+			disabled: !isStreaming && (!value.trim() || disabled),
+			tooltip: isStreaming ? "Stop" : "Send"
+		})]
+	}), /* @__PURE__ */ jsxs(StyledPoweredBy, { children: [
+		"Powered by",
+		" ",
+		/* @__PURE__ */ jsx("a", {
+			href: "https://qorus.cloud",
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: "qorus.cloud"
+		})
+	] })] });
+});
+MessageInput.displayName = "MessageInput";
+//#endregion
+//#region src/client/sseParser.ts
+async function* parseSseStream(stream) {
+	const reader = stream.getReader();
+	const decoder = new TextDecoder("utf-8");
+	let buffer = "";
+	try {
+		while (true) {
+			const { value, done } = await reader.read();
+			if (done) break;
+			buffer += decoder.decode(value, { stream: true });
+			let nlIdx;
+			while ((nlIdx = buffer.indexOf("\n\n")) !== -1) {
+				const rawEvent = buffer.slice(0, nlIdx);
+				buffer = buffer.slice(nlIdx + 2);
+				const line = rawEvent.replace(/^data:\s?/, "").trim();
+				if (!line) continue;
+				if (line === "[DONE]") {
+					yield { type: "done" };
+					continue;
+				}
+				try {
+					const payload = JSON.parse(line);
+					if (typeof payload.delta === "string") yield {
+						type: "delta",
+						delta: payload.delta
+					};
+					if (Array.isArray(payload.sources)) yield {
+						type: "sources",
+						sources: payload.sources
+					};
+					if (payload.usage && typeof payload.usage === "object") yield {
+						type: "usage",
+						usage: payload.usage
+					};
+				} catch (err) {
+					yield {
+						type: "error",
+						error: `parse-error: ${err.message}`
+					};
+				}
+			}
+		}
+	} finally {
+		reader.releaseLock();
+	}
+}
+//#endregion
+//#region src/client/chatClient.ts
+async function readErrorMessage(res) {
+	let detail = "";
+	try {
+		const text = await res.text();
+		try {
+			const json = JSON.parse(text);
+			detail = String(json.desc ?? json.err ?? json.message ?? text);
+		} catch {
+			detail = text;
+		}
+	} catch {}
+	if (res.status === 409 || /guardrail/i.test(detail)) return "Your message was blocked by a content guardrail.";
+	if (res.status === 401 || res.status === 403) return "This chat is not authorized. Please contact the site owner.";
+	if (res.status === 429) return "Too many messages right now — please wait a moment and try again.";
+	return detail.trim() ? `Something went wrong: ${detail.trim()}` : "Something went wrong.";
+}
+var QorusChatClient = class {
+	constructor(opts) {
+		this.baseUrl = (opts.baseUrl ?? "").replace(/\/+$/, "");
+		this.endpoint = opts.endpoint;
+		this.apiKey = opts.apiKey;
+		this.visitorId = opts.visitorId;
+	}
+	async *streamStateless(message) {
+		const url = `${this.baseUrl}/api/latest/ai-endpoints/${encodeURIComponent(this.endpoint)}/chat`;
+		const res = await this.postSse(url, {
+			message,
+			stream: true
+		});
+		if (!res.ok) {
+			yield {
+				type: "error",
+				error: await readErrorMessage(res)
+			};
+			return;
+		}
+		if (!res.body) {
+			yield {
+				type: "error",
+				error: "No response received."
+			};
+			return;
+		}
+		yield* parseSseStream(res.body);
+	}
+	async createConversation() {
+		const url = `${this.baseUrl}/api/latest/ai-endpoints/${encodeURIComponent(this.endpoint)}/conversations`;
+		const res = await fetch(url, {
+			method: "POST",
+			headers: this.headers("application/json"),
+			body: JSON.stringify({})
+		});
+		if (!res.ok) throw new Error(`createConversation: ${res.status}`);
+		return { uuid: (await res.json()).conversation_uuid };
+	}
+	async *streamMessage(conversationUuid, message, history) {
+		const url = `${this.baseUrl}/api/latest/ai-endpoints/${encodeURIComponent(this.endpoint)}/conversations/${encodeURIComponent(conversationUuid)}/messages`;
+		const res = await this.postSse(url, {
+			message,
+			stream: true
+		});
+		if (!res.ok) {
+			yield {
+				type: "error",
+				error: await readErrorMessage(res)
+			};
+			return;
+		}
+		if (!res.body) {
+			yield {
+				type: "error",
+				error: "No response received."
+			};
+			return;
+		}
+		yield* parseSseStream(res.body);
+	}
+	postSse(url, body) {
+		return fetch(url, {
+			method: "POST",
+			headers: this.headers("text/event-stream"),
+			body: JSON.stringify(body)
+		});
+	}
+	headers(accept) {
+		const h = {
+			"Content-Type": "application/json",
+			Accept: `${accept}, application/json;q=0.5`,
+			Authorization: `Bearer ${this.apiKey}`
+		};
+		if (this.visitorId) h["qorus-visitor-id"] = this.visitorId;
+		return h;
+	}
+};
+//#endregion
+//#region src/components/useChatSession.ts
+var VISITOR_ID_KEY_PREFIX = "qorus-chat-visitor-";
+function loadOrCreateVisitorId(endpoint) {
+	try {
+		const key = `${VISITOR_ID_KEY_PREFIX}${endpoint}`;
+		const existing = window.localStorage.getItem(key);
+		if (existing) return existing;
+		const fresh = `v_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+		window.localStorage.setItem(key, fresh);
+		return fresh;
+	} catch {
+		return `v_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+	}
+}
+function genMessageId() {
+	return `m_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+}
+function useChatSession(opts) {
+	const [messages, setMessages] = useState([]);
+	const [isStreaming, setIsStreaming] = useState(false);
+	const conversationRef = useRef(null);
+	const abortRef = useRef(null);
+	const visitorId = useMemo(() => opts.visitorId ?? loadOrCreateVisitorId(opts.endpoint), [opts.endpoint, opts.visitorId]);
+	const client = useMemo(() => new QorusChatClient({
+		endpoint: opts.endpoint,
+		apiKey: opts.apiKey,
+		baseUrl: opts.baseUrl,
+		visitorId
+	}), [
+		opts.endpoint,
+		opts.apiKey,
+		opts.baseUrl,
+		visitorId
+	]);
+	const mode = opts.mode ?? "stateless";
+	const updateMessage = useCallback((id, patch) => {
+		setMessages((prev) => prev.map((m) => m.id === id ? {
+			...m,
+			...patch
+		} : m));
+	}, []);
+	const send = useCallback(async (text) => {
+		const trimmed = text.trim();
+		if (!trimmed || isStreaming) return;
+		const userMsg = {
+			id: genMessageId(),
+			role: "user",
+			content: trimmed,
+			status: "complete",
+			createdAt: Date.now()
+		};
+		const assistantMsg = {
+			id: genMessageId(),
+			role: "assistant",
+			content: "",
+			status: "streaming",
+			createdAt: Date.now()
+		};
+		setMessages((prev) => [
+			...prev,
+			userMsg,
+			assistantMsg
+		]);
+		setIsStreaming(true);
+		abortRef.current = new AbortController();
+		try {
+			let convUuid = conversationRef.current;
+			if (mode === "conversation" && !convUuid) {
+				convUuid = (await client.createConversation()).uuid;
+				conversationRef.current = convUuid;
+			}
+			const stream = mode === "conversation" && convUuid ? client.streamMessage(convUuid, trimmed) : client.streamStateless(trimmed);
+			let accumulated = "";
+			for await (const event of stream) {
+				if (abortRef.current?.signal.aborted) break;
+				switch (event.type) {
+					case "delta":
+						accumulated += event.delta;
+						updateMessage(assistantMsg.id, { content: accumulated });
+						break;
+					case "sources":
+						updateMessage(assistantMsg.id, { sources: event.sources });
+						break;
+					case "usage":
+						updateMessage(assistantMsg.id, { usage: event.usage });
+						break;
+					case "error":
+						updateMessage(assistantMsg.id, {
+							status: "error",
+							error: event.error
+						});
+						break;
+					case "done": break;
+				}
+			}
+			updateMessage(assistantMsg.id, { status: "complete" });
+		} catch (err) {
+			const message = err instanceof Error ? err.message : "unknown error";
+			updateMessage(assistantMsg.id, {
+				status: "error",
+				error: message
+			});
+		} finally {
+			setIsStreaming(false);
+			abortRef.current = null;
+		}
+	}, [
+		client,
+		isStreaming,
+		mode,
+		updateMessage
+	]);
+	const cancel = useCallback(() => {
+		abortRef.current?.abort();
+		setIsStreaming(false);
+	}, []);
+	const reset = useCallback(async () => {
+		cancel();
+		conversationRef.current = null;
+		setMessages([]);
+	}, [cancel]);
+	useEffect(() => () => abortRef.current?.abort(), []);
+	return {
+		messages,
+		isStreaming,
+		send,
+		cancel,
+		reset
+	};
+}
+//#endregion
+//#region src/components/ChatShell.tsx
+var ChatShell = memo(({ endpoint, apiKey, baseUrl, visitorId, title = "Assistant", subtitle, placeholder, emptyText, accent, showClose, onClose, extraActions }) => {
+	const { messages, isStreaming, send, cancel, reset } = useChatSession({
+		endpoint,
+		apiKey,
+		baseUrl,
+		visitorId
+	});
+	const handleSend = useCallback((text) => {
+		send(text);
+	}, [send]);
+	const actions = [...extraActions ?? [], {
+		icon: "RefreshLine",
+		tooltip: "New conversation",
+		onClick: () => void reset(),
+		disabled: messages.length === 0
+	}];
+	if (showClose) actions.push({
+		icon: "CloseLine",
+		tooltip: "Close",
+		onClick: onClose
+	});
+	return /* @__PURE__ */ jsxs(ReqorePanel, {
+		fill: true,
+		rounded: true,
+		responsiveTitle: false,
+		responsiveActions: false,
+		label: title,
+		icon: "ChatSmile2Line",
+		badge: {
+			label: isStreaming ? "Typing…" : "Online",
+			intent: "success",
+			minimal: true
+		},
+		description: subtitle,
+		actions,
+		contentStyle: {
+			padding: 0,
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ jsx(MessageList, {
+			messages,
+			isStreaming,
+			emptyText,
+			accent
+		}), /* @__PURE__ */ jsx(MessageInput, {
+			isStreaming,
+			onSend: handleSend,
+			onCancel: cancel,
+			placeholder,
+			accent
+		})]
+	});
+});
+ChatShell.displayName = "ChatShell";
+//#endregion
+//#region src/components/BubbleLauncher.tsx
+var slideUp = keyframes`
+  from { transform: translateY(16px); opacity: 0; }
+  to   { transform: translateY(0); opacity: 1; }
+`;
+var StyledLauncher = styled.div`
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 2147483600;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 14px;
+`;
+var StyledPanel = styled.div`
+  width: min(400px, calc(100vw - 32px));
+  height: min(600px, calc(100vh - 116px));
+  animation: ${slideUp} 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+  /* Layered drop-shadows follow the panel's real rounded shape and lift it
+     clearly off a dark host page. */
+  filter: drop-shadow(0 26px 64px rgba(0, 0, 0, 0.72))
+    drop-shadow(0 8px 22px rgba(0, 0, 0, 0.55));
+`;
+var BubbleLauncher = memo(({ defaultOpen, ...shellProps }) => {
+	const [open, setOpen] = useState(!!defaultOpen);
+	const effect = useMemo(() => fabEffect(shellProps.accent), [shellProps.accent]);
+	return /* @__PURE__ */ jsxs(StyledLauncher, { children: [open && /* @__PURE__ */ jsx(StyledPanel, { children: /* @__PURE__ */ jsx(ChatShell, {
+		...shellProps,
+		showClose: true,
+		onClose: () => setOpen(false)
+	}) }), /* @__PURE__ */ jsx(ReqoreButton, {
+		circle: true,
+		compact: true,
+		size: "huge",
+		icon: open ? "CloseLine" : "ChatSmile2Fill",
+		effect,
+		onClick: () => setOpen((v) => !v),
+		tooltip: open ? "Close chat" : "Open chat",
+		style: {
+			width: "58px",
+			height: "58px",
+			padding: 0
+		}
+	})] });
+});
+BubbleLauncher.displayName = "BubbleLauncher";
+//#endregion
+//#region src/components/ChatWidget.tsx
+var StyledInlineFrame = styled.div`
+  width: 100%;
+  height: 100%;
+  min-height: 320px;
+  display: flex;
+`;
+var ChatWidget = memo(({ endpoint, apiKey, baseUrl, mode = "bubble", visitorId, title, subtitle, placeholder, defaultOpen, theme, accent = DEFAULT_ACCENT, extraActions }) => {
+	const reqoreTheme = buildWidgetTheme(theme);
+	const sharedShellProps = {
+		endpoint,
+		apiKey,
+		baseUrl,
+		visitorId,
+		title,
+		subtitle,
+		placeholder,
+		accent,
+		extraActions
+	};
+	return /* @__PURE__ */ jsx(ReqoreUIProvider, {
+		theme: reqoreTheme,
+		children: mode === "bubble" ? /* @__PURE__ */ jsx(BubbleLauncher, {
+			...sharedShellProps,
+			defaultOpen
+		}) : /* @__PURE__ */ jsx(StyledInlineFrame, { children: /* @__PURE__ */ jsx(ChatShell, { ...sharedShellProps }) })
+	});
+});
+ChatWidget.displayName = "ChatWidget";
+//#endregion
+export { ChatShell, ChatWidget };
+
+//# sourceMappingURL=qorus-chat.js.map