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

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

@@ -1 +1 @@
-{"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   * 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":["forwardRef","overrides","useOverrides","useClient","useCallback","useSignal","kInternal","jsx","TooltipProvider","ComposerPrimitive.Form","classNames","jsxs","ComposerPrimitive.Editor","ShortcutTooltip","ComposerPrimitive.Submit","Button","SendIcon","StopIcon"],"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-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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"}

package/dist/components/internal/AiChatComposer.js

@@ -24,6 +24,7 @@ const AiChatComposer = forwardRef(
     branchId,
     copilotId,
     stream = true,
+    onUserMessageCreate,
     ...props
   }, forwardedRef) => {
     const $ = useOverrides(overrides);
@@ -34,32 +35,43 @@ const AiChatComposer = forwardRef(
         return null;
       return lastMessage.id;
     }, []);
-    const getPendingMessage = useCallback((messages) => {
+    const getAbortableMessageId = 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 = useSignal(
-      client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
-      getPendingMessage
-    );
-    const lastMessageId = useSignal(
-      client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
-      getLastMessageId
+    const messages\u03A3 = client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(
+      chatId,
+      branchId
     );
+    const abortableMessageId = useSignal(messages\u03A3, getAbortableMessageId);
+    const lastMessageId = useSignal(messages\u03A3, getLastMessageId);
     const handleComposerSubmit = useCallback(
       (message, event) => {
-        if (pendingMessage !== void 0) {
+        if (abortableMessageId !== void 0) {
           event.preventDefault();
           return;
         }
         onComposerSubmit?.(message, event);
         if (event.isDefaultPrevented())
           return;
-        client[kInternal].ai.addUserMessageAndAsk(
+        const content = [{ type: "text", text: message.text }];
+        const newMessageId = client[kInternal].ai[kInternal].context.messagesStore.createOptimistically(
           chatId,
+          "user",
           lastMessageId,
-          message.text,
+          content
+        );
+        onUserMessageCreate?.({ id: newMessageId });
+        const targetMessageId = client[kInternal].ai[kInternal].context.messagesStore.createOptimistically(
+          chatId,
+          "assistant",
+          newMessageId
+        );
+        client[kInternal].ai.askUserMessageInChat(
+          chatId,
+          { id: newMessageId, parentMessageId: lastMessageId, content },
+          targetMessageId,
           {
             stream,
             copilotId
@@ -68,10 +80,11 @@ const AiChatComposer = forwardRef(
       },
       [
         onComposerSubmit,
+        onUserMessageCreate,
         client,
         chatId,
         lastMessageId,
-        pendingMessage,
+        abortableMessageId,
         stream,
         copilotId
       ]
@@ -82,7 +95,6 @@ const AiChatComposer = forwardRef(
           "lb-ai-chat-composer lb-ai-chat-composer-form",
           className
         ),
-        chatId,
         dir: $.dir,
         ...props,
         disabled,
@@ -105,7 +117,7 @@ const AiChatComposer = forwardRef(
                 }),
                 /* @__PURE__ */ jsx("div", {
                   className: "lb-ai-chat-composer-actions",
-                  children: pendingMessage === void 0 ? /* @__PURE__ */ jsx(ShortcutTooltip, {
+                  children: abortableMessageId === void 0 ? /* @__PURE__ */ jsx(ShortcutTooltip, {
                     content: $.AI_CHAT_COMPOSER_SEND,
                     shortcut: "Enter",
                     children: /* @__PURE__ */ jsx(AiChatComposerSubmit, {
@@ -125,7 +137,7 @@ const AiChatComposer = forwardRef(
                       onPointerDown: (event) => event.preventDefault(),
                       onClick: (event) => {
                         event.stopPropagation();
-                        client[kInternal].ai.abort(pendingMessage);
+                        client[kInternal].ai.abort(abortableMessageId);
                       },
                       className: "lb-ai-chat-composer-action",
                       variant: "secondary",

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

@@ -1 +1 @@
-{"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":"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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  /**\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-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":["ComposerPrimitive.Form","ComposerPrimitive.Editor","ComposerPrimitive.Submit"],"mappings":"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"}

package/dist/icon.cjs

@@ -11,6 +11,7 @@ var BellCrossed = require('./icons/BellCrossed.cjs');
 var Blockquote = require('./icons/Blockquote.cjs');
 var Bold = require('./icons/Bold.cjs');
 var Check = require('./icons/Check.cjs');
+var CheckCircle = require('./icons/CheckCircle.cjs');
 var ChevronDown = require('./icons/ChevronDown.cjs');
 var ChevronLeft = require('./icons/ChevronLeft.cjs');
 var ChevronRight = require('./icons/ChevronRight.cjs');
@@ -58,6 +59,7 @@ exports.BellCrossed = BellCrossed.BellCrossedIcon;
 exports.Blockquote = Blockquote.BlockquoteIcon;
 exports.Bold = Bold.BoldIcon;
 exports.Check = Check.CheckIcon;
+exports.CheckCircle = CheckCircle.CheckCircleIcon;
 exports.ChevronDown = ChevronDown.ChevronDownIcon;
 exports.ChevronLeft = ChevronLeft.ChevronLeftIcon;
 exports.ChevronRight = ChevronRight.ChevronRightIcon;

package/dist/icon.cjs.map

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

package/dist/icon.js

@@ -9,6 +9,7 @@ export { BellCrossedIcon as BellCrossed } from './icons/BellCrossed.js';
 export { BlockquoteIcon as Blockquote } from './icons/Blockquote.js';
 export { BoldIcon as Bold } from './icons/Bold.js';
 export { CheckIcon as Check } from './icons/Check.js';
+export { CheckCircleIcon as CheckCircle } from './icons/CheckCircle.js';
 export { ChevronDownIcon as ChevronDown } from './icons/ChevronDown.js';
 export { ChevronLeftIcon as ChevronLeft } from './icons/ChevronLeft.js';
 export { ChevronRightIcon as ChevronRight } from './icons/ChevronRight.js';

package/dist/icon.js.map

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

package/dist/icons/{Resolve.cjs → CheckCircle.cjs}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../components/internal/Icon.cjs');
 
-function ResolveIcon(props) {
+function CheckCircleIcon(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, {
     ...props,
     children: [
@@ -19,5 +19,5 @@ function ResolveIcon(props) {
   });
 }
 
-exports.ResolveIcon = ResolveIcon;
-//# sourceMappingURL=Resolve.cjs.map
+exports.CheckCircleIcon = CheckCircleIcon;
+//# sourceMappingURL=CheckCircle.cjs.map

package/dist/icons/CheckCircle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircle.cjs","sources":["../../src/icons/CheckCircle.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CheckCircleIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <circle cx={10} cy={10} r={7} />\n      <path d=\"m13 8-4 4-2-2\" />\n    </Icon>\n  );\n}\n"],"names":["jsxs","Icon","jsx"],"mappings":";;;;;AAIO,SAAS,gBAAgB,KAA8B,EAAA;AAC5D,EAAA,uBACGA,eAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,QAAA,EAAA;AAAA,QAAO,EAAI,EAAA,EAAA;AAAA,QAAI,EAAI,EAAA,EAAA;AAAA,QAAI,CAAG,EAAA,CAAA;AAAA,OAAG,CAAA;AAAA,sBAC7BA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,eAAA;AAAA,OAAgB,CAAA;AAAA,KAAA;AAAA,GAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/{Resolve.js → CheckCircle.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon } from '../components/internal/Icon.js';
 
-function ResolveIcon(props) {
+function CheckCircleIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, {
     ...props,
     children: [
@@ -17,5 +17,5 @@ function ResolveIcon(props) {
   });
 }
 
-export { ResolveIcon };
-//# sourceMappingURL=Resolve.js.map
+export { CheckCircleIcon };
+//# sourceMappingURL=CheckCircle.js.map

package/dist/icons/CheckCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircle.js","sources":["../../src/icons/CheckCircle.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CheckCircleIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <circle cx={10} cy={10} r={7} />\n      <path d=\"m13 8-4 4-2-2\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,gBAAgB,KAA8B,EAAA;AAC5D,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA;AAAA,QAAO,EAAI,EAAA,EAAA;AAAA,QAAI,EAAI,EAAA,EAAA;AAAA,QAAI,CAAG,EAAA,CAAA;AAAA,OAAG,CAAA;AAAA,sBAC7B,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,eAAA;AAAA,OAAgB,CAAA;AAAA,KAAA;AAAA,GAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/{Resolved.cjs → CheckCircleFill.cjs}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../components/internal/Icon.cjs');
 
-function ResolvedIcon(props) {
+function CheckCircleFillIcon(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, {
     ...props,
     children: [
@@ -21,5 +21,5 @@ function ResolvedIcon(props) {
   });
 }
 
-exports.ResolvedIcon = ResolvedIcon;
-//# sourceMappingURL=Resolved.cjs.map
+exports.CheckCircleFillIcon = CheckCircleFillIcon;
+//# sourceMappingURL=CheckCircleFill.cjs.map

package/dist/icons/CheckCircleFill.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleFill.cjs","sources":["../../src/icons/CheckCircleFill.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CheckCircleFillIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <circle cx={10} cy={10} r={7} fill=\"currentColor\" />\n      <path d=\"m13 8-4 4-2-2\" stroke=\"var(--lb-icon-background)\" />\n    </Icon>\n  );\n}\n"],"names":["jsxs","Icon","jsx"],"mappings":";;;;;AAIO,SAAS,oBAAoB,KAA8B,EAAA;AAChE,EAAA,uBACGA,eAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,QAAA,EAAA;AAAA,QAAO,EAAI,EAAA,EAAA;AAAA,QAAI,EAAI,EAAA,EAAA;AAAA,QAAI,CAAG,EAAA,CAAA;AAAA,QAAG,IAAK,EAAA,cAAA;AAAA,OAAe,CAAA;AAAA,sBACjDA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,eAAA;AAAA,QAAgB,MAAO,EAAA,2BAAA;AAAA,OAA4B,CAAA;AAAA,KAAA;AAAA,GAC7D,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/{Resolved.js → CheckCircleFill.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon } from '../components/internal/Icon.js';
 
-function ResolvedIcon(props) {
+function CheckCircleFillIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, {
     ...props,
     children: [
@@ -19,5 +19,5 @@ function ResolvedIcon(props) {
   });
 }
 
-export { ResolvedIcon };
-//# sourceMappingURL=Resolved.js.map
+export { CheckCircleFillIcon };
+//# sourceMappingURL=CheckCircleFill.js.map

package/dist/icons/CheckCircleFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleFill.js","sources":["../../src/icons/CheckCircleFill.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CheckCircleFillIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <circle cx={10} cy={10} r={7} fill=\"currentColor\" />\n      <path d=\"m13 8-4 4-2-2\" stroke=\"var(--lb-icon-background)\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,oBAAoB,KAA8B,EAAA;AAChE,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA;AAAA,QAAO,EAAI,EAAA,EAAA;AAAA,QAAI,EAAI,EAAA,EAAA;AAAA,QAAI,CAAG,EAAA,CAAA;AAAA,QAAG,IAAK,EAAA,cAAA;AAAA,OAAe,CAAA;AAAA,sBACjD,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,eAAA;AAAA,QAAgB,MAAO,EAAA,2BAAA;AAAA,OAA4B,CAAA;AAAA,KAAA;AAAA,GAC7D,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/index.cjs

@@ -10,6 +10,8 @@ var BellCrossed = require('./BellCrossed.cjs');
 var Blockquote = require('./Blockquote.cjs');
 var Bold = require('./Bold.cjs');
 var Check = require('./Check.cjs');
+var CheckCircle = require('./CheckCircle.cjs');
+var CheckCircleFill = require('./CheckCircleFill.cjs');
 var ChevronDown = require('./ChevronDown.cjs');
 var ChevronLeft = require('./ChevronLeft.cjs');
 var ChevronRight = require('./ChevronRight.cjs');
@@ -33,8 +35,6 @@ var ListUnordered = require('./ListUnordered.cjs');
 var Mention = require('./Mention.cjs');
 var QuestionMark = require('./QuestionMark.cjs');
 var Redo = require('./Redo.cjs');
-var Resolve = require('./Resolve.cjs');
-var Resolved = require('./Resolved.cjs');
 var Restore = require('./Restore.cjs');
 var Retry = require('./Retry.cjs');
 var Search = require('./Search.cjs');
@@ -63,6 +63,8 @@ exports.BellCrossedIcon = BellCrossed.BellCrossedIcon;
 exports.BlockquoteIcon = Blockquote.BlockquoteIcon;
 exports.BoldIcon = Bold.BoldIcon;
 exports.CheckIcon = Check.CheckIcon;
+exports.CheckCircleIcon = CheckCircle.CheckCircleIcon;
+exports.CheckCircleFillIcon = CheckCircleFill.CheckCircleFillIcon;
 exports.ChevronDownIcon = ChevronDown.ChevronDownIcon;
 exports.ChevronLeftIcon = ChevronLeft.ChevronLeftIcon;
 exports.ChevronRightIcon = ChevronRight.ChevronRightIcon;
@@ -86,8 +88,6 @@ exports.ListUnorderedIcon = ListUnordered.ListUnorderedIcon;
 exports.MentionIcon = Mention.MentionIcon;
 exports.QuestionMarkIcon = QuestionMark.QuestionMarkIcon;
 exports.RedoIcon = Redo.RedoIcon;
-exports.ResolveIcon = Resolve.ResolveIcon;
-exports.ResolvedIcon = Resolved.ResolvedIcon;
 exports.RestoreIcon = Restore.RestoreIcon;
 exports.RetryIcon = Retry.RetryIcon;
 exports.SearchIcon = Search.SearchIcon;

package/dist/icons/index.js

@@ -8,6 +8,8 @@ export { BellCrossedIcon } from './BellCrossed.js';
 export { BlockquoteIcon } from './Blockquote.js';
 export { BoldIcon } from './Bold.js';
 export { CheckIcon } from './Check.js';
+export { CheckCircleIcon } from './CheckCircle.js';
+export { CheckCircleFillIcon } from './CheckCircleFill.js';
 export { ChevronDownIcon } from './ChevronDown.js';
 export { ChevronLeftIcon } from './ChevronLeft.js';
 export { ChevronRightIcon } from './ChevronRight.js';
@@ -31,8 +33,6 @@ export { ListUnorderedIcon } from './ListUnordered.js';
 export { MentionIcon } from './Mention.js';
 export { QuestionMarkIcon } from './QuestionMark.js';
 export { RedoIcon } from './Redo.js';
-export { ResolveIcon } from './Resolve.js';
-export { ResolvedIcon } from './Resolved.js';
 export { RestoreIcon } from './Restore.js';
 export { RetryIcon } from './Retry.js';
 export { SearchIcon } from './Search.js';

package/dist/index.cjs

@@ -3,6 +3,7 @@
 var core = require('@liveblocks/core');
 var version = require('./version.cjs');
 var AiChat = require('./components/AiChat.cjs');
+var AiToolDebugger = require('./components/AiToolDebugger.cjs');
 var Comment = require('./components/Comment.cjs');
 var Composer = require('./components/Composer.cjs');
 var HistoryVersionSummary = require('./components/HistoryVersionSummary.cjs');
@@ -17,6 +18,7 @@ var overrides = require('./overrides.cjs');
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
 
 exports.AiChat = AiChat.AiChat;
+exports.AiToolDebugger = AiToolDebugger.AiToolDebugger;
 exports.Comment = Comment.Comment;
 exports.Composer = Composer.Composer;
 exports.HistoryVersionSummary = HistoryVersionSummary.HistoryVersionSummary;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AiChatProps } from \"./components/AiChat\";\nexport { AiChat } from \"./components/AiChat\";\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AiChatProps } from \"./components/AiChat\";\nexport { AiChat } from \"./components/AiChat\";\nexport { AiToolDebugger } from \"./components/AiToolDebugger\";\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;;;"}

package/dist/index.d.cts

@@ -1,8 +1,13 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentProps, FormEvent, ComponentType, RefAttributes, MouseEvent, PropsWithChildren } from 'react';
-import { CommentAttachment, AiKnowledgeSource, ClientToolDefinition, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
+import { ComponentType, ComponentPropsWithoutRef, ElementType, ReactNode, ComponentProps, FormEvent, RefAttributes, MouseEvent, PropsWithChildren } from 'react';
+import { CommentAttachment, AiKnowledgeSource, AiToolDefinition, AiToolDefinitionRenderProps, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface GlobalComponents {
+    Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
+}
+type Components = GlobalComponents;
+
 type Direction = "ltr" | "rtl";
 type SlotProp = {
     /**
@@ -76,15 +81,11 @@ interface ComposerOverrides {
 interface AiChatComposerOverrides {
     AI_CHAT_COMPOSER_PLACEHOLDER: string;
     AI_CHAT_COMPOSER_SEND: string;
-    AI_CHAT_COMPOSER_ATTACH_FILES: string;
-    AI_CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
     AI_CHAT_COMPOSER_ABORT: string;
 }
 interface AiChatMessageOverrides {
     AI_CHAT_MESSAGE_DELETED: string;
     AI_CHAT_MESSAGE_THINKING: string;
-    AI_CHAT_MESSAGE_COPY: string;
-    AI_CHAT_MESSAGE_TRY_AGAIN: string;
 }
 interface AiChatOverrides {
     AI_CHAT_MESSAGES_ERROR: (error: Error) => ReactNode;
@@ -131,19 +132,33 @@ interface AiChatProps extends ComponentProps<"div"> {
     copilotId?: string;
     /**
      * The contextual knowledge to include in the chat. May be used by the assistant when generating responses.
+     * Any knowledge you provide via this prop will be added to any already globally registered knowledge via <RegisterAiKnowledge />.
      */
-    knowledgeSources?: AiKnowledgeSource[];
+    knowledge?: AiKnowledgeSource[];
     /**
      * Tool definitions to make available within this chat. May be used by the assistant when generating responses.
      */
-    tools?: Record<string, ClientToolDefinition>;
+    tools?: Record<string, AiToolDefinition>;
     /**
      * Override the component's strings.
      */
     overrides?: Partial<GlobalOverrides & AiChatMessageOverrides & AiChatComposerOverrides & AiChatOverrides>;
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<GlobalComponents>;
 }
 declare const AiChat: react.ForwardRefExoticComponent<Omit<AiChatProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @experimental
+ * Helper to debug tool invocations.
+ *
+ * Simply drop this into your tool definition's `render` property to visually
+ * see what's going on with your tool calls.
+ */
+declare function AiToolDebugger(props: AiToolDefinitionRenderProps): react_jsx_runtime.JSX.Element;
+
 interface ComposerEditorMentionProps {
     /**
      * Whether the mention is selected.
@@ -437,11 +452,6 @@ type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<"ol">;
  */
 declare const HistoryVersionSummaryList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & react.RefAttributes<HTMLOListElement>>;
 
-interface GlobalComponents {
-    Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
-}
-type Components = GlobalComponents;
-
 interface AvatarProps extends ComponentProps<"div"> {
     /**
      * The user ID to display the avatar for.
@@ -745,6 +755,8 @@ declare function BoldIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.E
 
 declare function CheckIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function CheckCircleIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function ChevronDownIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function ChevronLeftIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -825,6 +837,7 @@ declare namespace icon {
     BlockquoteIcon as Blockquote,
     BoldIcon as Bold,
     CheckIcon as Check,
+    CheckCircleIcon as CheckCircle,
     ChevronDownIcon as ChevronDown,
     ChevronLeftIcon as ChevronLeft,
     ChevronRightIcon as ChevronRight,
@@ -862,4 +875,4 @@ declare namespace icon {
   };
 }
 
-export { AiChat, AiChatProps, Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };
+export { AiChat, AiChatProps, AiToolDebugger, Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };