@convai/web-sdk 0.3.1-beta.3 → 0.3.2-beta.0

package/dist/react/components/rtc-widget/components/ConviMessage.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { aeroTheme } from "../styles";
+import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles";
+import { MarkdownRenderer } from "./MarkdownRenderer";
+export const ConviMessage = ({ message, timestamp, className, showLogo = true, sender, }) => {
+    return (_jsxs(ConviMessageContainer, { className: className, children: [_jsxs(ConviBubble, { children: [showLogo && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(ConvaiLogo, { size: "sm", color: "#10b981", animate: false, state: "connected" }) }), _jsx(ConviLabel, { children: sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
+                    fontSize: aeroTheme.typography.sizes.caption,
+                    color: aeroTheme.colors.text.secondary,
+                    marginTop: 4,
+                    alignSelf: "flex-start",
+                    fontFamily: aeroTheme.typography.fontFamily.body,
+                }, children: timestamp }))] }));
+};
+//# sourceMappingURL=ConviMessage.js.map

package/dist/react/components/rtc-widget/components/ConviMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviMessage.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/ConviMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,UAAU,EACV,WAAW,EACX,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,MAAM,GACY,EAAE,EAAE;IACtB,OAAO,CACL,MAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,aACzC,MAAC,WAAW,eACT,QAAQ,IAAI,CACX,MAAC,aAAa,eACZ,KAAC,WAAW,cACV,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,KAAK,EACd,KAAK,EAAC,WAAW,GACjB,GACU,EACd,KAAC,UAAU,cAAE,MAAM,GAAc,IACnB,CACjB,EACD,KAAC,gBAAgB,IAAC,IAAI,EAAE,OAAO,GAAI,IACvB,EACb,SAAS,IAAI,CACZ,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO;oBAC5C,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;oBACtC,SAAS,EAAE,CAAC;oBACZ,SAAS,EAAE,YAAY;oBACvB,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;iBACjD,YAEA,SAAS,GACL,CACR,IACqB,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/rtc-widget/components/FloatingVideo.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface FloatingVideoProps {
+    isVisible: boolean;
+    onClose: () => void;
+    mirror?: boolean;
+}
+export declare const FloatingVideo: React.FC<FloatingVideoProps>;
+export {};
+//# sourceMappingURL=FloatingVideo.d.ts.map

package/dist/react/components/rtc-widget/components/FloatingVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingVideo.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/FloatingVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4DD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+ItD,CAAC"}

package/dist/react/components/rtc-widget/components/FloatingVideo.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { motion } from "framer-motion";
+import { VideoTrack, RoomContext, useRoomContext } from "@livekit/components-react";
+import { IoClose, IoVideocamOff } from "react-icons/io5";
+import { MdDragIndicator } from "react-icons/md";
+import { aeroTheme } from "../styles/theme";
+import { iosTransitions } from "../styles/framerConfig";
+import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack";
+/**
+ * LocalVideoDisplay component for rendering local camera feed inside FloatingVideo.
+ */
+const LocalVideoDisplay = ({ mirror = false }) => {
+    const cameraTrackRef = useLocalCameraTrack();
+    // Check if camera track is available (for local participant, check if track exists)
+    if (!cameraTrackRef.publication?.track) {
+        return (_jsxs("div", { style: {
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+                color: aeroTheme.colors.neutral[400],
+                gap: "12px",
+                background: "#000",
+            }, children: [_jsx(IoVideocamOff, { size: 48 }), _jsx("span", { style: { fontSize: "14px", textAlign: "center" }, children: "Camera is off" })] }));
+    }
+    return (_jsx("div", { style: {
+            width: "100%",
+            height: "100%",
+            position: "relative",
+        }, children: _jsx("div", { style: {
+                transform: mirror ? "scaleX(-1)" : "none",
+                width: "100%",
+                height: "100%",
+            }, children: _jsx(VideoTrack, { trackRef: cameraTrackRef, style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                } }) }) }));
+};
+export const FloatingVideo = ({ isVisible, onClose, mirror = true, }) => {
+    const room = useRoomContext(); // Get room from parent RoomContext
+    const [position, setPosition] = useState({ x: 20, y: 20 });
+    const [isDragging, setIsDragging] = useState(false);
+    const containerRef = useRef(null);
+    const handleDragEnd = (event, info) => {
+        setIsDragging(false);
+        // Get window dimensions
+        const windowWidth = window.innerWidth;
+        const windowHeight = window.innerHeight;
+        // Get container dimensions
+        const containerWidth = containerRef.current?.offsetWidth || 320;
+        const containerHeight = containerRef.current?.offsetHeight || 240;
+        // Calculate new position with boundary constraints
+        let newX = position.x + info.offset.x;
+        let newY = position.y + info.offset.y;
+        // Keep within bounds
+        newX = Math.max(0, Math.min(newX, windowWidth - containerWidth));
+        newY = Math.max(0, Math.min(newY, windowHeight - containerHeight));
+        setPosition({ x: newX, y: newY });
+    };
+    if (!isVisible)
+        return null;
+    // Wrap in RoomContext.Provider to ensure room is available to child components
+    return (_jsx(RoomContext.Provider, { value: room, children: _jsx(motion.div, { ref: containerRef, drag: true, dragMomentum: false, dragElastic: 0, onDragStart: () => setIsDragging(true), onDragEnd: handleDragEnd, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, transition: iosTransitions.modalSlide, style: {
+                position: "fixed",
+                left: position.x,
+                top: position.y,
+                zIndex: 10000,
+                width: "320px",
+                borderRadius: aeroTheme.borderRadius.lg,
+                overflow: "hidden",
+                boxShadow: "0 8px 32px rgba(0, 0, 0, 0.3)",
+                cursor: isDragging ? "grabbing" : "grab",
+            }, children: _jsxs("div", { style: {
+                    background: "rgba(15, 23, 42, 0.95)",
+                    backdropFilter: "blur(20px)",
+                    border: `1px solid ${aeroTheme.colors.neutral[700]}`,
+                    borderRadius: aeroTheme.borderRadius.lg,
+                    overflow: "hidden",
+                }, children: [_jsxs("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            padding: "8px 12px",
+                            background: "rgba(0, 0, 0, 0.3)",
+                            borderBottom: `1px solid ${aeroTheme.colors.neutral[700]}`,
+                        }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "8px",
+                                    color: aeroTheme.colors.neutral[300],
+                                    fontSize: "12px",
+                                    fontWeight: 500,
+                                }, children: [_jsx(MdDragIndicator, { size: 16 }), _jsx("span", { children: "Your Camera" })] }), _jsx(motion.button, { onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
+                                    e.stopPropagation();
+                                    onClose();
+                                }, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, style: {
+                                    background: "transparent",
+                                    border: "none",
+                                    color: aeroTheme.colors.neutral[400],
+                                    cursor: "pointer",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    padding: "4px",
+                                }, "aria-label": "Close video", children: _jsx(IoClose, { size: 20 }) })] }), _jsx("div", { style: {
+                            position: "relative",
+                            width: "100%",
+                            paddingBottom: "75%", // 4:3 aspect ratio
+                            background: "#000",
+                        }, children: _jsx("div", { style: {
+                                position: "absolute",
+                                top: 0,
+                                left: 0,
+                                width: "100%",
+                                height: "100%",
+                            }, children: _jsx(LocalVideoDisplay, { mirror: mirror }) }) })] }) }) }));
+};
+//# sourceMappingURL=FloatingVideo.js.map

package/dist/react/components/rtc-widget/components/FloatingVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingVideo.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/FloatingVideo.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/MarkdownRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface MarkdownRendererProps {
+    text: string;
+}
+export declare const MarkdownRenderer: React.FC<MarkdownRendererProps>;
+export {};
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

package/dist/react/components/rtc-widget/components/MarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmG5D,CAAC"}

package/dist/react/components/rtc-widget/components/MarkdownRenderer.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export const MarkdownRenderer = ({ text }) => {
+    // Convert markdown to JSX elements
+    const renderMarkdown = (input) => {
+        if (!input)
+            return null;
+        // Handle both actual newlines and \n escape sequences
+        // Replace literal \n strings with actual newlines
+        const normalizedText = input.replace(/\\n/g, '\n');
+        // Split by actual newlines
+        const lines = normalizedText.split('\n');
+        return lines.map((line, lineIndex) => {
+            // Process markdown within each line
+            const processLine = (text) => {
+                const parts = [];
+                let remaining = text;
+                let keyCounter = 0;
+                // Process bold and italic markdown
+                // Bold: **text** or __text__
+                // Italic: *text* or _text_
+                const markdownRegex = /(\*\*|__)(.*?)\1|\*([^*]+)\*|_([^_]+)_/g;
+                let lastIndex = 0;
+                let match;
+                while ((match = markdownRegex.exec(remaining)) !== null) {
+                    // Add text before the match
+                    if (match.index > lastIndex) {
+                        const textBefore = remaining.substring(lastIndex, match.index);
+                        if (textBefore) {
+                            parts.push(_jsx(React.Fragment, { children: textBefore }, `text-${lineIndex}-${keyCounter++}`));
+                        }
+                    }
+                    // Determine if it's bold or italic
+                    if (match[1] && match[2]) {
+                        // Bold text (** or __)
+                        parts.push(_jsx("strong", { children: match[2] }, `bold-${lineIndex}-${keyCounter++}`));
+                    }
+                    else if (match[3]) {
+                        // Italic text (*)
+                        parts.push(_jsx("em", { children: match[3] }, `italic-${lineIndex}-${keyCounter++}`));
+                    }
+                    else if (match[4]) {
+                        // Italic text (_)
+                        parts.push(_jsx("em", { children: match[4] }, `italic-${lineIndex}-${keyCounter++}`));
+                    }
+                    lastIndex = match.index + match[0].length;
+                }
+                // Add remaining text
+                if (lastIndex < remaining.length) {
+                    const textAfter = remaining.substring(lastIndex);
+                    if (textAfter) {
+                        parts.push(_jsx(React.Fragment, { children: textAfter }, `text-${lineIndex}-${keyCounter++}`));
+                    }
+                }
+                return parts;
+            };
+            const processedLine = processLine(line);
+            // Handle empty lines (creates paragraph spacing)
+            if (line.trim() === "" && lineIndex > 0) {
+                return _jsx("br", {}, `br-${lineIndex}`);
+            }
+            // Return the line with line break
+            return (_jsxs(React.Fragment, { children: [processedLine.length > 0 ? processedLine : line, lineIndex < lines.length - 1 && _jsx("br", {})] }, `line-${lineIndex}`));
+        });
+    };
+    return _jsx("div", { style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' }, children: renderMarkdown(text) });
+};
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/react/components/rtc-widget/components/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/MessageBubble.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface MessageBubbleProps {
+    children: React.ReactNode;
+    isUser?: boolean;
+    timestamp?: string;
+    className?: string;
+}
+export declare const MessageBubble: ({ children, isUser, timestamp, className, }: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/react/components/rtc-widget/components/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAepB,CAAC"}

package/dist/react/components/rtc-widget/components/MessageBubble.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleContainer, Bubble, Timestamp } from "../styles";
+const bubbleVariants = {
+    initial: {
+        opacity: 0,
+        y: 20,
+        scale: 0.95,
+    },
+    animate: {
+        opacity: 1,
+        y: 0,
+        scale: 1,
+    },
+    exit: {
+        opacity: 0,
+        y: -10,
+        scale: 0.95,
+    },
+};
+export const MessageBubble = ({ children, isUser = false, timestamp, className, }) => {
+    return (_jsxs(BubbleContainer, { "$isUser": isUser, className: className, initial: "initial", animate: "animate", exit: "exit", variants: bubbleVariants, transition: { duration: 0.2, ease: "easeInOut" }, children: [_jsx(Bubble, { "$isUser": isUser, children: children }), timestamp && _jsx(Timestamp, { "$isUser": isUser, children: timestamp })] }));
+};
+//# sourceMappingURL=MessageBubble.js.map

package/dist/react/components/rtc-widget/components/MessageBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageBubble.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAS/D,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,EAAE;QACL,KAAK,EAAE,IAAI;KACZ;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;KACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,CAAC,EAAE;QACN,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,GACU,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,eAAe,eACL,MAAM,EACf,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,aAEhD,KAAC,MAAM,eAAU,MAAM,YAAG,QAAQ,GAAU,EAC3C,SAAS,IAAI,KAAC,SAAS,eAAU,MAAM,YAAG,SAAS,GAAa,IACjD,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/rtc-widget/components/MessageList.d.ts

@@ -0,0 +1,11 @@
+import { RTCChatMessage } from "../types";
+type Message = RTCChatMessage;
+interface MessageListProps {
+    messages: Message[];
+    className?: string;
+    isStreaming?: boolean;
+    forceToBottomToken?: string | number | boolean;
+}
+export declare const MessageList: ({ messages, className, isStreaming, forceToBottomToken, }: MessageListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/react/components/rtc-widget/components/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageList.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAChD;AAED,eAAO,MAAM,WAAW,GAAI,2DAKzB,gBAAgB,4CAsHlB,CAAC"}

package/dist/react/components/rtc-widget/components/MessageList.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useEffect, useCallback } from "react";
+import { UserMessage } from "./UserMessage";
+import { ConviMessage } from "./ConviMessage";
+import { aeroTheme } from "../styles";
+import { MessageListContainer, MessageWrapper, EmptyState } from "../styles";
+export const MessageList = ({ messages, className, isStreaming = false, forceToBottomToken, }) => {
+    const containerRef = useRef(null);
+    const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);
+    // Handle scroll events
+    const handleScroll = useCallback((e) => {
+        const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
+        // Check if user is near bottom (within 100px)
+        const isNearBottom = scrollHeight - scrollTop - clientHeight < 100;
+        setShouldAutoScroll(isNearBottom);
+    }, []);
+    // Auto-scroll to bottom
+    const scrollToBottom = useCallback(() => {
+        const el = containerRef.current;
+        if (!el || !shouldAutoScroll)
+            return;
+        try {
+            el.scrollTo({ top: el.scrollHeight, behavior: isStreaming ? "smooth" : "auto" });
+        }
+        catch {
+            // Fallback for older browsers
+            el.scrollTop = el.scrollHeight;
+        }
+    }, [shouldAutoScroll, isStreaming]);
+    const scrollToBottomImmediate = useCallback(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        try {
+            el.scrollTo({ top: el.scrollHeight, behavior: "auto" });
+        }
+        catch {
+            el.scrollTop = el.scrollHeight;
+        }
+    }, []);
+    // Scroll to bottom on new messages
+    useEffect(() => {
+        if (messages.length > 0) {
+            // Use requestAnimationFrame to ensure DOM is updated
+            requestAnimationFrame(() => {
+                scrollToBottom();
+            });
+        }
+    }, [messages.length, scrollToBottom]);
+    // Observe size changes to keep smooth auto-scroll when message content grows
+    useEffect(() => {
+        const el = containerRef.current;
+        if (!el || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(() => {
+            if (!shouldAutoScroll)
+                return;
+            // Smooth during streaming, instant otherwise to prevent bounce at finalization
+            try {
+                el.scrollTo({ top: el.scrollHeight, behavior: isStreaming ? "smooth" : "auto" });
+            }
+            catch {
+                el.scrollTop = el.scrollHeight;
+            }
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [shouldAutoScroll, isStreaming]);
+    // Force bottom when token changes (e.g., when chat opens or after reload)
+    useEffect(() => {
+        if (forceToBottomToken !== undefined) {
+            requestAnimationFrame(() => scrollToBottomImmediate());
+        }
+    }, [forceToBottomToken, scrollToBottomImmediate]);
+    // Initial scroll to bottom
+    useEffect(() => {
+        if (containerRef.current && messages.length > 0) {
+            containerRef.current.scrollTop = containerRef.current.scrollHeight;
+        }
+    }, []);
+    if (messages.length === 0) {
+        return (_jsxs(EmptyState, { children: [_jsx("p", { children: "Start a conversation" }), _jsx("p", { style: {
+                        fontSize: aeroTheme.typography.sizes.caption,
+                        marginTop: 8,
+                    }, children: "Type a message below to begin chatting" })] }));
+    }
+    return (_jsx(MessageListContainer, { ref: containerRef, className: className, onScroll: handleScroll, children: messages.map((message) => (_jsx(MessageWrapper, { children: message.isUser ? (_jsx(UserMessage, { message: message.text, timestamp: message.timestamp, sender: message.sender })) : (_jsx(ConviMessage, { message: message.text, timestamp: message.timestamp, showLogo: message.showLogo, sender: message.sender })) }, message.id))) }));
+};
+//# sourceMappingURL=MessageList.js.map

package/dist/react/components/rtc-widget/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/UserMessage.d.ts

@@ -0,0 +1,9 @@
+interface UserMessageProps {
+    message: string;
+    timestamp?: string;
+    className?: string;
+    sender?: string;
+}
+export declare const UserMessage: ({ message, timestamp, className, sender, }: UserMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserMessage.d.ts.map

package/dist/react/components/rtc-widget/components/UserMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMessage.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/UserMessage.tsx"],"names":[],"mappings":"AAaA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,4CAKzB,gBAAgB,4CA6BlB,CAAC"}

package/dist/react/components/rtc-widget/components/UserMessage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { aeroTheme } from "../styles";
+import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles";
+import { FaUser } from "react-icons/fa";
+import { MarkdownRenderer } from "./MarkdownRenderer";
+export const UserMessage = ({ message, timestamp, className, sender, }) => {
+    return (_jsxs(UserMessageContainer, { className: className, children: [_jsxs(UserBubble, { children: [sender && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(FaUser, { size: 16, color: aeroTheme.colors.convai.dark }) }), _jsx(UserLabel, { children: sender === "User" ? "You" : sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
+                    fontSize: aeroTheme.typography.sizes.caption,
+                    color: aeroTheme.colors.text.secondary,
+                    marginTop: 4,
+                    alignSelf: "flex-end",
+                    fontFamily: aeroTheme.typography.fontFamily.body,
+                }, children: timestamp }))] }));
+};
+//# sourceMappingURL=UserMessage.js.map

package/dist/react/components/rtc-widget/components/UserMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMessage.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/UserMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,GACW,EAAE,EAAE;IACrB,OAAO,CACL,MAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,aACxC,MAAC,UAAU,eACR,MAAM,IAAI,CACT,MAAC,aAAa,eACZ,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,GAAI,GAC7C,EACd,KAAC,SAAS,cAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAa,IAC7C,CACjB,EACD,KAAC,gBAAgB,IAAC,IAAI,EAAE,OAAO,GAAI,IACxB,EACZ,SAAS,IAAI,CACZ,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO;oBAC5C,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;oBACtC,SAAS,EAAE,CAAC;oBACZ,SAAS,EAAE,UAAU;oBACrB,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;iBACjD,YAEA,SAAS,GACL,CACR,IACoB,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts

@@ -0,0 +1,6 @@
+interface ConviButtonProps {
+    isOpen: boolean;
+}
+export declare const ConviButton: ({ isOpen }: ConviButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConviButton.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviButton.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,YAAY,gBAAgB,4CAyBvD,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConvaiLogo } from "../../styles/icons";
+import { aeroTheme } from "../../styles/theme";
+import { iosTransitions } from "../../styles/framerConfig";
+import { ButtonContent, Logo } from "../../styles/styledComponents";
+export const ConviButton = ({ isOpen }) => {
+    return (_jsx(ButtonContent, { animate: {
+            opacity: isOpen ? 0 : 1,
+            scale: isOpen ? 0.8 : 1,
+        }, transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+        }, children: _jsx(Logo, { animate: { rotate: isOpen ? 90 : 0 }, transition: iosTransitions.layoutMorph, children: _jsx(ConvaiLogo, { size: "xl", color: aeroTheme.colors.primary[500], animate: isOpen, state: isOpen ? "connected" : "idle" }) }) }));
+};
+//# sourceMappingURL=ConviButton.js.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviButton.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAMpE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IAC1D,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACxB,EACD,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,WAAW;SAClB,YAED,KAAC,IAAI,IACH,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACpC,UAAU,EAAE,cAAc,CAAC,WAAW,YAEtC,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EACpC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GACpC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface ConviFooterProps {
+    inputMode: "conversation" | "speaker" | "voice" | "verbosity";
+    inputValue: string;
+    liveUserText: string;
+    chatbotMic: boolean;
+    localIsTyping: boolean;
+    convaiIsTyping: boolean;
+    isCreatingSpeaker: boolean;
+    isPressingMic: boolean;
+    isSettingsOpen: boolean;
+    isVoiceMode: boolean;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyPress: (e: React.KeyboardEvent) => void;
+    onSend: () => void;
+    onMicPress: () => void;
+    onMicRelease: () => void;
+    setIsPressingMic: (value: boolean) => void;
+    onToggleVoiceMode: () => void;
+    verbosityChanged?: boolean;
+    onContinue?: () => void;
+}
+export declare const ConviFooter: ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged, onContinue, }: ConviFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConviFooter.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,gBAAgB;IACxB,SAAS,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,GAAI,oRAoBzB,gBAAgB,4CA2RlB,CAAC"}