@liveblocks/react-ui 2.25.0-aiprivatebeta5 → 2.25.0-aiprivatebeta7

package/dist/components/internal/AiChatComposer.js

@@ -1,26 +1,23 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { kInternal, shallow, assert } from '@liveblocks/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { kInternal } from '@liveblocks/core';
 import { useClient } from '@liveblocks/react';
-import { useSignal, useSyncExternalStoreWithSelector } from '@liveblocks/react/_private';
-import { forwardRef, useCallback, useContext, useState, useEffect } from 'react';
-import '../../_private/index.js';
+import { useSignal } from '@liveblocks/react/_private';
+import { forwardRef, useCallback } from 'react';
+import { SendIcon } from '../../icons/Send.js';
+import { StopIcon } from '../../icons/Stop.js';
 import { useOverrides } from '../../overrides.js';
-import '../../primitives/index.js';
-import { Form, Editor, Submit, ComposerContext, MAX_ATTACHMENT_SIZE } from '../../primitives/Chat/Composer/index.js';
+import { AiChatComposerForm, AiChatComposerEditor, AiChatComposerSubmit } from '../../primitives/AiChatComposer/index.js';
 import { classNames } from '../../utils/class-names.js';
-import { formatFileSize } from '../../utils/format-file-size.js';
+import { Button } from './Button.js';
+import { ShortcutTooltip } from './Tooltip.js';
 import { TooltipProvider } from '@radix-ui/react-tooltip';
-import { ShortcutTooltip, Tooltip } from './Tooltip.js';
-import { AttachmentTooLargeError } from '../../primitives/Composer/utils.js';
-import { SpinnerIcon } from '../../icons/Spinner.js';
-import { WarningIcon } from '../../icons/Warning.js';
-import { CrossIcon } from '../../icons/Cross.js';
 
 const AiChatComposer = forwardRef(
   ({
     defaultValue,
     onComposerSubmit,
     disabled,
+    autoFocus,
     overrides,
     className,
     chatId,
@@ -80,8 +77,11 @@ const AiChatComposer = forwardRef(
       ]
     );
     return /* @__PURE__ */ jsx(TooltipProvider, {
-      children: /* @__PURE__ */ jsx(Form, {
-        className: classNames("lb-ai-chat-composer-form", className),
+      children: /* @__PURE__ */ jsx(AiChatComposerForm, {
+        className: classNames(
+          "lb-ai-chat-composer lb-ai-chat-composer-form",
+          className
+        ),
         chatId,
         dir: $.dir,
         ...props,
@@ -91,13 +91,12 @@ const AiChatComposer = forwardRef(
         children: /* @__PURE__ */ jsxs("div", {
           className: "lb-ai-chat-composer-editor-container",
           children: [
-            /* @__PURE__ */ jsx(Editor, {
-              autoFocus: true,
+            /* @__PURE__ */ jsx(AiChatComposerEditor, {
+              autoFocus,
               className: "lb-ai-chat-composer-editor",
-              placeholder: $.CHAT_COMPOSER_PLACEHOLDER,
+              placeholder: $.AI_CHAT_COMPOSER_PLACEHOLDER,
               defaultValue
             }),
-            /* @__PURE__ */ jsx(Attachments, {}),
             /* @__PURE__ */ jsxs("div", {
               className: "lb-ai-chat-composer-footer",
               children: [
@@ -107,72 +106,31 @@ const AiChatComposer = forwardRef(
                 /* @__PURE__ */ jsx("div", {
                   className: "lb-ai-chat-composer-actions",
                   children: pendingMessage === void 0 ? /* @__PURE__ */ jsx(ShortcutTooltip, {
-                    content: $.CHAT_COMPOSER_SEND,
+                    content: $.AI_CHAT_COMPOSER_SEND,
                     shortcut: "Enter",
-                    children: /* @__PURE__ */ jsx(Submit, {
-                      className: "lb-button lb-ai-chat-composer-action",
-                      "data-variant": "primary",
-                      "data-size": "default",
-                      "aria-label": $.CHAT_COMPOSER_SEND,
-                      onPointerDown: (event) => event.preventDefault(),
-                      onClick: (event) => event.stopPropagation(),
-                      children: /* @__PURE__ */ jsx("span", {
-                        className: "lb-icon-container",
-                        children: /* @__PURE__ */ jsx("svg", {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          width: 20,
-                          height: 20,
-                          viewBox: `0 0 ${20} ${20}`,
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: 1.5,
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          role: "presentation",
-                          className: "lb-icon",
-                          children: /* @__PURE__ */ jsx("path", {
-                            d: "m5 16 12-6L5 4l2 6-2 6ZM7 10h10"
-                          })
-                        })
+                    children: /* @__PURE__ */ jsx(AiChatComposerSubmit, {
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx(Button, {
+                        onPointerDown: (event) => event.preventDefault(),
+                        onClick: (event) => event.stopPropagation(),
+                        className: "lb-ai-chat-composer-action",
+                        variant: "primary",
+                        "aria-label": $.AI_CHAT_COMPOSER_SEND,
+                        icon: /* @__PURE__ */ jsx(SendIcon, {})
                       })
                     })
                   }) : /* @__PURE__ */ jsx(ShortcutTooltip, {
-                    content: $.CHAT_COMPOSER_ABORT,
-                    children: /* @__PURE__ */ jsx("button", {
-                      type: "button",
-                      className: "lb-button lb-ai-chat-composer-action",
-                      "data-variant": "primary",
-                      "data-size": "default",
-                      "aria-label": $.CHAT_COMPOSER_ABORT,
+                    content: $.AI_CHAT_COMPOSER_ABORT,
+                    children: /* @__PURE__ */ jsx(Button, {
                       onPointerDown: (event) => event.preventDefault(),
                       onClick: (event) => {
                         event.stopPropagation();
                         client[kInternal].ai.abort(pendingMessage);
                       },
-                      children: /* @__PURE__ */ jsx("span", {
-                        className: "lb-icon-container",
-                        children: /* @__PURE__ */ jsx("svg", {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          width: 20,
-                          height: 20,
-                          viewBox: "0 0 20 20",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: 1.5,
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          role: "presentation",
-                          className: "lb-icon",
-                          children: /* @__PURE__ */ jsx("rect", {
-                            x: 5,
-                            y: 5,
-                            width: 10,
-                            height: 10,
-                            rx: 1,
-                            fill: "currentColor"
-                          })
-                        })
-                      })
+                      className: "lb-ai-chat-composer-action",
+                      variant: "secondary",
+                      "aria-label": $.AI_CHAT_COMPOSER_ABORT,
+                      icon: /* @__PURE__ */ jsx(StopIcon, {})
                     })
                   })
                 })
@@ -184,196 +142,6 @@ const AiChatComposer = forwardRef(
     });
   }
 );
-const Attachments = forwardRef(
-  ({ className, overrides, ...props }, forwardedRef) => {
-    const context = useContext(ComposerContext);
-    if (context === null) {
-      throw new Error("Attachments must be a descendant of Form.");
-    }
-    const { attachments } = context;
-    if (attachments.length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", {
-      ...props,
-      ref: forwardedRef,
-      className: classNames("lb-ai-chat-composer-attachments", className),
-      children: /* @__PURE__ */ jsx("div", {
-        className: "lb-attachments",
-        children: attachments.map((attachment) => /* @__PURE__ */ jsx(Attachment, {
-          attachment,
-          overrides
-        }, attachment.id))
-      })
-    });
-  }
-);
-function Attachment({
-  attachment,
-  overrides
-}) {
-  if (!attachment.file.type.startsWith("image/")) {
-    throw new Error("Only image attachments are supported.");
-  }
-  const context = useContext(ComposerContext);
-  if (context === null) {
-    throw new Error("Attachment must be a descendant of Form.");
-  }
-  const { chatId, onRemoveAttachment } = context;
-  const { base, extension } = splitFileName(attachment.file.name);
-  const $ = useOverrides(overrides);
-  let description;
-  if (attachment.status === "error") {
-    if (attachment.error instanceof AttachmentTooLargeError) {
-      description = $.ATTACHMENT_TOO_LARGE(
-        MAX_ATTACHMENT_SIZE ? formatFileSize(MAX_ATTACHMENT_SIZE, $.locale) : void 0
-      );
-    } else {
-      description = $.ATTACHMENT_ERROR(attachment.error);
-    }
-  } else {
-    description = formatFileSize(attachment.file.size, $.locale);
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: "lb-attachment lb-file-attachment lb-ai-chat-composer-attachment",
-    "data-error": attachment.status === "error" ? "" : void 0,
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: "lb-attachment-preview",
-        children: attachment.status === "uploading" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : attachment.status === "error" ? /* @__PURE__ */ jsx(WarningIcon, {}) : /* @__PURE__ */ jsx(ImageAttachmentPreview, {
-          chatId,
-          ...attachment
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "lb-attachment-details",
-        children: [
-          /* @__PURE__ */ jsxs("span", {
-            className: "lb-attachment-name",
-            title: attachment.file.name,
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "lb-attachment-name-base",
-                children: base
-              }),
-              extension && /* @__PURE__ */ jsx("span", {
-                className: "lb-attachment-name-extension",
-                children: extension
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "lb-attachment-description",
-            title: description,
-            children: description
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Tooltip, {
-        content: $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
-        children: /* @__PURE__ */ jsx("button", {
-          type: "button",
-          className: "lb-attachment-delete",
-          onClick: () => onRemoveAttachment(attachment.id),
-          onPointerDown: (event) => event.preventDefault(),
-          "aria-label": $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
-          children: /* @__PURE__ */ jsx(CrossIcon, {})
-        })
-      })
-    ]
-  });
-}
-const MAX_DISPLAYED_MEDIA_SIZE = 60 * 1024 * 1024;
-function ImageAttachmentPreview({
-  chatId,
-  id,
-  file
-}) {
-  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);
-  const { url } = useChatAttachmentUrl(chatId, id);
-  const [isLoaded, setLoaded] = useState(false);
-  if (!isUnsupportedPreview && file.size <= MAX_DISPLAYED_MEDIA_SIZE) {
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        !isLoaded ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null,
-        url ? /* @__PURE__ */ jsx("div", {
-          className: "lb-attachment-preview-media",
-          children: /* @__PURE__ */ jsx("img", {
-            src: url,
-            loading: "lazy",
-            onLoad: () => setLoaded(true),
-            onError: () => setUnsupportedPreview(true)
-          })
-        }) : null
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs("svg", {
-    className: "lb-attachment-icon",
-    width: 30,
-    height: 30,
-    viewBox: "0 0 30 30",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-shadow"
-      }),
-      /* @__PURE__ */ jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-background"
-      }),
-      /* @__PURE__ */ jsx("path", {
-        d: "M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z",
-        className: "lb-attachment-icon-fold"
-      }),
-      /* @__PURE__ */ jsx("g", {
-        className: "lb-attachment-icon-glyph",
-        children: /* @__PURE__ */ jsx("path", {
-          d: "M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-        })
-      })
-    ]
-  });
-}
-function splitFileName(name) {
-  const match = name.match(/^(.+?)(\.[^.]+)?$/);
-  return { base: match?.[1] ?? name, extension: match?.[2] };
-}
-function useChatAttachmentUrl(chatId, attachmentId) {
-  const client = useClient();
-  const store = client[kInternal].httpClient.getOrCreateChatAttachmentUrlsStore(chatId);
-  const getAttachmentUrlState = useCallback(
-    () => store.getItemState(attachmentId),
-    [store, attachmentId]
-  );
-  useEffect(() => {
-    void store.enqueue(attachmentId);
-  }, [store, attachmentId]);
-  return useSyncExternalStoreWithSelector(
-    store.subscribe,
-    getAttachmentUrlState,
-    getAttachmentUrlState,
-    selectorFor_useAttachmentUrl,
-    shallow
-  );
-}
-function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || state?.isLoading) {
-    return state ?? { isLoading: true };
-  }
-  if (state.error) {
-    return state;
-  }
-  assert(state.data !== void 0, "Unexpected missing attachment URL");
-  return {
-    isLoading: false,
-    url: state.data
-  };
-}
 
-export { AiChatComposer, Attachments, MAX_DISPLAYED_MEDIA_SIZE, splitFileName, useChatAttachmentUrl };
+export { AiChatComposer };
 //# sourceMappingURL=AiChatComposer.js.map

package/dist/components/internal/AiChatComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatComposer.js","sources":["../../../src/components/internal/AiChatComposer.tsx"],"sourcesContent":["import type {\n  AsyncResult,\n  CopilotId,\n  MessageId,\n  UiChatMessage,\n} from \"@liveblocks/core\";\nimport { assert, kInternal, shallow } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport {\n  useSignal,\n  useSyncExternalStoreWithSelector,\n} from \"@liveblocks/react/_private\";\nimport {\n  type FormEvent,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport {\n  CrossIcon,\n  ShortcutTooltip,\n  SpinnerIcon,\n  Tooltip,\n  TooltipProvider,\n  WarningIcon,\n} from \"../../_private\";\nimport {\n  type ChatComposerOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport { AttachmentTooLargeError } from \"../../primitives\";\nimport * as ComposerPrimitive from \"../../primitives/Chat/Composer\";\nimport { classNames } from \"../../utils/class-names\";\nimport { formatFileSize } from \"../../utils/format-file-size\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatComposer\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {\n  /**\n   * The composer's initial value.\n   */\n  defaultValue?: string;\n  /**\n   * The event handler called when a chat message is submitted.\n   */\n  onComposerSubmit?: (\n    message: {\n      /**\n       * The submitted message text.\n       */\n      text: string;\n    },\n    event: FormEvent<HTMLFormElement>\n  ) => void;\n  /**\n   * Whether the composer is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\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   * @internal\n   */\n  branchId?: MessageId;\n  /**\n   * @internal\n   */\n  stream?: boolean;\n};\n\nexport const AiChatComposer = forwardRef<HTMLFormElement, AiChatComposerProps>(\n  (\n    {\n      defaultValue,\n      onComposerSubmit,\n      disabled,\n      overrides,\n      className,\n      chatId,\n      branchId,\n      copilotId,\n      stream = true,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const client = useClient();\n\n    const getLastMessageId = useCallback((messages: UiChatMessage[]) => {\n      const lastMessage = messages[messages.length - 1];\n      if (lastMessage === undefined) return null;\n      return lastMessage.id;\n    }, []);\n\n    const getPendingMessage = useCallback((messages: UiChatMessage[]) => {\n      return messages.find(\n        (m) => m.role === \"assistant\" && m.status === \"pending\"\n      )?.id;\n    }, []);\n\n    const pendingMessage = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getPendingMessage\n    );\n\n    const lastMessageId = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getLastMessageId\n    );\n\n    const handleComposerSubmit = useCallback(\n      (message: { text: string }, event: FormEvent<HTMLFormElement>) => {\n        if (pendingMessage !== undefined) {\n          event.preventDefault();\n          return;\n        }\n\n        onComposerSubmit?.(message, event);\n        if (event.isDefaultPrevented()) return;\n\n        client[kInternal].ai.addUserMessageAndAsk(\n          chatId,\n          lastMessageId,\n          message.text,\n          {\n            stream,\n            copilotId,\n          }\n        );\n      },\n      [\n        onComposerSubmit,\n        client,\n        chatId,\n        lastMessageId,\n        pendingMessage,\n        stream,\n        copilotId,\n      ]\n    );\n\n    return (\n      <TooltipProvider>\n        <ComposerPrimitive.Form\n          className={classNames(\"lb-ai-chat-composer-form\", className)}\n          chatId={chatId}\n          dir={$.dir}\n          {...props}\n          disabled={disabled}\n          ref={forwardedRef}\n          onComposerSubmit={handleComposerSubmit}\n        >\n          <div className=\"lb-ai-chat-composer-editor-container\">\n            <ComposerPrimitive.Editor\n              autoFocus\n              className=\"lb-ai-chat-composer-editor\"\n              placeholder={$.CHAT_COMPOSER_PLACEHOLDER}\n              defaultValue={defaultValue}\n            />\n\n            <Attachments />\n\n            <div className=\"lb-ai-chat-composer-footer\">\n              <div className=\"lb-ai-chat-composer-editor-actions\">\n                {/* <Tooltip content={$.CHAT_COMPOSER_ATTACH_FILES}>\n                  <ComposerPrimitive.AttachFiles\n                    className=\"lb-button\"\n                    aria-label={$.CHAT_COMPOSER_ATTACH_FILES}\n                  >\n                    <span className=\"lb-icon-container\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width={20}\n                        height={20}\n                        viewBox={`0 0 ${20} ${20}`}\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth={1.5}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        role=\"presentation\"\n                        className=\"lb-icon\"\n                      >\n                        <path d=\"m14.077 11.737-3.723 3.62c-1.55 1.507-4.128 1.507-5.678 0-1.543-1.5-1.543-4.02 0-5.52l5.731-5.573c1.034-1.006 2.754-1.007 3.789-.003 1.03 1 1.032 2.682.003 3.684l-5.744 5.572a1.377 1.377 0 0 1-1.893 0 1.283 1.283 0 0 1-.392-.92c0-.345.14-.676.392-.92L10.348 8\" />\n                      </svg>\n                    </span>\n                  </ComposerPrimitive.AttachFiles>\n                </Tooltip> */}\n              </div>\n\n              <div className=\"lb-ai-chat-composer-actions\">\n                {pendingMessage === undefined ? (\n                  <ShortcutTooltip\n                    content={$.CHAT_COMPOSER_SEND}\n                    shortcut=\"Enter\"\n                  >\n                    <ComposerPrimitive.Submit\n                      className=\"lb-button lb-ai-chat-composer-action\"\n                      data-variant=\"primary\"\n                      data-size=\"default\"\n                      aria-label={$.CHAT_COMPOSER_SEND}\n                      onPointerDown={(event) => event.preventDefault()}\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      <span className=\"lb-icon-container\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          width={20}\n                          height={20}\n                          viewBox={`0 0 ${20} ${20}`}\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          strokeWidth={1.5}\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          role=\"presentation\"\n                          className=\"lb-icon\"\n                        >\n                          <path d=\"m5 16 12-6L5 4l2 6-2 6ZM7 10h10\" />\n                        </svg>\n                      </span>\n                    </ComposerPrimitive.Submit>\n                  </ShortcutTooltip>\n                ) : (\n                  <ShortcutTooltip content={$.CHAT_COMPOSER_ABORT}>\n                    <button\n                      type=\"button\"\n                      className=\"lb-button lb-ai-chat-composer-action\"\n                      data-variant=\"primary\"\n                      data-size=\"default\"\n                      aria-label={$.CHAT_COMPOSER_ABORT}\n                      onPointerDown={(event) => event.preventDefault()}\n                      onClick={(event) => {\n                        event.stopPropagation();\n                        client[kInternal].ai.abort(pendingMessage);\n                      }}\n                    >\n                      <span className=\"lb-icon-container\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          width={20}\n                          height={20}\n                          viewBox=\"0 0 20 20\"\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          strokeWidth={1.5}\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          role=\"presentation\"\n                          className=\"lb-icon\"\n                        >\n                          <rect\n                            x={5}\n                            y={5}\n                            width={10}\n                            height={10}\n                            rx={1}\n                            fill=\"currentColor\"\n                          />\n                        </svg>\n                      </span>\n                    </button>\n                  </ShortcutTooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </ComposerPrimitive.Form>\n      </TooltipProvider>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\ntype AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\n};\n\nexport const Attachments = forwardRef<HTMLDivElement, AttachmentsProps>(\n  ({ className, overrides, ...props }, forwardedRef) => {\n    const context = useContext(ComposerPrimitive.ComposerContext);\n    if (context === null) {\n      throw new Error(\"Attachments must be a descendant of Form.\");\n    }\n\n    const { attachments } = context;\n    if (attachments.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\"lb-ai-chat-composer-attachments\", className)}\n      >\n        <div className=\"lb-attachments\">\n          {attachments.map((attachment) => (\n            <Attachment\n              key={attachment.id}\n              attachment={attachment}\n              overrides={overrides}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction Attachment({\n  attachment,\n  overrides,\n}: {\n  attachment: {\n    id: string;\n    file: File;\n  } & (\n    | {\n        status: \"uploading\" | \"uploaded\";\n      }\n    | {\n        status: \"error\";\n        error: Error;\n      }\n  );\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\n}) {\n  if (!attachment.file.type.startsWith(\"image/\")) {\n    throw new Error(\"Only image attachments are supported.\");\n  }\n\n  const context = useContext(ComposerPrimitive.ComposerContext);\n  if (context === null) {\n    throw new Error(\"Attachment must be a descendant of Form.\");\n  }\n\n  const { chatId, onRemoveAttachment } = context;\n\n  const { base, extension } = splitFileName(attachment.file.name);\n  const $ = useOverrides(overrides);\n\n  let description: string;\n  if (attachment.status === \"error\") {\n    if (attachment.error instanceof AttachmentTooLargeError) {\n      description = $.ATTACHMENT_TOO_LARGE(\n        ComposerPrimitive.MAX_ATTACHMENT_SIZE\n          ? formatFileSize(ComposerPrimitive.MAX_ATTACHMENT_SIZE, $.locale)\n          : undefined\n      );\n    } else {\n      description = $.ATTACHMENT_ERROR(attachment.error);\n    }\n  } else {\n    description = formatFileSize(attachment.file.size, $.locale);\n  }\n\n  return (\n    <div\n      className=\"lb-attachment lb-file-attachment lb-ai-chat-composer-attachment\"\n      data-error={attachment.status === \"error\" ? \"\" : undefined}\n    >\n      <div className=\"lb-attachment-preview\">\n        {attachment.status === \"uploading\" ? (\n          <SpinnerIcon />\n        ) : attachment.status === \"error\" ? (\n          <WarningIcon />\n        ) : (\n          <ImageAttachmentPreview chatId={chatId} {...attachment} />\n        )}\n      </div>\n\n      <div className=\"lb-attachment-details\">\n        <span className=\"lb-attachment-name\" title={attachment.file.name}>\n          <span className=\"lb-attachment-name-base\">{base}</span>\n          {extension && (\n            <span className=\"lb-attachment-name-extension\">{extension}</span>\n          )}\n        </span>\n\n        <span className=\"lb-attachment-description\" title={description}>\n          {description}\n        </span>\n      </div>\n\n      <Tooltip content={$.CHAT_COMPOSER_REMOVE_ATTACHMENT}>\n        <button\n          type=\"button\"\n          className=\"lb-attachment-delete\"\n          onClick={() => onRemoveAttachment(attachment.id)}\n          onPointerDown={(event) => event.preventDefault()}\n          aria-label={$.CHAT_COMPOSER_REMOVE_ATTACHMENT}\n        >\n          <CrossIcon />\n        </button>\n      </Tooltip>\n    </div>\n  );\n}\n\nexport const MAX_DISPLAYED_MEDIA_SIZE = 60 * 1024 * 1024; // 60 MB\n\nfunction ImageAttachmentPreview({\n  chatId,\n  id,\n  file,\n}: {\n  chatId: string;\n  id: string;\n  file: File;\n}) {\n  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);\n  const { url } = useChatAttachmentUrl(chatId, id);\n  const [isLoaded, setLoaded] = useState(false);\n\n  if (!isUnsupportedPreview && file.size <= MAX_DISPLAYED_MEDIA_SIZE) {\n    return (\n      <>\n        {!isLoaded ? <SpinnerIcon /> : null}\n\n        {url ? (\n          <div className=\"lb-attachment-preview-media\">\n            <img\n              src={url}\n              loading=\"lazy\"\n              onLoad={() => setLoaded(true)}\n              onError={() => setUnsupportedPreview(true)}\n            />\n          </div>\n        ) : null}\n      </>\n    );\n  }\n\n  return (\n    <svg\n      className=\"lb-attachment-icon\"\n      width={30}\n      height={30}\n      viewBox=\"0 0 30 30\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-shadow\"\n      />\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-background\"\n      />\n      <path\n        d=\"M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z\"\n        className=\"lb-attachment-icon-fold\"\n      />\n\n      <g className=\"lb-attachment-icon-glyph\">\n        <path d=\"M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" />\n      </g>\n    </svg>\n  );\n}\n\nexport function splitFileName(name: string) {\n  const match = name.match(/^(.+?)(\\.[^.]+)?$/);\n  return { base: match?.[1] ?? name, extension: match?.[2] };\n}\n\nexport function useChatAttachmentUrl(\n  chatId: string,\n  attachmentId: string\n): AsyncResult<string, \"url\"> {\n  const client = useClient();\n  const store =\n    client[kInternal].httpClient.getOrCreateChatAttachmentUrlsStore(chatId);\n\n  const getAttachmentUrlState = useCallback(\n    () => store.getItemState(attachmentId),\n    [store, attachmentId]\n  );\n\n  useEffect(() => {\n    void store.enqueue(attachmentId);\n  }, [store, attachmentId]);\n\n  return useSyncExternalStoreWithSelector(\n    store.subscribe,\n    getAttachmentUrlState,\n    getAttachmentUrlState,\n    selectorFor_useAttachmentUrl,\n    shallow\n  );\n}\n\nfunction selectorFor_useAttachmentUrl(\n  state: AsyncResult<string | undefined> | undefined\n): AsyncResult<string, \"url\"> {\n  if (state === undefined || state?.isLoading) {\n    return state ?? { isLoading: true };\n  }\n\n  if (state.error) {\n    return state;\n  }\n\n  // For now `useAttachmentUrl` doesn't support a custom resolver so this case\n  // will never happen as `getAttachmentUrl` will either return a URL or throw.\n  // But we might decide to offer a custom resolver in the future to allow\n  // self-hosting attachments.\n  assert(state.data !== undefined, \"Unexpected missing attachment URL\");\n\n  return {\n    isLoading: false,\n    url: state.data,\n  };\n}\n"],"names":["ComposerPrimitive.Form","ComposerPrimitive.Editor","ComposerPrimitive.Submit","ComposerPrimitive.ComposerContext","ComposerPrimitive.MAX_ATTACHMENT_SIZE"],"mappings":"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"}
+{"version":3,"file":"AiChatComposer.js","sources":["../../../src/components/internal/AiChatComposer.tsx"],"sourcesContent":["import type { CopilotId, MessageId, UiChatMessage } from \"@liveblocks/core\";\nimport { kInternal } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport { useSignal } from \"@liveblocks/react/_private\";\nimport {\n  type ComponentProps,\n  type FormEvent,\n  forwardRef,\n  useCallback,\n} from \"react\";\n\nimport { SendIcon } from \"../../icons/Send\";\nimport { StopIcon } from \"../../icons/Stop\";\nimport {\n  type AiChatComposerOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport * as ComposerPrimitive from \"../../primitives/AiChatComposer\";\nimport { classNames } from \"../../utils/class-names\";\nimport { Button } from \"./Button\";\nimport { ShortcutTooltip, TooltipProvider } from \"./Tooltip\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatComposer\n * -----------------------------------------------------------------------------------------------*/\nexport interface AiChatComposerProps extends ComponentProps<\"form\"> {\n  /**\n   * The composer's initial value.\n   */\n  defaultValue?: string;\n  /**\n   * The event handler called when a chat message is submitted.\n   */\n  onComposerSubmit?: (\n    message: {\n      /**\n       * The submitted message text.\n       */\n      text: string;\n    },\n    event: FormEvent<HTMLFormElement>\n  ) => void;\n  /**\n   * Whether the composer is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Whether to focus the editor on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides & AiChatComposerOverrides>;\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   * @internal\n   */\n  branchId?: MessageId;\n  /**\n   * @internal\n   */\n  stream?: boolean;\n}\n\nexport const AiChatComposer = forwardRef<HTMLFormElement, AiChatComposerProps>(\n  (\n    {\n      defaultValue,\n      onComposerSubmit,\n      disabled,\n      autoFocus,\n      overrides,\n      className,\n      chatId,\n      branchId,\n      copilotId,\n      stream = true,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const client = useClient();\n\n    const getLastMessageId = useCallback((messages: UiChatMessage[]) => {\n      const lastMessage = messages[messages.length - 1];\n      if (lastMessage === undefined) return null;\n      return lastMessage.id;\n    }, []);\n\n    const getPendingMessage = useCallback((messages: UiChatMessage[]) => {\n      return messages.find(\n        (m) => m.role === \"assistant\" && m.status === \"pending\"\n      )?.id;\n    }, []);\n\n    const pendingMessage = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getPendingMessage\n    );\n\n    const lastMessageId = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getLastMessageId\n    );\n\n    const handleComposerSubmit = useCallback(\n      (message: { text: string }, event: FormEvent<HTMLFormElement>) => {\n        if (pendingMessage !== undefined) {\n          event.preventDefault();\n          return;\n        }\n\n        onComposerSubmit?.(message, event);\n        if (event.isDefaultPrevented()) return;\n\n        client[kInternal].ai.addUserMessageAndAsk(\n          chatId,\n          lastMessageId,\n          message.text,\n          {\n            stream,\n            copilotId,\n          }\n        );\n      },\n      [\n        onComposerSubmit,\n        client,\n        chatId,\n        lastMessageId,\n        pendingMessage,\n        stream,\n        copilotId,\n      ]\n    );\n\n    return (\n      <TooltipProvider>\n        <ComposerPrimitive.Form\n          className={classNames(\n            \"lb-ai-chat-composer lb-ai-chat-composer-form\",\n            className\n          )}\n          chatId={chatId}\n          dir={$.dir}\n          {...props}\n          disabled={disabled}\n          ref={forwardedRef}\n          onComposerSubmit={handleComposerSubmit}\n        >\n          <div className=\"lb-ai-chat-composer-editor-container\">\n            <ComposerPrimitive.Editor\n              autoFocus={autoFocus}\n              className=\"lb-ai-chat-composer-editor\"\n              placeholder={$.AI_CHAT_COMPOSER_PLACEHOLDER}\n              defaultValue={defaultValue}\n            />\n\n            <div className=\"lb-ai-chat-composer-footer\">\n              <div className=\"lb-ai-chat-composer-editor-actions\">\n                {/* No actions for now but it makes sense to keep the DOM structure */}\n              </div>\n\n              <div className=\"lb-ai-chat-composer-actions\">\n                {pendingMessage === undefined ? (\n                  <ShortcutTooltip\n                    content={$.AI_CHAT_COMPOSER_SEND}\n                    shortcut=\"Enter\"\n                  >\n                    <ComposerPrimitive.Submit asChild>\n                      <Button\n                        onPointerDown={(event) => event.preventDefault()}\n                        onClick={(event) => event.stopPropagation()}\n                        className=\"lb-ai-chat-composer-action\"\n                        variant=\"primary\"\n                        aria-label={$.AI_CHAT_COMPOSER_SEND}\n                        icon={<SendIcon />}\n                      />\n                    </ComposerPrimitive.Submit>\n                  </ShortcutTooltip>\n                ) : (\n                  <ShortcutTooltip content={$.AI_CHAT_COMPOSER_ABORT}>\n                    <Button\n                      onPointerDown={(event) => event.preventDefault()}\n                      onClick={(event) => {\n                        event.stopPropagation();\n                        client[kInternal].ai.abort(pendingMessage);\n                      }}\n                      className=\"lb-ai-chat-composer-action\"\n                      variant=\"secondary\"\n                      aria-label={$.AI_CHAT_COMPOSER_ABORT}\n                      icon={<StopIcon />}\n                    />\n                  </ShortcutTooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </ComposerPrimitive.Form>\n      </TooltipProvider>\n    );\n  }\n);\n"],"names":["ComposerPrimitive.Form","ComposerPrimitive.Editor","ComposerPrimitive.Submit"],"mappings":";;;;;;;;;;;;;;AAyEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CACE;AAAA,IACE,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,IAAA;AAAA,IACN,GAAA,KAAA;AAAA,KAEL,YACG,KAAA;AACH,IAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAChC,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,gBAAA,GAAmB,WAAY,CAAA,CAAC,QAA8B,KAAA;AAClE,MAAM,MAAA,WAAA,GAAc,QAAS,CAAA,QAAA,CAAS,MAAS,GAAA,CAAA,CAAA,CAAA;AAC/C,MAAA,IAAI,WAAgB,KAAA,KAAA,CAAA;AAAW,QAAO,OAAA,IAAA,CAAA;AACtC,MAAA,OAAO,WAAY,CAAA,EAAA,CAAA;AAAA,KACrB,EAAG,EAAE,CAAA,CAAA;AAEL,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,CAAC,QAA8B,KAAA;AACnE,MAAA,OAAO,QAAS,CAAA,IAAA;AAAA,QACd,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,WAAA,IAAe,EAAE,MAAW,KAAA,SAAA;AAAA,OAC7C,EAAA,EAAA,CAAA;AAAA,KACL,EAAG,EAAE,CAAA,CAAA;AAEL,IAAA,MAAM,cAAiB,GAAA,SAAA;AAAA,MACrB,OAAO,SAAW,CAAA,CAAA,EAAA,CAAG,OAAQ,CAAA,8BAAA,CAA0B,QAAQ,QAAQ,CAAA;AAAA,MACvE,iBAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAgB,GAAA,SAAA;AAAA,MACpB,OAAO,SAAW,CAAA,CAAA,EAAA,CAAG,OAAQ,CAAA,8BAAA,CAA0B,QAAQ,QAAQ,CAAA;AAAA,MACvE,gBAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,oBAAuB,GAAA,WAAA;AAAA,MAC3B,CAAC,SAA2B,KAAsC,KAAA;AAChE,QAAA,IAAI,mBAAmB,KAAW,CAAA,EAAA;AAChC,UAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,UAAA,OAAA;AAAA,SACF;AAEA,QAAA,gBAAA,GAAmB,SAAS,KAAK,CAAA,CAAA;AACjC,QAAA,IAAI,MAAM,kBAAmB,EAAA;AAAG,UAAA,OAAA;AAEhC,QAAA,MAAA,CAAO,WAAW,EAAG,CAAA,oBAAA;AAAA,UACnB,MAAA;AAAA,UACA,aAAA;AAAA,UACA,OAAQ,CAAA,IAAA;AAAA,UACR;AAAA,YACE,MAAA;AAAA,YACA,SAAA;AAAA,WACF;AAAA,SACF,CAAA;AAAA,OACF;AAAA,MACA;AAAA,QACE,gBAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,eAAA,EAAA;AAAA,MACC,QAAA,kBAAA,GAAA,CAACA,kBAAA,EAAA;AAAA,QACC,SAAW,EAAA,UAAA;AAAA,UACT,8CAAA;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QACA,MAAA;AAAA,QACA,KAAK,CAAE,CAAA,GAAA;AAAA,QACN,GAAG,KAAA;AAAA,QACJ,QAAA;AAAA,QACA,GAAK,EAAA,YAAA;AAAA,QACL,gBAAkB,EAAA,oBAAA;AAAA,QAElB,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,sCAAA;AAAA,UACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAACC,oBAAA,EAAA;AAAA,cACC,SAAA;AAAA,cACA,SAAU,EAAA,4BAAA;AAAA,cACV,aAAa,CAAE,CAAA,4BAAA;AAAA,cACf,YAAA;AAAA,aACF,CAAA;AAAA,4BAEC,IAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAU,EAAA,4BAAA;AAAA,cACb,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,KAAA,EAAA;AAAA,kBAAI,SAAU,EAAA,oCAAA;AAAA,iBAEf,CAAA;AAAA,gCAEC,GAAA,CAAA,KAAA,EAAA;AAAA,kBAAI,SAAU,EAAA,6BAAA;AAAA,kBACZ,QAAA,EAAA,cAAA,KAAmB,yBACjB,GAAA,CAAA,eAAA,EAAA;AAAA,oBACC,SAAS,CAAE,CAAA,qBAAA;AAAA,oBACX,QAAS,EAAA,OAAA;AAAA,oBAET,QAAA,kBAAA,GAAA,CAACC,oBAAA,EAAA;AAAA,sBAAyB,OAAO,EAAA,IAAA;AAAA,sBAC/B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,wBACC,aAAe,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,cAAe,EAAA;AAAA,wBAC/C,OAAS,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,eAAgB,EAAA;AAAA,wBAC1C,SAAU,EAAA,4BAAA;AAAA,wBACV,OAAQ,EAAA,SAAA;AAAA,wBACR,cAAY,CAAE,CAAA,qBAAA;AAAA,wBACd,IAAA,sBAAO,QAAS,EAAA,EAAA,CAAA;AAAA,uBAClB,CAAA;AAAA,qBACF,CAAA;AAAA,mBACF,oBAEC,GAAA,CAAA,eAAA,EAAA;AAAA,oBAAgB,SAAS,CAAE,CAAA,sBAAA;AAAA,oBAC1B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,sBACC,aAAe,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,cAAe,EAAA;AAAA,sBAC/C,OAAA,EAAS,CAAC,KAAU,KAAA;AAClB,wBAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,wBAAO,MAAA,CAAA,SAAA,CAAA,CAAW,EAAG,CAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AAAA,uBAC3C;AAAA,sBACA,SAAU,EAAA,4BAAA;AAAA,sBACV,OAAQ,EAAA,WAAA;AAAA,sBACR,cAAY,CAAE,CAAA,sBAAA;AAAA,sBACd,IAAA,sBAAO,QAAS,EAAA,EAAA,CAAA;AAAA,qBAClB,CAAA;AAAA,mBACF,CAAA;AAAA,iBAEJ,CAAA;AAAA,eAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/internal/AiChatUserMessage.cjs

@@ -2,186 +2,36 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-require('../../icons/index.cjs');
 var overrides = require('../../overrides.cjs');
 var classNames = require('../../utils/class-names.cjs');
-var formatFileSize = require('../../utils/format-file-size.cjs');
-var AiChatComposer = require('./AiChatComposer.cjs');
-var Spinner = require('../../icons/Spinner.cjs');
 
 const AiChatUserMessage = react.memo(
   react.forwardRef(
-    ({ message, className }, forwardedRef) => {
-      const text = message.content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
-      const images = message.content.filter((c) => c.type === "image");
-      if (message.deletedAt !== void 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", {
-          ref: forwardedRef,
-          className: classNames.classNames("lb-ai-chat-user-message", className),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-deleted",
-            children: "This message has been deleted."
-          })
-        });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    ({ message, className, overrides: overrides$1 }, forwardedRef) => {
+      const $ = overrides.useOverrides(overrides$1);
+      const paragraphs = message.content.filter((c) => c.type === "text").map((c) => c.text);
+      return /* @__PURE__ */ jsxRuntime.jsx("div", {
         ref: forwardedRef,
-        className: classNames.classNames("lb-ai-chat-user-message", className),
-        children: [
-          images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-attachments",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: "lb-ai-chat-user-message-media-attachments",
-              children: images.map((image) => /* @__PURE__ */ jsxRuntime.jsx(AiChatUserMessageMediaAttachment, {
-                chatId: message.chatId,
-                attachment: image,
-                className: "lb-ai-chat-user-message-attachment"
-              }, image.id))
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-content",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: "lb-ai-chat-user-message-body",
+        className: classNames.classNames(
+          "lb-ai-chat-message lb-ai-chat-user-message",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "lb-ai-chat-message-content",
+          children: message.deletedAt !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-message-deleted",
+            children: $.AI_CHAT_MESSAGE_DELETED
+          }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-message-text",
+            children: paragraphs.map((text, index) => /* @__PURE__ */ jsxRuntime.jsx("p", {
               children: text
-            })
+            }, index))
           })
-        ]
+        })
       });
     }
   )
 );
-function AiChatUserMessageMediaAttachment({
-  className,
-  chatId,
-  attachment,
-  overrides: overrides$1,
-  onClick,
-  onKeyDown,
-  ...props
-}) {
-  if (!attachment.mimeType.startsWith("image/")) {
-    throw new Error("Only image attachments are supported.");
-  }
-  const { url } = AiChatComposer.useChatAttachmentUrl(chatId, attachment.id);
-  const { base, extension } = AiChatComposer.splitFileName(attachment.name);
-  const $ = overrides.useOverrides(overrides$1);
-  const description = formatFileSize.formatFileSize(attachment.size, $.locale);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: classNames.classNames(
-      "lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment",
-      className
-    ),
-    role: url !== void 0 ? "button" : void 0,
-    tabIndex: url !== void 0 ? 0 : -1,
-    onKeyDown: (event) => {
-      onKeyDown?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      if (event.key === "Enter" || event.key === " ") {
-        window.open(url, "_blank");
-      }
-    },
-    ...props,
-    onClick: (event) => {
-      onClick?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      window.open(url, "_blank");
-    },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, {
-        attachment,
-        url
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: "lb-attachment-details",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-            className: "lb-attachment-name",
-            title: attachment.name,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", {
-                className: "lb-attachment-name-base",
-                children: base
-              }),
-              extension && /* @__PURE__ */ jsxRuntime.jsx("span", {
-                className: "lb-attachment-name-extension",
-                children: extension
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", {
-            className: "lb-attachment-description",
-            title: description,
-            children: description
-          })
-        ]
-      })
-    ]
-  });
-}
-function AttachmentPreview({
-  attachment,
-  url,
-  ...props
-}) {
-  const [isUnsupportedPreview, setUnsupportedPreview] = react.useState(false);
-  const [isLoaded, setLoaded] = react.useState(false);
-  if (!isUnsupportedPreview && attachment.size <= AiChatComposer.MAX_DISPLAYED_MEDIA_SIZE) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: "lb-attachment-preview",
-      ...props,
-      children: [
-        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {}) : null,
-        url ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: "lb-attachment-preview-media",
-          "data-hidden": !isLoaded ? "" : void 0,
-          children: /* @__PURE__ */ jsxRuntime.jsx("img", {
-            src: url,
-            loading: "lazy",
-            onLoad: () => setLoaded(true),
-            onError: () => setUnsupportedPreview(true)
-          })
-        }) : null
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
-    className: "lb-attachment-icon",
-    width: 30,
-    height: 30,
-    viewBox: "0 0 30 30",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-shadow"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-background"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z",
-        className: "lb-attachment-icon-fold"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("g", {
-        className: "lb-attachment-icon-glyph",
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-        })
-      })
-    ]
-  });
-}
 
 exports.AiChatUserMessage = AiChatUserMessage;
 //# sourceMappingURL=AiChatUserMessage.cjs.map