@liveblocks/react-ui 2.24.1 → 2.25.0-aiprivatebeta1

package/dist/_private/index.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
+var AiChatAssistantMessage = require('../components/internal/AiChatAssistantMessage.cjs');
+var AiChatComposer = require('../components/internal/AiChatComposer.cjs');
+var AiChatUserMessage = require('../components/internal/AiChatUserMessage.cjs');
 var Button = require('../components/internal/Button.cjs');
 var List = require('../components/internal/List.cjs');
 var Tooltip = require('../components/internal/Tooltip.cjs');
@@ -60,6 +63,9 @@ var Warning = require('../icons/Warning.cjs');
 
 
 
+exports.AiChatAssistantMessage = AiChatAssistantMessage.AiChatAssistantMessage;
+exports.AiChatComposer = AiChatComposer.AiChatComposer;
+exports.AiChatUserMessage = AiChatUserMessage.AiChatUserMessage;
 exports.Button = Button.Button;
 exports.SelectButton = Button.SelectButton;
 exports.List = List.List;

package/dist/_private/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_private/index.d.cts

@@ -1,9 +1,173 @@
 import * as react from 'react';
-import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormHTMLAttributes, FormEvent, ComponentProps, Ref, RefCallback } from 'react';
+import { UiAssistantMessage, CopilotId, MessageId, UiUserMessage } from '@liveblocks/core';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+type SlotProp = {
+    /**
+     * Replace the rendered element by the one passed as a child.
+     */
+    asChild?: boolean;
+};
+type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
+
+interface GlobalOverrides {
+    USER_SELF: string;
+    USER_UNKNOWN: string;
+    LIST_REMAINING: (count: number) => string;
+    LIST_REMAINING_USERS: (count: number) => string;
+    LIST_REMAINING_COMMENTS: (count: number) => string;
+    EMOJI_PICKER_SEARCH_PLACEHOLDER: string;
+    EMOJI_PICKER_EMPTY: ReactNode;
+    EMOJI_PICKER_ERROR: (error: Error) => ReactNode;
+    EMOJI_PICKER_CHANGE_SKIN_TONE: string;
+    ATTACHMENT_TOO_LARGE: (maxSize?: string) => string;
+    ATTACHMENT_ERROR: (error: Error) => string;
+}
+interface ChatComposerOverrides {
+    CHAT_COMPOSER_PLACEHOLDER: string;
+    CHAT_COMPOSER_SEND: string;
+    CHAT_COMPOSER_ATTACH_FILES: string;
+    CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    CHAT_COMPOSER_ABORT: string;
+}
+interface ChatMessageOverrides {
+    CHAT_MESSAGE_DELETED: string;
+    CHAT_MESSAGE_THINKING: string;
+    CHAT_MESSAGE_COPY: string;
+    CHAT_MESSAGE_TRY_AGAIN: string;
+}
+
+type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiAssistantMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides>;
+};
+declare const AiChatAssistantMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiAssistantMessage;
+    /**
+     * Whether to show or hide message actions.
+     * @internal
+     */
+    showActions?: boolean | "hover";
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides>;
+    /**
+     * @internal
+     * Whether to show or hide the regenerate button.
+     */
+    showRegenerate?: boolean;
+    /**
+     * @internal
+     * The id of the copilot to use to regenerate the message. Only used if `showRegenerate` is true.
+     */
+    copilotId?: CopilotId;
+} & react.RefAttributes<HTMLDivElement>>>;
+
+type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
+    /**
+     * The composer's initial value.
+     */
+    defaultValue?: string;
+    /**
+     * The event handler called when a chat message is submitted.
+     */
+    onComposerSubmit?: (message: {
+        /**
+         * The submitted message text.
+         */
+        text: string;
+    }, event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+};
+declare const AiChatComposer: react.ForwardRefExoticComponent<FormHTMLAttributes<HTMLFormElement> & {
+    /**
+     * The composer's initial value.
+     */
+    defaultValue?: string;
+    /**
+     * The event handler called when a chat message is submitted.
+     */
+    onComposerSubmit?: (message: {
+        /**
+         * The submitted message text.
+         */
+        text: string;
+    }, event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * @internal
+     */
+    branchId?: MessageId;
+    /**
+     * @internal
+     */
+    stream?: boolean;
+} & react.RefAttributes<HTMLFormElement>>;
+
+type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiUserMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides>;
+};
+declare const AiChatUserMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiUserMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides>;
+} & react.RefAttributes<HTMLDivElement>>>;
+
 interface ButtonProps extends ComponentProps<"button"> {
     variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
     size?: "default" | "large";
@@ -13,14 +177,6 @@ interface ButtonProps extends ComponentProps<"button"> {
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-type SlotProp = {
-    /**
-     * Replace the rendered element by the one passed as a child.
-     */
-    asChild?: boolean;
-};
-type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
-
 interface ListProps extends ComponentPropsWithSlot<"span"> {
     values: ReactNode[];
     formatRemaining?: (amount: number) => string;
@@ -159,4 +315,4 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-export { ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };
+export { AiChatAssistantMessage, AiChatAssistantMessageProps, AiChatComposer, AiChatComposerProps, AiChatUserMessage, AiChatUserMessageProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };

package/dist/_private/index.d.ts

@@ -1,9 +1,173 @@
 import * as react from 'react';
-import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormHTMLAttributes, FormEvent, ComponentProps, Ref, RefCallback } from 'react';
+import { UiAssistantMessage, CopilotId, MessageId, UiUserMessage } from '@liveblocks/core';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+type SlotProp = {
+    /**
+     * Replace the rendered element by the one passed as a child.
+     */
+    asChild?: boolean;
+};
+type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
+
+interface GlobalOverrides {
+    USER_SELF: string;
+    USER_UNKNOWN: string;
+    LIST_REMAINING: (count: number) => string;
+    LIST_REMAINING_USERS: (count: number) => string;
+    LIST_REMAINING_COMMENTS: (count: number) => string;
+    EMOJI_PICKER_SEARCH_PLACEHOLDER: string;
+    EMOJI_PICKER_EMPTY: ReactNode;
+    EMOJI_PICKER_ERROR: (error: Error) => ReactNode;
+    EMOJI_PICKER_CHANGE_SKIN_TONE: string;
+    ATTACHMENT_TOO_LARGE: (maxSize?: string) => string;
+    ATTACHMENT_ERROR: (error: Error) => string;
+}
+interface ChatComposerOverrides {
+    CHAT_COMPOSER_PLACEHOLDER: string;
+    CHAT_COMPOSER_SEND: string;
+    CHAT_COMPOSER_ATTACH_FILES: string;
+    CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    CHAT_COMPOSER_ABORT: string;
+}
+interface ChatMessageOverrides {
+    CHAT_MESSAGE_DELETED: string;
+    CHAT_MESSAGE_THINKING: string;
+    CHAT_MESSAGE_COPY: string;
+    CHAT_MESSAGE_TRY_AGAIN: string;
+}
+
+type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiAssistantMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides>;
+};
+declare const AiChatAssistantMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiAssistantMessage;
+    /**
+     * Whether to show or hide message actions.
+     * @internal
+     */
+    showActions?: boolean | "hover";
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides>;
+    /**
+     * @internal
+     * Whether to show or hide the regenerate button.
+     */
+    showRegenerate?: boolean;
+    /**
+     * @internal
+     * The id of the copilot to use to regenerate the message. Only used if `showRegenerate` is true.
+     */
+    copilotId?: CopilotId;
+} & react.RefAttributes<HTMLDivElement>>>;
+
+type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
+    /**
+     * The composer's initial value.
+     */
+    defaultValue?: string;
+    /**
+     * The event handler called when a chat message is submitted.
+     */
+    onComposerSubmit?: (message: {
+        /**
+         * The submitted message text.
+         */
+        text: string;
+    }, event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+};
+declare const AiChatComposer: react.ForwardRefExoticComponent<FormHTMLAttributes<HTMLFormElement> & {
+    /**
+     * The composer's initial value.
+     */
+    defaultValue?: string;
+    /**
+     * The event handler called when a chat message is submitted.
+     */
+    onComposerSubmit?: (message: {
+        /**
+         * The submitted message text.
+         */
+        text: string;
+    }, event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * @internal
+     */
+    branchId?: MessageId;
+    /**
+     * @internal
+     */
+    stream?: boolean;
+} & react.RefAttributes<HTMLFormElement>>;
+
+type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiUserMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides>;
+};
+declare const AiChatUserMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The message to display.
+     */
+    message: UiUserMessage;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides>;
+} & react.RefAttributes<HTMLDivElement>>>;
+
 interface ButtonProps extends ComponentProps<"button"> {
     variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
     size?: "default" | "large";
@@ -13,14 +177,6 @@ interface ButtonProps extends ComponentProps<"button"> {
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-type SlotProp = {
-    /**
-     * Replace the rendered element by the one passed as a child.
-     */
-    asChild?: boolean;
-};
-type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
-
 interface ListProps extends ComponentPropsWithSlot<"span"> {
     values: ReactNode[];
     formatRemaining?: (amount: number) => string;
@@ -159,4 +315,4 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-export { ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };
+export { AiChatAssistantMessage, AiChatAssistantMessageProps, AiChatComposer, AiChatComposerProps, AiChatUserMessage, AiChatUserMessageProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };

package/dist/_private/index.js

@@ -1,3 +1,6 @@
+export { AiChatAssistantMessage } from '../components/internal/AiChatAssistantMessage.js';
+export { AiChatComposer } from '../components/internal/AiChatComposer.js';
+export { AiChatUserMessage } from '../components/internal/AiChatUserMessage.js';
 export { Button, SelectButton } from '../components/internal/Button.js';
 export { List } from '../components/internal/List.js';
 export { ShortcutTooltip, Tooltip } from '../components/internal/Tooltip.js';

package/dist/_private/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/AiChat/AiChat.cjs

@@ -0,0 +1,211 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@liveblocks/core');
+var react$1 = require('@liveblocks/react');
+var _private = require('@liveblocks/react/_private');
+var react = require('react');
+var ChevronDown = require('../../icons/ChevronDown.cjs');
+var Spinner = require('../../icons/Spinner.cjs');
+var overrides = require('../../overrides.cjs');
+var classNames = require('../../utils/class-names.cjs');
+var AiChatAssistantMessage = require('../internal/AiChatAssistantMessage.cjs');
+var AiChatComposer = require('../internal/AiChatComposer.cjs');
+var AiChatUserMessage = require('../internal/AiChatUserMessage.cjs');
+
+const MIN_DISTANCE_TO_BOTTOM = 50;
+const AiChat = react.forwardRef(function({
+  chatId,
+  copilotId,
+  overrides: overrides$1,
+  contexts = [],
+  tools = {},
+  className,
+  ...props
+}, forwardedRef) {
+  const { messages, isLoading, error } = react$1.useAiChatMessages(chatId);
+  const $ = overrides.useOverrides(overrides$1);
+  const containerRef = react.useRef(null);
+  const [distanceToBottom, setDistanceToBottom] = react.useState(null);
+  const client = react$1.useClient();
+  react.useImperativeHandle(
+    forwardedRef,
+    () => containerRef.current,
+    []
+  );
+  react.useEffect(() => {
+    const unregister = contexts.map(
+      (context) => client[core.kInternal].ai.registerChatContext(chatId, context)
+    );
+    return () => {
+      unregister.forEach((unregister2) => unregister2());
+    };
+  }, [client, chatId, contexts]);
+  react.useEffect(() => {
+    Object.entries(tools).map(
+      ([key, value]) => client[core.kInternal].ai.registerChatTool(chatId, key, value)
+    );
+    return () => {
+      Object.entries(tools).map(
+        ([key]) => client[core.kInternal].ai.unregisterChatTool(chatId, key)
+      );
+    };
+  }, [client, chatId, tools]);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    function handleScrollChange() {
+      const container2 = containerRef.current;
+      if (container2 === null)
+        return;
+      setDistanceToBottom(
+        container2.scrollHeight - container2.clientHeight - container2.scrollTop
+      );
+    }
+    container.addEventListener("scroll", handleScrollChange);
+    return () => {
+      container.removeEventListener("scroll", handleScrollChange);
+    };
+  }, []);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    setDistanceToBottom(
+      container.scrollHeight - container.clientHeight - container.scrollTop
+    );
+  }, [messages]);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    const distanceToBottom2 = container.scrollHeight - container.clientHeight - container.scrollTop;
+    if (messages === void 0)
+      return;
+    const lastMessage = messages[messages.length - 1];
+    if (lastMessage !== void 0 && lastMessage.role === "user") {
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: "smooth"
+      });
+    } else if (distanceToBottom2 <= MIN_DISTANCE_TO_BOTTOM) {
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+  }, [messages]);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    const observer = new ResizeObserver(() => {
+      const container2 = containerRef.current;
+      if (container2 === null)
+        return;
+      setDistanceToBottom(
+        container2.scrollHeight - container2.clientHeight - container2.scrollTop
+      );
+    });
+    observer.observe(container);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const scrollToBottomCallbackRef = react.useRef(void 0);
+  if (scrollToBottomCallbackRef.current === void 0) {
+    scrollToBottomCallbackRef.current = function() {
+      const container = containerRef.current;
+      if (container === null)
+        return;
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: "instant"
+      });
+    };
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    ref: containerRef,
+    ...props,
+    className: classNames.classNames("lb-root lb-ai-chat", className),
+    children: [
+      isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: "lb-ai-chat-loading lb-loading",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {})
+      }) : error !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: "lb-ai-chat-error lb-error",
+        children: $.GET_CHAT_MESSAGES_ERROR(error)
+      }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: "lb-ai-chat-messages",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Messages, {
+          messages,
+          overrides: $,
+          onDistanceToBottomChange: scrollToBottomCallbackRef.current
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: "lb-ai-chat-footer",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-footer-actions",
+            children: /* @__PURE__ */ jsxRuntime.jsx("button", {
+              className: "lb-ai-chat-scroll-button lb-button",
+              "data-visible": distanceToBottom !== null && distanceToBottom > MIN_DISTANCE_TO_BOTTOM ? "" : void 0,
+              "data-variant": "secondary",
+              onClick: () => {
+                const container = containerRef.current;
+                if (container === null)
+                  return;
+                container.scrollTo({
+                  top: container.scrollHeight,
+                  behavior: "smooth"
+                });
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: "lb-icon-container",
+                children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown.ChevronDownIcon, {})
+              })
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(AiChatComposer.AiChatComposer, {
+            chatId,
+            copilotId,
+            className: "lb-ai-chat-composer",
+            overrides: $
+          }, chatId)
+        ]
+      })
+    ]
+  });
+});
+function Messages({
+  messages,
+  overrides: overrides$1,
+  onDistanceToBottomChange
+}) {
+  const $ = overrides.useOverrides(overrides$1);
+  _private.useLayoutEffect(() => {
+    onDistanceToBottomChange();
+  }, [onDistanceToBottomChange]);
+  return messages.map((message) => {
+    if (message.role === "user") {
+      return /* @__PURE__ */ jsxRuntime.jsx(AiChatUserMessage.AiChatUserMessage, {
+        message,
+        overrides: $,
+        className: "lb-ai-chat-messages-user-message"
+      }, message.id);
+    } else if (message.role === "assistant") {
+      return /* @__PURE__ */ jsxRuntime.jsx(AiChatAssistantMessage.AiChatAssistantMessage, {
+        message,
+        overrides: $,
+        className: "lb-ai-chat-messages-assistant-message"
+      }, message.id);
+    } else {
+      return null;
+    }
+  });
+}
+
+exports.AiChat = AiChat;
+//# sourceMappingURL=AiChat.cjs.map

package/dist/components/AiChat/AiChat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChat.cjs","sources":["../../../src/components/AiChat/AiChat.tsx"],"sourcesContent":["import {\n  type AiChatContext,\n  type ClientToolDefinition,\n  type CopilotId,\n  kInternal,\n  type UiChatMessage,\n} from \"@liveblocks/core\";\nimport { useAiChatMessages, useClient } from \"@liveblocks/react\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { SpinnerIcon } from \"../../icons/Spinner\";\nimport {\n  type ChatComposerOverrides,\n  type ChatMessageOverrides,\n  type ChatOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { AiChatAssistantMessage } from \"../internal/AiChatAssistantMessage\";\nimport { AiChatComposer } from \"../internal/AiChatComposer\";\nimport { AiChatUserMessage } from \"../internal/AiChatUserMessage\";\n\n/**\n * The number of pixels from the bottom of the messages list to trigger the scroll to bottom.\n */\nconst MIN_DISTANCE_TO_BOTTOM = 50;\n\nexport type AiChatProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The id of the chat the composer belongs to.\n   */\n  chatId: string;\n  /**\n   * The id of the copilot to use to send the message.\n   */\n  copilotId?: CopilotId;\n  /**\n   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  contexts?: AiChatContext[];\n  /**\n   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  tools?: Record<string, ClientToolDefinition>;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides &\n      ChatMessageOverrides &\n      ChatComposerOverrides &\n      ChatOverrides\n  >;\n};\nexport const AiChat = forwardRef<HTMLDivElement, AiChatProps>(function (\n  {\n    chatId,\n    copilotId,\n    overrides,\n    contexts = [],\n    tools = {},\n    className,\n    ...props\n  },\n  forwardedRef\n) {\n  const { messages, isLoading, error } = useAiChatMessages(chatId);\n  const $ = useOverrides(overrides);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [distanceToBottom, setDistanceToBottom] = useState<number | null>(null);\n  const client = useClient();\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n    forwardedRef,\n    () => containerRef.current,\n    []\n  );\n\n  // Add the provided contextual information to the chat on mount and remove on unmount\n  // Note: 'contexts' will most likely be a new object on each render (unless user passes a stable object), but this won't be an issue as context addition and removal is a quick operation\n  useEffect(() => {\n    const unregister = contexts.map((context) =>\n      client[kInternal].ai.registerChatContext(chatId, context)\n    );\n    return () => {\n      unregister.forEach((unregister) => unregister());\n    };\n  }, [client, chatId, contexts]);\n\n  // Register the provided tools to the chat on mount and unregister them on unmount\n  useEffect(() => {\n    Object.entries(tools).map(([key, value]) =>\n      client[kInternal].ai.registerChatTool(chatId, key, value)\n    );\n    return () => {\n      Object.entries(tools).map(([key]) =>\n        client[kInternal].ai.unregisterChatTool(chatId, key)\n      );\n    };\n  }, [client, chatId, tools]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n    function handleScrollChange() {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    }\n    container.addEventListener(\"scroll\", handleScrollChange);\n    return () => {\n      container.removeEventListener(\"scroll\", handleScrollChange);\n    };\n  }, []);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    setDistanceToBottom(\n      container.scrollHeight - container.clientHeight - container.scrollTop\n    );\n  }, [messages]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    const distanceToBottom =\n      container.scrollHeight - container.clientHeight - container.scrollTop;\n\n    if (messages === undefined) return;\n    const lastMessage = messages[messages.length - 1];\n    if (lastMessage !== undefined && lastMessage.role === \"user\") {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"smooth\",\n      });\n    } else if (distanceToBottom <= MIN_DISTANCE_TO_BOTTOM) {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"smooth\",\n      });\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    const observer = new ResizeObserver(() => {\n      const container = containerRef.current;\n      if (container === null) return;\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const scrollToBottomCallbackRef = useRef<() => void>(undefined);\n  if (scrollToBottomCallbackRef.current === undefined) {\n    scrollToBottomCallbackRef.current = function () {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"instant\",\n      });\n    };\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      className={classNames(\"lb-root lb-ai-chat\", className)}\n    >\n      {isLoading ? (\n        <div className=\"lb-ai-chat-loading lb-loading\">\n          <SpinnerIcon />\n        </div>\n      ) : error !== undefined ? (\n        <div className=\"lb-ai-chat-error lb-error\">\n          {$.GET_CHAT_MESSAGES_ERROR(error)}\n        </div>\n      ) : (\n        <div className=\"lb-ai-chat-messages\">\n          <Messages\n            messages={messages}\n            overrides={$}\n            onDistanceToBottomChange={scrollToBottomCallbackRef.current}\n          />\n        </div>\n      )}\n\n      <div className=\"lb-ai-chat-footer\">\n        <div className=\"lb-ai-chat-footer-actions\">\n          <button\n            className=\"lb-ai-chat-scroll-button lb-button\"\n            data-visible={\n              distanceToBottom !== null &&\n              distanceToBottom > MIN_DISTANCE_TO_BOTTOM\n                ? \"\"\n                : undefined\n            }\n            data-variant=\"secondary\"\n            onClick={() => {\n              const container = containerRef.current;\n              if (container === null) return;\n\n              container.scrollTo({\n                top: container.scrollHeight,\n                behavior: \"smooth\",\n              });\n            }}\n          >\n            <span className=\"lb-icon-container\">\n              <ChevronDownIcon />\n            </span>\n          </button>\n        </div>\n        <AiChatComposer\n          key={chatId}\n          chatId={chatId}\n          copilotId={copilotId}\n          className=\"lb-ai-chat-composer\"\n          overrides={$}\n        />\n      </div>\n    </div>\n  );\n});\n\nfunction Messages({\n  messages,\n  overrides,\n  onDistanceToBottomChange,\n}: {\n  messages: readonly UiChatMessage[];\n  overrides: Partial<GlobalOverrides & ChatMessageOverrides>;\n  onDistanceToBottomChange: () => void;\n}) {\n  const $ = useOverrides(overrides);\n\n  useLayoutEffect(() => {\n    onDistanceToBottomChange();\n  }, [onDistanceToBottomChange]);\n\n  return messages.map((message) => {\n    if (message.role === \"user\") {\n      return (\n        <AiChatUserMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-user-message\"\n        />\n      );\n    } else if (message.role === \"assistant\") {\n      return (\n        <AiChatAssistantMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-assistant-message\"\n        />\n      );\n    } else {\n      return null;\n    }\n  });\n}\n"],"names":["forwardRef","overrides","useAiChatMessages","useOverrides","useRef","useState","useClient","useImperativeHandle","useEffect","kInternal","unregister","container","distanceToBottom","jsxs","classNames","jsx","SpinnerIcon","ChevronDownIcon","AiChatComposer","useLayoutEffect","AiChatUserMessage","AiChatAssistantMessage"],"mappings":"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"}