@liveblocks/react-ui 2.25.0-aiprivatebeta4 → 2.25.0-aiprivatebeta6

package/dist/_private/index.cjs

@@ -28,6 +28,7 @@ var ChevronRight = require('../icons/ChevronRight.cjs');
 var ChevronUp = require('../icons/ChevronUp.cjs');
 var Code = require('../icons/Code.cjs');
 var Comment = require('../icons/Comment.cjs');
+var Copy = require('../icons/Copy.cjs');
 var Cross = require('../icons/Cross.cjs');
 var Delete = require('../icons/Delete.cjs');
 var Edit = require('../icons/Edit.cjs');
@@ -47,6 +48,7 @@ var Redo = require('../icons/Redo.cjs');
 var Resolve = require('../icons/Resolve.cjs');
 var Resolved = require('../icons/Resolved.cjs');
 var Restore = require('../icons/Restore.cjs');
+var Retry = require('../icons/Retry.cjs');
 var Search = require('../icons/Search.cjs');
 var Send = require('../icons/Send.cjs');
 var Shorten = require('../icons/Shorten.cjs');
@@ -95,6 +97,7 @@ exports.ChevronRightIcon = ChevronRight.ChevronRightIcon;
 exports.ChevronUpIcon = ChevronUp.ChevronUpIcon;
 exports.CodeIcon = Code.CodeIcon;
 exports.CommentIcon = Comment.CommentIcon;
+exports.CopyIcon = Copy.CopyIcon;
 exports.CrossIcon = Cross.CrossIcon;
 exports.DeleteIcon = Delete.DeleteIcon;
 exports.EditIcon = Edit.EditIcon;
@@ -114,6 +117,7 @@ exports.RedoIcon = Redo.RedoIcon;
 exports.ResolveIcon = Resolve.ResolveIcon;
 exports.ResolvedIcon = Resolved.ResolvedIcon;
 exports.RestoreIcon = Restore.RestoreIcon;
+exports.RetryIcon = Retry.RetryIcon;
 exports.SearchIcon = Search.SearchIcon;
 exports.SendIcon = Send.SendIcon;
 exports.ShortenIcon = Shorten.ShortenIcon;

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,6 +1,6 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormHTMLAttributes, FormEvent, ComponentProps, Ref, RefCallback } from 'react';
-import { UiAssistantMessage, CopilotId, MessageId, UiUserMessage } from '@liveblocks/core';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentProps, FormEvent, Ref, RefCallback } from 'react';
+import { UiAssistantMessage, CopilotId, 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';
@@ -26,21 +26,21 @@ interface GlobalOverrides {
     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 AiChatComposerOverrides {
+    AI_CHAT_COMPOSER_PLACEHOLDER: string;
+    AI_CHAT_COMPOSER_SEND: string;
+    AI_CHAT_COMPOSER_ATTACH_FILES: string;
+    AI_CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    AI_CHAT_COMPOSER_ABORT: string;
 }
-interface ChatMessageOverrides {
-    CHAT_MESSAGE_DELETED: string;
-    CHAT_MESSAGE_THINKING: string;
-    CHAT_MESSAGE_COPY: string;
-    CHAT_MESSAGE_TRY_AGAIN: string;
+interface AiChatMessageOverrides {
+    AI_CHAT_MESSAGE_DELETED: string;
+    AI_CHAT_MESSAGE_THINKING: string;
+    AI_CHAT_MESSAGE_COPY: string;
+    AI_CHAT_MESSAGE_TRY_AGAIN: string;
 }
 
-type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
+interface AiChatAssistantMessageProps extends ComponentProps<"div"> {
     /**
      * The message to display.
      */
@@ -48,35 +48,11 @@ type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * 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>>>;
+    overrides?: Partial<GlobalOverrides & AiChatMessageOverrides>;
+}
+declare const AiChatAssistantMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatAssistantMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
 
-type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
+interface AiChatComposerProps extends ComponentProps<"form"> {
     /**
      * The composer's initial value.
      */
@@ -95,40 +71,13 @@ type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
      */
     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.
+     * Whether to focus the editor on mount.
      */
-    onComposerSubmit?: (message: {
-        /**
-         * The submitted message text.
-         */
-        text: string;
-    }, event: FormEvent<HTMLFormElement>) => void;
-    /**
-     * Whether the composer is disabled.
-     */
-    disabled?: boolean;
+    autoFocus?: boolean;
     /**
      * Override the component's strings.
      */
-    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    overrides?: Partial<GlobalOverrides & AiChatComposerOverrides>;
     /**
      * The id of the chat the composer belongs to.
      */
@@ -137,17 +86,10 @@ declare const AiChatComposer: react.ForwardRefExoticComponent<FormHTMLAttributes
      * The id of the copilot to use to send the message.
      */
     copilotId?: CopilotId;
-    /**
-     * @internal
-     */
-    branchId?: MessageId;
-    /**
-     * @internal
-     */
-    stream?: boolean;
-} & react.RefAttributes<HTMLFormElement>>;
+}
+declare const AiChatComposer: react.ForwardRefExoticComponent<Omit<AiChatComposerProps, "ref"> & react.RefAttributes<HTMLFormElement>>;
 
-type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
+interface AiChatUserMessageProps extends ComponentProps<"div"> {
     /**
      * The message to display.
      */
@@ -156,17 +98,8 @@ type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
      * 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>>>;
+}
+declare const AiChatUserMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatUserMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
 
 interface ButtonProps extends ComponentProps<"button"> {
     variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
@@ -239,6 +172,8 @@ declare function CodeIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.E
 
 declare function CommentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function CopyIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CrossIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function DeleteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -277,6 +212,8 @@ declare function ResolvedIcon(props: ComponentProps<"svg">): react_jsx_runtime.J
 
 declare function RestoreIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function RetryIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function SearchIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function SendIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -315,4 +252,4 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-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 };
+export { AiChatAssistantMessage, AiChatAssistantMessageProps, AiChatComposer, AiChatComposerProps, AiChatUserMessage, AiChatUserMessageProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CopyIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, RetryIcon, 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,6 +1,6 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormHTMLAttributes, FormEvent, ComponentProps, Ref, RefCallback } from 'react';
-import { UiAssistantMessage, CopilotId, MessageId, UiUserMessage } from '@liveblocks/core';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentProps, FormEvent, Ref, RefCallback } from 'react';
+import { UiAssistantMessage, CopilotId, 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';
@@ -26,21 +26,21 @@ interface GlobalOverrides {
     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 AiChatComposerOverrides {
+    AI_CHAT_COMPOSER_PLACEHOLDER: string;
+    AI_CHAT_COMPOSER_SEND: string;
+    AI_CHAT_COMPOSER_ATTACH_FILES: string;
+    AI_CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    AI_CHAT_COMPOSER_ABORT: string;
 }
-interface ChatMessageOverrides {
-    CHAT_MESSAGE_DELETED: string;
-    CHAT_MESSAGE_THINKING: string;
-    CHAT_MESSAGE_COPY: string;
-    CHAT_MESSAGE_TRY_AGAIN: string;
+interface AiChatMessageOverrides {
+    AI_CHAT_MESSAGE_DELETED: string;
+    AI_CHAT_MESSAGE_THINKING: string;
+    AI_CHAT_MESSAGE_COPY: string;
+    AI_CHAT_MESSAGE_TRY_AGAIN: string;
 }
 
-type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
+interface AiChatAssistantMessageProps extends ComponentProps<"div"> {
     /**
      * The message to display.
      */
@@ -48,35 +48,11 @@ type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * 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>>>;
+    overrides?: Partial<GlobalOverrides & AiChatMessageOverrides>;
+}
+declare const AiChatAssistantMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatAssistantMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
 
-type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
+interface AiChatComposerProps extends ComponentProps<"form"> {
     /**
      * The composer's initial value.
      */
@@ -95,40 +71,13 @@ type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {
      */
     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.
+     * Whether to focus the editor on mount.
      */
-    onComposerSubmit?: (message: {
-        /**
-         * The submitted message text.
-         */
-        text: string;
-    }, event: FormEvent<HTMLFormElement>) => void;
-    /**
-     * Whether the composer is disabled.
-     */
-    disabled?: boolean;
+    autoFocus?: boolean;
     /**
      * Override the component's strings.
      */
-    overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;
+    overrides?: Partial<GlobalOverrides & AiChatComposerOverrides>;
     /**
      * The id of the chat the composer belongs to.
      */
@@ -137,17 +86,10 @@ declare const AiChatComposer: react.ForwardRefExoticComponent<FormHTMLAttributes
      * The id of the copilot to use to send the message.
      */
     copilotId?: CopilotId;
-    /**
-     * @internal
-     */
-    branchId?: MessageId;
-    /**
-     * @internal
-     */
-    stream?: boolean;
-} & react.RefAttributes<HTMLFormElement>>;
+}
+declare const AiChatComposer: react.ForwardRefExoticComponent<Omit<AiChatComposerProps, "ref"> & react.RefAttributes<HTMLFormElement>>;
 
-type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
+interface AiChatUserMessageProps extends ComponentProps<"div"> {
     /**
      * The message to display.
      */
@@ -156,17 +98,8 @@ type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {
      * 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>>>;
+}
+declare const AiChatUserMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatUserMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
 
 interface ButtonProps extends ComponentProps<"button"> {
     variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
@@ -239,6 +172,8 @@ declare function CodeIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.E
 
 declare function CommentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function CopyIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CrossIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function DeleteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -277,6 +212,8 @@ declare function ResolvedIcon(props: ComponentProps<"svg">): react_jsx_runtime.J
 
 declare function RestoreIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function RetryIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function SearchIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function SendIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -315,4 +252,4 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-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 };
+export { AiChatAssistantMessage, AiChatAssistantMessageProps, AiChatComposer, AiChatComposerProps, AiChatUserMessage, AiChatUserMessageProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CopyIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, RetryIcon, 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

@@ -26,6 +26,7 @@ export { ChevronRightIcon } from '../icons/ChevronRight.js';
 export { ChevronUpIcon } from '../icons/ChevronUp.js';
 export { CodeIcon } from '../icons/Code.js';
 export { CommentIcon } from '../icons/Comment.js';
+export { CopyIcon } from '../icons/Copy.js';
 export { CrossIcon } from '../icons/Cross.js';
 export { DeleteIcon } from '../icons/Delete.js';
 export { EditIcon } from '../icons/Edit.js';
@@ -45,6 +46,7 @@ export { RedoIcon } from '../icons/Redo.js';
 export { ResolveIcon } from '../icons/Resolve.js';
 export { ResolvedIcon } from '../icons/Resolved.js';
 export { RestoreIcon } from '../icons/Restore.js';
+export { RetryIcon } from '../icons/Retry.js';
 export { SearchIcon } from '../icons/Search.js';
 export { SendIcon } from '../icons/Send.js';
 export { ShortenIcon } from '../icons/Shorten.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.cjs

@@ -0,0 +1,217 @@
+'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 ArrowDown = require('../icons/ArrowDown.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(
+  ({
+    chatId,
+    copilotId,
+    autoFocus,
+    overrides: overrides$1,
+    knowledgeSources = [],
+    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 = knowledgeSources.map(
+        (source) => client[core.kInternal].ai.registerKnowledgeSource(chatId, source)
+      );
+      return () => {
+        unregister.forEach((unregister2) => unregister2());
+      };
+    }, [client, chatId, knowledgeSources]);
+    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;
+      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"
+        });
+      }
+    }, [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"
+        });
+      };
+    }
+    const isScrollIndicatorVisible = distanceToBottom !== null && distanceToBottom > MIN_DISTANCE_TO_BOTTOM;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      ref: containerRef,
+      ...props,
+      className: classNames.classNames("lb-root lb-ai-chat", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "lb-ai-chat-content",
+          children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-loading lb-ai-chat-loading",
+            children: /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {})
+          }) : error !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-error lb-ai-chat-error",
+            children: $.AI_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("div", {
+                className: "lb-elevation lb-ai-chat-scroll-indicator",
+                "data-visible": isScrollIndicatorVisible ? "" : void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx("button", {
+                  className: "lb-ai-chat-scroll-indicator-button",
+                  tabIndex: isScrollIndicatorVisible ? 0 : -1,
+                  "aria-hidden": !isScrollIndicatorVisible,
+                  disabled: !isScrollIndicatorVisible,
+                  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(ArrowDown.ArrowDownIcon, {})
+                  })
+                })
+              })
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(AiChatComposer.AiChatComposer, {
+              chatId,
+              copilotId,
+              overrides: $,
+              autoFocus
+            }, 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: $
+      }, message.id);
+    } else if (message.role === "assistant") {
+      return /* @__PURE__ */ jsxRuntime.jsx(AiChatAssistantMessage.AiChatAssistantMessage, {
+        message,
+        overrides: $
+      }, message.id);
+    } else {
+      return null;
+    }
+  });
+}
+
+exports.AiChat = AiChat;
+//# sourceMappingURL=AiChat.cjs.map