@liveblocks/react-ui 2.25.0-aiprivatebeta1 → 2.25.0-aiprivatebeta10

package/dist/components/internal/AiChatComposer.cjs

@@ -5,30 +5,28 @@ var core = require('@liveblocks/core');
 var react$1 = require('@liveblocks/react');
 var _private = require('@liveblocks/react/_private');
 var react = require('react');
-require('../../_private/index.cjs');
+var Send = require('../../icons/Send.cjs');
+var Stop = require('../../icons/Stop.cjs');
 var overrides = require('../../overrides.cjs');
-require('../../primitives/index.cjs');
-var index = require('../../primitives/Chat/Composer/index.cjs');
+var index = require('../../primitives/AiChatComposer/index.cjs');
 var classNames = require('../../utils/class-names.cjs');
-var formatFileSize = require('../../utils/format-file-size.cjs');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var Button = require('./Button.cjs');
 var Tooltip = require('./Tooltip.cjs');
-var utils = require('../../primitives/Composer/utils.cjs');
-var Spinner = require('../../icons/Spinner.cjs');
-var Warning = require('../../icons/Warning.cjs');
-var Cross = require('../../icons/Cross.cjs');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
 
 const AiChatComposer = react.forwardRef(
   ({
     defaultValue,
     onComposerSubmit,
     disabled,
+    autoFocus,
     overrides: overrides$1,
     className,
     chatId,
     branchId,
     copilotId,
     stream = true,
+    onUserMessageCreate,
     ...props
   }, forwardedRef) => {
     const $ = overrides.useOverrides(overrides$1);
@@ -39,32 +37,43 @@ const AiChatComposer = react.forwardRef(
         return null;
       return lastMessage.id;
     }, []);
-    const getPendingMessage = react.useCallback((messages) => {
+    const getAbortableMessageId = react.useCallback((messages) => {
       return messages.find(
-        (m) => m.role === "assistant" && m.status === "pending"
+        (m) => m.role === "assistant" && (m.status === "generating" || m.status === "awaiting-tool")
       )?.id;
     }, []);
-    const pendingMessage = _private.useSignal(
-      client[core.kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
-      getPendingMessage
-    );
-    const lastMessageId = _private.useSignal(
-      client[core.kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
-      getLastMessageId
+    const messages\u03A3 = client[core.kInternal].ai.signals.getChatMessagesForBranch\u03A3(
+      chatId,
+      branchId
     );
+    const abortableMessageId = _private.useSignal(messages\u03A3, getAbortableMessageId);
+    const lastMessageId = _private.useSignal(messages\u03A3, getLastMessageId);
     const handleComposerSubmit = react.useCallback(
       (message, event) => {
-        if (pendingMessage !== void 0) {
+        if (abortableMessageId !== void 0) {
           event.preventDefault();
           return;
         }
         onComposerSubmit?.(message, event);
         if (event.isDefaultPrevented())
           return;
-        client[core.kInternal].ai.addUserMessageAndAsk(
+        const content = [{ type: "text", text: message.text }];
+        const newMessageId = client[core.kInternal].ai[core.kInternal].context.messagesStore.createOptimistically(
           chatId,
+          "user",
           lastMessageId,
-          message.text,
+          content
+        );
+        onUserMessageCreate?.({ id: newMessageId });
+        const targetMessageId = client[core.kInternal].ai[core.kInternal].context.messagesStore.createOptimistically(
+          chatId,
+          "assistant",
+          newMessageId
+        );
+        client[core.kInternal].ai.askUserMessageInChat(
+          chatId,
+          { id: newMessageId, parentMessageId: lastMessageId, content },
+          targetMessageId,
           {
             stream,
             copilotId
@@ -73,18 +82,21 @@ const AiChatComposer = react.forwardRef(
       },
       [
         onComposerSubmit,
+        onUserMessageCreate,
         client,
         chatId,
         lastMessageId,
-        pendingMessage,
+        abortableMessageId,
         stream,
         copilotId
       ]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(index.Form, {
-        className: classNames.classNames("lb-ai-chat-composer-form", className),
-        chatId,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.AiChatComposerForm, {
+        className: classNames.classNames(
+          "lb-root lb-ai-chat-composer lb-ai-chat-composer-form",
+          className
+        ),
         dir: $.dir,
         ...props,
         disabled,
@@ -93,13 +105,12 @@ const AiChatComposer = react.forwardRef(
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
           className: "lb-ai-chat-composer-editor-container",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(index.Editor, {
-              autoFocus: true,
+            /* @__PURE__ */ jsxRuntime.jsx(index.AiChatComposerEditor, {
+              autoFocus,
               className: "lb-ai-chat-composer-editor",
-              placeholder: $.CHAT_COMPOSER_PLACEHOLDER,
+              placeholder: $.AI_CHAT_COMPOSER_PLACEHOLDER,
               defaultValue
             }),
-            /* @__PURE__ */ jsxRuntime.jsx(Attachments, {}),
             /* @__PURE__ */ jsxRuntime.jsxs("div", {
               className: "lb-ai-chat-composer-footer",
               children: [
@@ -108,73 +119,32 @@ const AiChatComposer = react.forwardRef(
                 }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", {
                   className: "lb-ai-chat-composer-actions",
-                  children: pendingMessage === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
-                    content: $.CHAT_COMPOSER_SEND,
+                  children: abortableMessageId === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
+                    content: $.AI_CHAT_COMPOSER_SEND,
                     shortcut: "Enter",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(index.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__ */ jsxRuntime.jsx("span", {
-                        className: "lb-icon-container",
-                        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", {
-                            d: "m5 16 12-6L5 4l2 6-2 6ZM7 10h10"
-                          })
-                        })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(index.AiChatComposerSubmit, {
+                      asChild: true,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Button.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__ */ jsxRuntime.jsx(Send.SendIcon, {})
                       })
                     })
                   }) : /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
-                    content: $.CHAT_COMPOSER_ABORT,
-                    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Button.Button, {
                       onPointerDown: (event) => event.preventDefault(),
                       onClick: (event) => {
                         event.stopPropagation();
-                        client[core.kInternal].ai.abort(pendingMessage);
+                        client[core.kInternal].ai.abort(abortableMessageId);
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-                        className: "lb-icon-container",
-                        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Stop.StopIcon, {})
                     })
                   })
                 })
@@ -186,200 +156,6 @@ const AiChatComposer = react.forwardRef(
     });
   }
 );
-const Attachments = react.forwardRef(
-  ({ className, overrides, ...props }, forwardedRef) => {
-    const context = react.useContext(index.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__ */ jsxRuntime.jsx("div", {
-      ...props,
-      ref: forwardedRef,
-      className: classNames.classNames("lb-ai-chat-composer-attachments", className),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: "lb-attachments",
-        children: attachments.map((attachment) => /* @__PURE__ */ jsxRuntime.jsx(Attachment, {
-          attachment,
-          overrides
-        }, attachment.id))
-      })
-    });
-  }
-);
-function Attachment({
-  attachment,
-  overrides: overrides$1
-}) {
-  if (!attachment.file.type.startsWith("image/")) {
-    throw new Error("Only image attachments are supported.");
-  }
-  const context = react.useContext(index.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 $ = overrides.useOverrides(overrides$1);
-  let description;
-  if (attachment.status === "error") {
-    if (attachment.error instanceof utils.AttachmentTooLargeError) {
-      description = $.ATTACHMENT_TOO_LARGE(
-        index.MAX_ATTACHMENT_SIZE ? formatFileSize.formatFileSize(index.MAX_ATTACHMENT_SIZE, $.locale) : void 0
-      );
-    } else {
-      description = $.ATTACHMENT_ERROR(attachment.error);
-    }
-  } else {
-    description = formatFileSize.formatFileSize(attachment.file.size, $.locale);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: "lb-attachment lb-file-attachment lb-ai-chat-composer-attachment",
-    "data-error": attachment.status === "error" ? "" : void 0,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: "lb-attachment-preview",
-        children: attachment.status === "uploading" ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {}) : attachment.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Warning.WarningIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ImageAttachmentPreview, {
-          chatId,
-          ...attachment
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: "lb-attachment-details",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-            className: "lb-attachment-name",
-            title: attachment.file.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
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
-        content: $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
-        children: /* @__PURE__ */ jsxRuntime.jsx("button", {
-          type: "button",
-          className: "lb-attachment-delete",
-          onClick: () => onRemoveAttachment(attachment.id),
-          onPointerDown: (event) => event.preventDefault(),
-          "aria-label": $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Cross.CrossIcon, {})
-        })
-      })
-    ]
-  });
-}
-const MAX_DISPLAYED_MEDIA_SIZE = 60 * 1024 * 1024;
-function ImageAttachmentPreview({
-  chatId,
-  id,
-  file
-}) {
-  const [isUnsupportedPreview, setUnsupportedPreview] = react.useState(false);
-  const { url } = useChatAttachmentUrl(chatId, id);
-  const [isLoaded, setLoaded] = react.useState(false);
-  if (!isUnsupportedPreview && file.size <= MAX_DISPLAYED_MEDIA_SIZE) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {}) : null,
-        url ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: "lb-attachment-preview-media",
-          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"
-        })
-      })
-    ]
-  });
-}
-function splitFileName(name) {
-  const match = name.match(/^(.+?)(\.[^.]+)?$/);
-  return { base: match?.[1] ?? name, extension: match?.[2] };
-}
-function useChatAttachmentUrl(chatId, attachmentId) {
-  const client = react$1.useClient();
-  const store = client[core.kInternal].httpClient.getOrCreateChatAttachmentUrlsStore(chatId);
-  const getAttachmentUrlState = react.useCallback(
-    () => store.getItemState(attachmentId),
-    [store, attachmentId]
-  );
-  react.useEffect(() => {
-    void store.enqueue(attachmentId);
-  }, [store, attachmentId]);
-  return _private.useSyncExternalStoreWithSelector(
-    store.subscribe,
-    getAttachmentUrlState,
-    getAttachmentUrlState,
-    selectorFor_useAttachmentUrl,
-    core.shallow
-  );
-}
-function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || state?.isLoading) {
-    return state ?? { isLoading: true };
-  }
-  if (state.error) {
-    return state;
-  }
-  core.assert(state.data !== void 0, "Unexpected missing attachment URL");
-  return {
-    isLoading: false,
-    url: state.data
-  };
-}
 
 exports.AiChatComposer = AiChatComposer;
-exports.Attachments = Attachments;
-exports.MAX_DISPLAYED_MEDIA_SIZE = MAX_DISPLAYED_MEDIA_SIZE;
-exports.splitFileName = splitFileName;
-exports.useChatAttachmentUrl = useChatAttachmentUrl;
 //# sourceMappingURL=AiChatComposer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiChatComposer.cjs","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":["forwardRef","overrides","useOverrides","useClient","useCallback","useSignal","kInternal","jsx","TooltipProvider","ComposerPrimitive.Form","classNames","jsxs","ComposerPrimitive.Editor","ShortcutTooltip","ComposerPrimitive.Submit","useContext","ComposerPrimitive.ComposerContext","AttachmentTooLargeError","ComposerPrimitive.MAX_ATTACHMENT_SIZE","formatFileSize","SpinnerIcon","WarningIcon","Tooltip","CrossIcon","useState","Fragment","useEffect","useSyncExternalStoreWithSelector","shallow","assert"],"mappings":"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"}
+{"version":3,"file":"AiChatComposer.cjs","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  /**\n   * @internal\n   * The event handler called when a user chat message is created optimistically.\n   */\n  onUserMessageCreate?: (message: {\n    /**\n     * The created user message id.\n     */\n    id: MessageId;\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      onUserMessageCreate,\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 getAbortableMessageId = useCallback((messages: UiChatMessage[]) => {\n      return messages.find(\n        (m) =>\n          m.role === \"assistant\" &&\n          (m.status === \"generating\" || m.status === \"awaiting-tool\")\n      )?.id;\n    }, []);\n\n    const messagesΣ = client[kInternal].ai.signals.getChatMessagesForBranchΣ(\n      chatId,\n      branchId\n    );\n\n    const abortableMessageId = useSignal(messagesΣ, getAbortableMessageId);\n    const lastMessageId = useSignal(messagesΣ, getLastMessageId);\n\n    const handleComposerSubmit = useCallback(\n      (message: { text: string }, event: FormEvent<HTMLFormElement>) => {\n        if (abortableMessageId !== undefined) {\n          event.preventDefault();\n          return;\n        }\n\n        onComposerSubmit?.(message, event);\n        if (event.isDefaultPrevented()) return;\n\n        const content = [{ type: \"text\" as const, text: message.text }];\n        const newMessageId = client[kInternal].ai[\n          kInternal\n        ].context.messagesStore.createOptimistically(\n          chatId,\n          \"user\",\n          lastMessageId,\n          content\n        );\n        onUserMessageCreate?.({ id: newMessageId });\n\n        const targetMessageId = client[kInternal].ai[\n          kInternal\n        ].context.messagesStore.createOptimistically(\n          chatId,\n          \"assistant\",\n          newMessageId\n        );\n\n        client[kInternal].ai.askUserMessageInChat(\n          chatId,\n          { id: newMessageId, parentMessageId: lastMessageId, content },\n          targetMessageId,\n          {\n            stream,\n            copilotId,\n          }\n        );\n      },\n      [\n        onComposerSubmit,\n        onUserMessageCreate,\n        client,\n        chatId,\n        lastMessageId,\n        abortableMessageId,\n        stream,\n        copilotId,\n      ]\n    );\n\n    return (\n      <TooltipProvider>\n        <ComposerPrimitive.Form\n          className={classNames(\n            \"lb-root lb-ai-chat-composer lb-ai-chat-composer-form\",\n            className\n          )}\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                {abortableMessageId === 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(abortableMessageId);\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":["forwardRef","overrides","useOverrides","useClient","useCallback","kInternal","useSignal","jsx","TooltipProvider","ComposerPrimitive.Form","classNames","jsxs","ComposerPrimitive.Editor","ShortcutTooltip","ComposerPrimitive.Submit","Button","SendIcon","StopIcon"],"mappings":"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"}