@liveblocks/react-ui 2.24.1 → 2.25.0-aiprivatebeta1

package/dist/components/internal/AiChatComposer.cjs

@@ -0,0 +1,385 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@liveblocks/core');
+var react$1 = require('@liveblocks/react');
+var _private = require('@liveblocks/react/_private');
+var react = require('react');
+require('../../_private/index.cjs');
+var overrides = require('../../overrides.cjs');
+require('../../primitives/index.cjs');
+var index = require('../../primitives/Chat/Composer/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 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');
+
+const AiChatComposer = react.forwardRef(
+  ({
+    defaultValue,
+    onComposerSubmit,
+    disabled,
+    overrides: overrides$1,
+    className,
+    chatId,
+    branchId,
+    copilotId,
+    stream = true,
+    ...props
+  }, forwardedRef) => {
+    const $ = overrides.useOverrides(overrides$1);
+    const client = react$1.useClient();
+    const getLastMessageId = react.useCallback((messages) => {
+      const lastMessage = messages[messages.length - 1];
+      if (lastMessage === void 0)
+        return null;
+      return lastMessage.id;
+    }, []);
+    const getPendingMessage = react.useCallback((messages) => {
+      return messages.find(
+        (m) => m.role === "assistant" && m.status === "pending"
+      )?.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 handleComposerSubmit = react.useCallback(
+      (message, event) => {
+        if (pendingMessage !== void 0) {
+          event.preventDefault();
+          return;
+        }
+        onComposerSubmit?.(message, event);
+        if (event.isDefaultPrevented())
+          return;
+        client[core.kInternal].ai.addUserMessageAndAsk(
+          chatId,
+          lastMessageId,
+          message.text,
+          {
+            stream,
+            copilotId
+          }
+        );
+      },
+      [
+        onComposerSubmit,
+        client,
+        chatId,
+        lastMessageId,
+        pendingMessage,
+        stream,
+        copilotId
+      ]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.Form, {
+        className: classNames.classNames("lb-ai-chat-composer-form", className),
+        chatId,
+        dir: $.dir,
+        ...props,
+        disabled,
+        ref: forwardedRef,
+        onComposerSubmit: handleComposerSubmit,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+          className: "lb-ai-chat-composer-editor-container",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(index.Editor, {
+              autoFocus: true,
+              className: "lb-ai-chat-composer-editor",
+              placeholder: $.CHAT_COMPOSER_PLACEHOLDER,
+              defaultValue
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(Attachments, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", {
+              className: "lb-ai-chat-composer-footer",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", {
+                  className: "lb-ai-chat-composer-editor-actions"
+                }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", {
+                  className: "lb-ai-chat-composer-actions",
+                  children: pendingMessage === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
+                    content: $.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"
+                          })
+                        })
+                      })
+                    })
+                  }) : /* @__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,
+                      onPointerDown: (event) => event.preventDefault(),
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        client[core.kInternal].ai.abort(pendingMessage);
+                      },
+                      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"
+                          })
+                        })
+                      })
+                    })
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
+    });
+  }
+);
+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

@@ -0,0 +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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"}