@liveblocks/react-ui 2.24.0 → 2.25.0-aiprivatebeta0

package/dist/components/AiChat/AiChat.js

@@ -0,0 +1,198 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { kInternal } from '@liveblocks/core';
+import { useAiChatMessages, useClient } from '@liveblocks/react';
+import { useLayoutEffect } from '@liveblocks/react/_private';
+import { forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
+import { ChevronDownIcon } from '../../icons/ChevronDown.js';
+import { SpinnerIcon } from '../../icons/Spinner.js';
+import { useOverrides } from '../../overrides.js';
+import { classNames } from '../../utils/class-names.js';
+import { AiChatAssistantMessage } from '../internal/AiChatAssistantMessage.js';
+import { AiChatComposer } from '../internal/AiChatComposer.js';
+import { AiChatUserMessage } from '../internal/AiChatUserMessage.js';
+
+const BOTTOM_THRESHOLD = 100;
+const AiChat = forwardRef(function({
+  chatId,
+  copilotId,
+  overrides,
+  contexts = [],
+  tools = {},
+  className,
+  ...props
+}, forwardedRef) {
+  const { messages, isLoading, error } = useAiChatMessages(chatId);
+  const $ = useOverrides(overrides);
+  const containerRef = useRef(null);
+  const [distanceToBottom, setDistanceToBottom] = useState(null);
+  const client = useClient();
+  useImperativeHandle(
+    forwardedRef,
+    () => containerRef.current,
+    []
+  );
+  useEffect(() => {
+    const unregister = contexts.map(
+      (context) => client[kInternal].ai.registerChatContext(chatId, context)
+    );
+    return () => {
+      unregister.forEach((unregister2) => unregister2());
+    };
+  }, [client, chatId, contexts]);
+  useEffect(() => {
+    Object.entries(tools).map(
+      ([key, value]) => client[kInternal].ai.registerChatTool(chatId, key, value)
+    );
+    return () => {
+      Object.entries(tools).map(
+        ([key]) => client[kInternal].ai.unregisterChatTool(chatId, key)
+      );
+    };
+  }, [client, chatId, tools]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    function handleScrollChange() {
+      const container2 = containerRef.current;
+      if (container2 === null)
+        return;
+      setDistanceToBottom(
+        container2.scrollHeight - container2.clientHeight - container2.scrollTop
+      );
+    }
+    container.addEventListener("scroll", handleScrollChange);
+    return () => {
+      container.removeEventListener("scroll", handleScrollChange);
+    };
+  }, []);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    setDistanceToBottom(
+      container.scrollHeight - container.clientHeight - container.scrollTop
+    );
+  }, [messages]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (container === null)
+      return;
+    const observer = new ResizeObserver(() => {
+      const container2 = containerRef.current;
+      if (container2 === null)
+        return;
+      setDistanceToBottom(
+        container2.scrollHeight - container2.clientHeight - container2.scrollTop
+      );
+    });
+    observer.observe(container);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const scrollToBottomCallbackRef = useRef(void 0);
+  if (scrollToBottomCallbackRef.current === void 0) {
+    scrollToBottomCallbackRef.current = function() {
+      const container = containerRef.current;
+      if (container === null)
+        return;
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: "instant"
+      });
+    };
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    ref: containerRef,
+    ...props,
+    className: classNames("lb-root lb-ai-chat", className),
+    children: [
+      isLoading ? /* @__PURE__ */ jsx("div", {
+        className: "lb-ai-chat-loading lb-loading",
+        children: /* @__PURE__ */ jsx(SpinnerIcon, {})
+      }) : error !== void 0 ? /* @__PURE__ */ jsx("div", {
+        className: "lb-ai-chat-error lb-error",
+        children: $.GET_CHAT_MESSAGES_ERROR(error)
+      }) : /* @__PURE__ */ jsx("div", {
+        className: "lb-ai-chat-messages",
+        children: /* @__PURE__ */ jsx(Messages, {
+          messages,
+          overrides: $,
+          onDistanceToBottomChange: scrollToBottomCallbackRef.current
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "lb-ai-chat-footer",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            className: "lb-ai-chat-footer-actions",
+            children: /* @__PURE__ */ jsx("button", {
+              className: "lb-ai-chat-scroll-button lb-button",
+              "data-visible": distanceToBottom !== null && distanceToBottom > BOTTOM_THRESHOLD ? "" : void 0,
+              "data-variant": "secondary",
+              onClick: () => {
+                const container = containerRef.current;
+                if (container === null)
+                  return;
+                container.scrollTo({
+                  top: container.scrollHeight,
+                  behavior: "smooth"
+                });
+              },
+              children: /* @__PURE__ */ jsx("span", {
+                className: "lb-icon-container",
+                children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx(AiChatComposer, {
+            chatId,
+            copilotId,
+            className: "lb-ai-chat-composer",
+            overrides: $,
+            onComposerSubmit: () => {
+              const container = containerRef.current;
+              if (container === null)
+                return;
+              container.scrollTo({
+                top: container.scrollHeight,
+                behavior: "smooth"
+              });
+            }
+          }, chatId)
+        ]
+      })
+    ]
+  });
+});
+function Messages({
+  messages,
+  overrides,
+  onDistanceToBottomChange
+}) {
+  const $ = useOverrides(overrides);
+  useLayoutEffect(() => {
+    onDistanceToBottomChange();
+  }, [onDistanceToBottomChange]);
+  return messages.map((message) => {
+    if (message.role === "user") {
+      return /* @__PURE__ */ jsx(AiChatUserMessage, {
+        message,
+        overrides: $,
+        className: "lb-ai-chat-messages-user-message"
+      }, message.id);
+    } else if (message.role === "assistant") {
+      return /* @__PURE__ */ jsx(AiChatAssistantMessage, {
+        message,
+        overrides: $,
+        className: "lb-ai-chat-messages-assistant-message"
+      }, message.id);
+    } else {
+      return null;
+    }
+  });
+}
+
+export { AiChat };
+//# sourceMappingURL=AiChat.js.map

package/dist/components/AiChat/AiChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChat.js","sources":["../../../src/components/AiChat/AiChat.tsx"],"sourcesContent":["import {\n  type AiChatContext,\n  type ClientToolDefinition,\n  type CopilotId,\n  kInternal,\n  type UiChatMessage,\n} from \"@liveblocks/core\";\nimport { useAiChatMessages, useClient } from \"@liveblocks/react\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { SpinnerIcon } from \"../../icons/Spinner\";\nimport {\n  type ChatComposerOverrides,\n  type ChatMessageOverrides,\n  type ChatOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { AiChatAssistantMessage } from \"../internal/AiChatAssistantMessage\";\nimport { AiChatComposer } from \"../internal/AiChatComposer\";\nimport { AiChatUserMessage } from \"../internal/AiChatUserMessage\";\n\n/**\n * The number of pixels from the bottom of the messages list to trigger the scroll to bottom.\n */\nconst BOTTOM_THRESHOLD = 100;\n\nexport type AiChatProps = HTMLAttributes<HTMLDivElement> & {\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   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  contexts?: AiChatContext[];\n  /**\n   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  tools?: Record<string, ClientToolDefinition>;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides &\n      ChatMessageOverrides &\n      ChatComposerOverrides &\n      ChatOverrides\n  >;\n};\nexport const AiChat = forwardRef<HTMLDivElement, AiChatProps>(function (\n  {\n    chatId,\n    copilotId,\n    overrides,\n    contexts = [],\n    tools = {},\n    className,\n    ...props\n  },\n  forwardedRef\n) {\n  const { messages, isLoading, error } = useAiChatMessages(chatId);\n  const $ = useOverrides(overrides);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [distanceToBottom, setDistanceToBottom] = useState<number | null>(null);\n  const client = useClient();\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n    forwardedRef,\n    () => containerRef.current,\n    []\n  );\n\n  // Add the provided contextual information to the chat on mount and remove on unmount\n  // Note: 'contexts' will most likely be a new object on each render (unless user passes a stable object), but this won't be an issue as context addition and removal is a quick operation\n  useEffect(() => {\n    const unregister = contexts.map((context) =>\n      client[kInternal].ai.registerChatContext(chatId, context)\n    );\n    return () => {\n      unregister.forEach((unregister) => unregister());\n    };\n  }, [client, chatId, contexts]);\n\n  // Register the provided tools to the chat on mount and unregister them on unmount\n  useEffect(() => {\n    Object.entries(tools).map(([key, value]) =>\n      client[kInternal].ai.registerChatTool(chatId, key, value)\n    );\n    return () => {\n      Object.entries(tools).map(([key]) =>\n        client[kInternal].ai.unregisterChatTool(chatId, key)\n      );\n    };\n  }, [client, chatId, tools]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n    function handleScrollChange() {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    }\n    container.addEventListener(\"scroll\", handleScrollChange);\n    return () => {\n      container.removeEventListener(\"scroll\", handleScrollChange);\n    };\n  }, []);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    setDistanceToBottom(\n      container.scrollHeight - container.clientHeight - container.scrollTop\n    );\n  }, [messages]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    const observer = new ResizeObserver(() => {\n      const container = containerRef.current;\n      if (container === null) return;\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const scrollToBottomCallbackRef = useRef<() => void>(undefined);\n  if (scrollToBottomCallbackRef.current === undefined) {\n    scrollToBottomCallbackRef.current = function () {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"instant\",\n      });\n    };\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      className={classNames(\"lb-root lb-ai-chat\", className)}\n    >\n      {isLoading ? (\n        <div className=\"lb-ai-chat-loading lb-loading\">\n          <SpinnerIcon />\n        </div>\n      ) : error !== undefined ? (\n        <div className=\"lb-ai-chat-error lb-error\">\n          {$.GET_CHAT_MESSAGES_ERROR(error)}\n        </div>\n      ) : (\n        <div className=\"lb-ai-chat-messages\">\n          <Messages\n            messages={messages}\n            overrides={$}\n            onDistanceToBottomChange={scrollToBottomCallbackRef.current}\n          />\n        </div>\n      )}\n\n      <div className=\"lb-ai-chat-footer\">\n        <div className=\"lb-ai-chat-footer-actions\">\n          <button\n            className=\"lb-ai-chat-scroll-button lb-button\"\n            data-visible={\n              distanceToBottom !== null && distanceToBottom > BOTTOM_THRESHOLD\n                ? \"\"\n                : undefined\n            }\n            data-variant=\"secondary\"\n            onClick={() => {\n              const container = containerRef.current;\n              if (container === null) return;\n\n              container.scrollTo({\n                top: container.scrollHeight,\n                behavior: \"smooth\",\n              });\n            }}\n          >\n            <span className=\"lb-icon-container\">\n              <ChevronDownIcon />\n            </span>\n          </button>\n        </div>\n        <AiChatComposer\n          key={chatId}\n          chatId={chatId}\n          copilotId={copilotId}\n          className=\"lb-ai-chat-composer\"\n          overrides={$}\n          onComposerSubmit={() => {\n            const container = containerRef.current;\n            if (container === null) return;\n            container.scrollTo({\n              top: container.scrollHeight,\n              behavior: \"smooth\",\n            });\n          }}\n        />\n      </div>\n    </div>\n  );\n});\n\nfunction Messages({\n  messages,\n  overrides,\n  onDistanceToBottomChange,\n}: {\n  messages: readonly UiChatMessage[];\n  overrides: Partial<GlobalOverrides & ChatMessageOverrides>;\n  onDistanceToBottomChange: () => void;\n}) {\n  const $ = useOverrides(overrides);\n\n  useLayoutEffect(() => {\n    onDistanceToBottomChange();\n  }, [onDistanceToBottomChange]);\n\n  return messages.map((message) => {\n    if (message.role === \"user\") {\n      return (\n        <AiChatUserMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-user-message\"\n        />\n      );\n    } else if (message.role === \"assistant\") {\n      return (\n        <AiChatAssistantMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-assistant-message\"\n        />\n      );\n    } else {\n      return null;\n    }\n  });\n}\n"],"names":["unregister","container"],"mappings":";;;;;;;;;;;;;AAmCA,MAAM,gBAAmB,GAAA,GAAA,CAAA;AA6BZ,MAAA,MAAA,GAAS,WAAwC,SAC5D;AAAA,EACE,MAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAW,EAAC;AAAA,EACZ,QAAQ,EAAC;AAAA,EACT,SAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,KAAM,EAAA,GAAI,kBAAkB,MAAM,CAAA,CAAA;AAC/D,EAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAChC,EAAM,MAAA,YAAA,GAAe,OAA8B,IAAI,CAAA,CAAA;AACvD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAwB,IAAI,CAAA,CAAA;AAC5E,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,mBAAA;AAAA,IACE,YAAA;AAAA,IACA,MAAM,YAAa,CAAA,OAAA;AAAA,IACnB,EAAC;AAAA,GACH,CAAA;AAIA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,aAAa,QAAS,CAAA,GAAA;AAAA,MAAI,CAAC,OAC/B,KAAA,MAAA,CAAO,WAAW,EAAG,CAAA,mBAAA,CAAoB,QAAQ,OAAO,CAAA;AAAA,KAC1D,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAQ,CAAA,CAACA,WAAeA,KAAAA,WAAAA,EAAY,CAAA,CAAA;AAAA,KACjD,CAAA;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,CAAC,CAAA,CAAA;AAG7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,MAAA,CAAA,OAAA,CAAQ,KAAK,CAAE,CAAA,GAAA;AAAA,MAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KACpC,MAAO,CAAA,SAAA,CAAA,CAAW,EAAG,CAAA,gBAAA,CAAiB,MAAQ,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,KAC1D,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,OAAA,CAAQ,KAAK,CAAE,CAAA,GAAA;AAAA,QAAI,CAAC,CAAC,GAAG,CAAA,KAC7B,OAAO,SAAW,CAAA,CAAA,EAAA,CAAG,kBAAmB,CAAA,MAAA,EAAQ,GAAG,CAAA;AAAA,OACrD,CAAA;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA,CAAA;AAE1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,IAAA,IAAI,SAAc,KAAA,IAAA;AAAM,MAAA,OAAA;AACxB,IAAA,SAAS,kBAAqB,GAAA;AAC5B,MAAA,MAAMC,aAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,MAAA,IAAIA,UAAc,KAAA,IAAA;AAAM,QAAA,OAAA;AAExB,MAAA,mBAAA;AAAA,QACEA,UAAU,CAAA,YAAA,GAAeA,UAAU,CAAA,YAAA,GAAeA,UAAU,CAAA,SAAA;AAAA,OAC9D,CAAA;AAAA,KACF;AACA,IAAU,SAAA,CAAA,gBAAA,CAAiB,UAAU,kBAAkB,CAAA,CAAA;AACvD,IAAA,OAAO,MAAM;AACX,MAAU,SAAA,CAAA,mBAAA,CAAoB,UAAU,kBAAkB,CAAA,CAAA;AAAA,KAC5D,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,IAAA,IAAI,SAAc,KAAA,IAAA;AAAM,MAAA,OAAA;AAExB,IAAA,mBAAA;AAAA,MACE,SAAU,CAAA,YAAA,GAAe,SAAU,CAAA,YAAA,GAAe,SAAU,CAAA,SAAA;AAAA,KAC9D,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,IAAA,IAAI,SAAc,KAAA,IAAA;AAAM,MAAA,OAAA;AAExB,IAAM,MAAA,QAAA,GAAW,IAAI,cAAA,CAAe,MAAM;AACxC,MAAA,MAAMA,aAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,MAAA,IAAIA,UAAc,KAAA,IAAA;AAAM,QAAA,OAAA;AACxB,MAAA,mBAAA;AAAA,QACEA,UAAU,CAAA,YAAA,GAAeA,UAAU,CAAA,YAAA,GAAeA,UAAU,CAAA,SAAA;AAAA,OAC9D,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,QAAA,CAAS,QAAQ,SAAS,CAAA,CAAA;AAC1B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,yBAAA,GAA4B,OAAmB,KAAS,CAAA,CAAA,CAAA;AAC9D,EAAI,IAAA,yBAAA,CAA0B,YAAY,KAAW,CAAA,EAAA;AACnD,IAAA,yBAAA,CAA0B,UAAU,WAAY;AAC9C,MAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,MAAA,IAAI,SAAc,KAAA,IAAA;AAAM,QAAA,OAAA;AAExB,MAAA,SAAA,CAAU,QAAS,CAAA;AAAA,QACjB,KAAK,SAAU,CAAA,YAAA;AAAA,QACf,QAAU,EAAA,SAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,YAAA;AAAA,IACJ,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,UAAW,CAAA,oBAAA,EAAsB,SAAS,CAAA;AAAA,IAEpD,QAAA,EAAA;AAAA,MAAA,SAAA,mBACE,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAU,EAAA,+BAAA;AAAA,QACb,8BAAC,WAAY,EAAA,EAAA,CAAA;AAAA,OACf,CAAA,GACE,KAAU,KAAA,KAAA,CAAA,mBACX,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAU,EAAA,2BAAA;AAAA,QACZ,QAAA,EAAA,CAAA,CAAE,wBAAwB,KAAK,CAAA;AAAA,OAClC,oBAEC,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAU,EAAA,qBAAA;AAAA,QACb,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,QAAA;AAAA,UACA,SAAW,EAAA,CAAA;AAAA,UACX,0BAA0B,yBAA0B,CAAA,OAAA;AAAA,SACtD,CAAA;AAAA,OACF,CAAA;AAAA,sBAGD,IAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAU,EAAA,mBAAA;AAAA,QACb,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,KAAA,EAAA;AAAA,YAAI,SAAU,EAAA,2BAAA;AAAA,YACb,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,cACC,SAAU,EAAA,oCAAA;AAAA,cACV,cACE,EAAA,gBAAA,KAAqB,IAAQ,IAAA,gBAAA,GAAmB,mBAC5C,EACA,GAAA,KAAA,CAAA;AAAA,cAEN,cAAa,EAAA,WAAA;AAAA,cACb,SAAS,MAAM;AACb,gBAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,gBAAA,IAAI,SAAc,KAAA,IAAA;AAAM,kBAAA,OAAA;AAExB,gBAAA,SAAA,CAAU,QAAS,CAAA;AAAA,kBACjB,KAAK,SAAU,CAAA,YAAA;AAAA,kBACf,QAAU,EAAA,QAAA;AAAA,iBACX,CAAA,CAAA;AAAA,eACH;AAAA,cAEA,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,gBAAK,SAAU,EAAA,mBAAA;AAAA,gBACd,8BAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,eACnB,CAAA;AAAA,aACF,CAAA;AAAA,WACF,CAAA;AAAA,0BACC,GAAA,CAAA,cAAA,EAAA;AAAA,YAEC,MAAA;AAAA,YACA,SAAA;AAAA,YACA,SAAU,EAAA,qBAAA;AAAA,YACV,SAAW,EAAA,CAAA;AAAA,YACX,kBAAkB,MAAM;AACtB,cAAA,MAAM,YAAY,YAAa,CAAA,OAAA,CAAA;AAC/B,cAAA,IAAI,SAAc,KAAA,IAAA;AAAM,gBAAA,OAAA;AACxB,cAAA,SAAA,CAAU,QAAS,CAAA;AAAA,gBACjB,KAAK,SAAU,CAAA,YAAA;AAAA,gBACf,QAAU,EAAA,QAAA;AAAA,eACX,CAAA,CAAA;AAAA,aACH;AAAA,WAAA,EAZK,MAaP,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAED,SAAS,QAAS,CAAA;AAAA,EAChB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAEhC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAyB,wBAAA,EAAA,CAAA;AAAA,GAC3B,EAAG,CAAC,wBAAwB,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAY,KAAA;AAC/B,IAAI,IAAA,OAAA,CAAQ,SAAS,MAAQ,EAAA;AAC3B,MAAA,uBACG,GAAA,CAAA,iBAAA,EAAA;AAAA,QAEC,OAAA;AAAA,QACA,SAAW,EAAA,CAAA;AAAA,QACX,SAAU,EAAA,kCAAA;AAAA,OAAA,EAHL,QAAQ,EAIf,CAAA,CAAA;AAAA,KAEJ,MAAA,IAAW,OAAQ,CAAA,IAAA,KAAS,WAAa,EAAA;AACvC,MAAA,uBACG,GAAA,CAAA,sBAAA,EAAA;AAAA,QAEC,OAAA;AAAA,QACA,SAAW,EAAA,CAAA;AAAA,QACX,SAAU,EAAA,uCAAA;AAAA,OAAA,EAHL,QAAQ,EAIf,CAAA,CAAA;AAAA,KAEG,MAAA;AACL,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist/components/internal/AiChatAssistantMessage.cjs

@@ -0,0 +1,353 @@
+'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 marked = require('marked');
+var react = require('react');
+require('../../_private/index.cjs');
+require('../../icons/index.cjs');
+var Copy = require('../../icons/Copy.cjs');
+var Warning = require('../../icons/Warning.cjs');
+var overrides = require('../../overrides.cjs');
+var Collapsible = require('../../primitives/internal/Collapsible.cjs');
+var Markdown = require('../../primitives/internal/Markdown.cjs');
+var classNames = require('../../utils/class-names.cjs');
+var Tooltip = require('./Tooltip.cjs');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var Check = require('../../icons/Check.cjs');
+var ChevronDown = require('../../icons/ChevronDown.cjs');
+var ChevronRight = require('../../icons/ChevronRight.cjs');
+
+const AiChatAssistantMessage = react.memo(
+  react.forwardRef(
+    ({
+      message,
+      showActions = false,
+      showRegenerate = false,
+      copilotId,
+      className,
+      overrides: overrides$1,
+      ...props
+    }, forwardedRef) => {
+      const $ = overrides.useOverrides(overrides$1);
+      function MessageActions({ text }) {
+        if (!showActions)
+          return null;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+          className: "lb-ai-chat-assistant-message-actions",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+              content: $.CHAT_MESSAGE_COPY,
+              children: /* @__PURE__ */ jsxRuntime.jsx(CopyTextButton, {
+                text,
+                label: $.CHAT_MESSAGE_COPY
+              })
+            }),
+            showRegenerate && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+              content: $.CHAT_MESSAGE_TRY_AGAIN,
+              children: /* @__PURE__ */ jsxRuntime.jsx(RegenerateMessageButton, {
+                chatId: message.chatId,
+                messageId: message.id,
+                copilotId,
+                label: $.CHAT_MESSAGE_TRY_AGAIN
+              })
+            })
+          ]
+        });
+      }
+      if (message.deletedAt !== void 0) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: classNames.classNames("lb-ai-chat-assistant-message", className),
+          ...props,
+          ref: forwardedRef,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-assistant-message-deleted",
+            children: $.CHAT_MESSAGE_DELETED
+          })
+        });
+      } else if (message.status === "pending") {
+        if (message.contentSoFar.length === 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: classNames.classNames("lb-ai-chat-assistant-message", className),
+            ...props,
+            ref: forwardedRef,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: "lb-ai-chat-assistant-message-thinking",
+              children: $.CHAT_MESSAGE_THINKING
+            })
+          });
+        } else {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: classNames.classNames(
+              "lb-ai-chat-assistant-message",
+              showActions === "hover" && "lb-ai-chat-assistant-message:show-actions-hover",
+              className
+            ),
+            ...props,
+            ref: forwardedRef,
+            children: /* @__PURE__ */ jsxRuntime.jsx(AssistantMessageContent, {
+              content: message.contentSoFar,
+              chatId: message.chatId
+            })
+          });
+        }
+      } else if (message.status === "completed") {
+        const text = message.content.reduce((acc, part) => {
+          if (part.type === "text") {
+            return acc + part.text;
+          }
+          return acc;
+        }, "");
+        return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            className: classNames.classNames(
+              "lb-ai-chat-assistant-message",
+              showActions === "hover" && "lb-ai-chat-assistant-message:show-actions-hover",
+              className
+            ),
+            ...props,
+            ref: forwardedRef,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(AssistantMessageContent, {
+                content: message.content,
+                chatId: message.chatId
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx(MessageActions, {
+                text
+              })
+            ]
+          })
+        });
+      } else if (message.status === "failed") {
+        const text = message.contentSoFar.reduce((acc, part) => {
+          if (part.type === "text") {
+            return acc + part.text;
+          }
+          return acc;
+        }, "");
+        return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            className: classNames.classNames(
+              "lb-ai-chat-assistant-message",
+              showActions === "hover" && "lb-ai-chat-assistant-message:show-actions-hover",
+              className
+            ),
+            ...props,
+            ref: forwardedRef,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(AssistantMessageContent, {
+                content: message.contentSoFar,
+                chatId: message.chatId
+              }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", {
+                className: "lb-asssitant-chat-message-error",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", {
+                    className: "lb-icon-container",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Warning.WarningIcon, {})
+                  }),
+                  message.errorReason
+                ]
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx(MessageActions, {
+                text
+              })
+            ]
+          })
+        });
+      }
+      return null;
+    }
+  )
+);
+function CopyTextButton({ text, label }) {
+  const [isCopied, setIsCopied] = react.useState(false);
+  react.useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      setIsCopied(false);
+    }, 2e3);
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [isCopied]);
+  return /* @__PURE__ */ jsxRuntime.jsx("button", {
+    type: "button",
+    onClick: function() {
+      navigator.clipboard.writeText(text);
+      setIsCopied(true);
+    },
+    "data-variant": "default",
+    className: "lb-button lb-ai-chat-assistant-message-copy-button",
+    "aria-label": label,
+    children: /* @__PURE__ */ jsxRuntime.jsx("span", {
+      className: "lb-icon-container",
+      children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Copy.CopyIcon, {})
+    })
+  });
+}
+function RegenerateMessageButton({
+  chatId,
+  messageId,
+  copilotId,
+  label
+}) {
+  const client = react$1.useClient();
+  return /* @__PURE__ */ jsxRuntime.jsx("button", {
+    type: "button",
+    onClick: function() {
+      client[core.kInternal].ai.regenerateMessage(chatId, messageId, {
+        copilotId,
+        stream: true
+      });
+    },
+    "data-variant": "default",
+    className: "lb-button lb-ai-chat-assistant-message-regenerate-button",
+    "aria-label": label,
+    children: /* @__PURE__ */ jsxRuntime.jsx("span", {
+      className: "lb-icon-container",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "lb-icon",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", {
+            d: "M4 10 a6 6 0 0 1 6 -6 a6.5 6.5 0 0 1 4.49 1.83 L16 7.33"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", {
+            d: "M16 4 v3.33 h-3.33"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", {
+            d: "M16 10 a6 6 0 0 1 -6 6 a6.5 6.5 0 0 1 -4.49 -1.83 L4 12.67"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", {
+            d: "M7.33 12.67 H4 v3.33"
+          })
+        ]
+      })
+    })
+  });
+}
+function AssistantMessageContent({
+  content,
+  chatId
+}) {
+  const isReasoning = content.some((part) => part.type === "reasoning") && content.every((part) => part.type === "reasoning");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: "lb-ai-chat-assistant-message-content",
+    children: content.map((part, index) => {
+      switch (part.type) {
+        case "text": {
+          return /* @__PURE__ */ jsxRuntime.jsx(TextPart, {
+            text: part.text,
+            className: "lb-ai-chat-assistant-message-text-part"
+          }, index);
+        }
+        case "tool-call": {
+          return /* @__PURE__ */ jsxRuntime.jsx(ToolCallPart, {
+            chatId,
+            name: part.toolName,
+            args: part.args
+          }, index);
+        }
+        case "reasoning": {
+          return /* @__PURE__ */ jsxRuntime.jsx(ReasoningPart, {
+            text: part.text,
+            isPending: isReasoning
+          }, index);
+        }
+        default: {
+          return null;
+        }
+      }
+    })
+  });
+}
+const TextPart = react.forwardRef(
+  ({ text, ...props }, forwardedRef) => {
+    const tokens = react.useMemo(() => {
+      return new marked.Lexer().lex(text);
+    }, [text]);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ref: forwardedRef,
+      ...props,
+      children: tokens.map((token, index) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(MemoizedBlockTokenComp, {
+          token
+        }, index);
+      })
+    });
+  }
+);
+const MemoizedBlockTokenComp = react.memo(
+  function BlockTokenComp({ token }) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Markdown.BlockTokenComp, {
+      token
+    });
+  },
+  (prevProps, nextProps) => {
+    const prevToken = prevProps.token;
+    const nextToken = nextProps.token;
+    if (prevToken.raw.length !== nextToken.raw.length) {
+      return false;
+    }
+    if (prevToken.type !== nextToken.type) {
+      return false;
+    }
+    return prevToken.raw === nextToken.raw;
+  }
+);
+function ToolCallPart({
+  chatId,
+  name,
+  args
+}) {
+  const client = react$1.useClient();
+  const tool = _private.useSignal(
+    client[core.kInternal].ai.signals.getToolDefinition\u03A3(chatId, name)
+  );
+  if (tool === void 0 || tool.render === void 0)
+    return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(tool.render, {
+    args
+  });
+}
+function ReasoningPart({
+  text,
+  isPending
+}) {
+  const [isOpen, setIsOpen] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Collapsible.Root, {
+    className: "lb-ai-chat-assistant-message-reasoning-part",
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Collapsible.Trigger, {
+        className: "lb-ai-chat-assistant-message-reasoning-part-trigger",
+        "data-reasoning": isPending ? "" : void 0,
+        children: [
+          "Reasoning",
+          /* @__PURE__ */ jsxRuntime.jsx("span", {
+            className: "lb-icon-container",
+            children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(ChevronDown.ChevronDownIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight.ChevronRightIcon, {})
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(Collapsible.Content, {
+        className: "lb-ai-chat-assistant-message-reasoning-part-content",
+        children: text
+      })
+    ]
+  });
+}
+
+exports.AiChatAssistantMessage = AiChatAssistantMessage;
+//# sourceMappingURL=AiChatAssistantMessage.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatAssistantMessage.cjs","sources":["../../../src/components/internal/AiChatAssistantMessage.tsx"],"sourcesContent":["import {\n  type AiAssistantContentPart,\n  type CopilotId,\n  kInternal,\n  type MessageId,\n  type UiAssistantMessage,\n} from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport { useSignal } from \"@liveblocks/react/_private\";\nimport { Lexer } from \"marked\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  memo,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { Tooltip, TooltipProvider } from \"../../_private\";\nimport { CheckIcon, ChevronDownIcon, ChevronRightIcon } from \"../../icons\";\nimport { CopyIcon } from \"../../icons/Copy\";\nimport { WarningIcon } from \"../../icons/Warning\";\nimport {\n  type ChatMessageOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport * as CollapsiblePrimitive from \"../../primitives/internal/Collapsible\";\nimport {\n  type BlockToken,\n  BlockTokenComp as BlockTokenCompPrimitive,\n} from \"../../primitives/internal/Markdown\";\nimport { classNames } from \"../../utils/class-names\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatAssistantMessage\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatAssistantMessageProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The message to display.\n   */\n  message: UiAssistantMessage;\n  /**\n   * Whether to show or hide message actions.\n   * @internal\n   */\n  showActions?: boolean | \"hover\";\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides & ChatMessageOverrides>;\n  /**\n   * @internal\n   * Whether to show or hide the regenerate button.\n   */\n  showRegenerate?: boolean;\n  /**\n   * @internal\n   * The id of the copilot to use to regenerate the message. Only used if `showRegenerate` is true.\n   */\n  copilotId?: CopilotId;\n};\n\nexport const AiChatAssistantMessage = memo(\n  forwardRef<HTMLDivElement, AiChatAssistantMessageProps>(\n    (\n      {\n        message,\n        showActions = false,\n        showRegenerate = false,\n        copilotId,\n        className,\n        overrides,\n        ...props\n      },\n      forwardedRef\n    ) => {\n      const $ = useOverrides(overrides);\n\n      function MessageActions({ text }: { text: string }) {\n        if (!showActions) return null;\n\n        return (\n          <div className=\"lb-ai-chat-assistant-message-actions\">\n            <Tooltip content={$.CHAT_MESSAGE_COPY}>\n              <CopyTextButton text={text} label={$.CHAT_MESSAGE_COPY} />\n            </Tooltip>\n\n            {showRegenerate && (\n              <Tooltip content={$.CHAT_MESSAGE_TRY_AGAIN}>\n                <RegenerateMessageButton\n                  chatId={message.chatId}\n                  messageId={message.id}\n                  copilotId={copilotId}\n                  label={$.CHAT_MESSAGE_TRY_AGAIN}\n                />\n              </Tooltip>\n            )}\n          </div>\n        );\n      }\n\n      if (message.deletedAt !== undefined) {\n        return (\n          <div\n            className={classNames(\"lb-ai-chat-assistant-message\", className)}\n            {...props}\n            ref={forwardedRef}\n          >\n            <div className=\"lb-ai-chat-assistant-message-deleted\">\n              {$.CHAT_MESSAGE_DELETED}\n            </div>\n          </div>\n        );\n      } else if (message.status === \"pending\") {\n        if (message.contentSoFar.length === 0) {\n          return (\n            <div\n              className={classNames(\"lb-ai-chat-assistant-message\", className)}\n              {...props}\n              ref={forwardedRef}\n            >\n              <div className=\"lb-ai-chat-assistant-message-thinking\">\n                {$.CHAT_MESSAGE_THINKING}\n              </div>\n            </div>\n          );\n        } else {\n          return (\n            <div\n              className={classNames(\n                \"lb-ai-chat-assistant-message\",\n                showActions === \"hover\" &&\n                  \"lb-ai-chat-assistant-message:show-actions-hover\",\n                className\n              )}\n              {...props}\n              ref={forwardedRef}\n            >\n              <AssistantMessageContent\n                content={message.contentSoFar}\n                chatId={message.chatId}\n              />\n            </div>\n          );\n        }\n      } else if (message.status === \"completed\") {\n        const text: string = message.content.reduce((acc, part) => {\n          if (part.type === \"text\") {\n            return acc + part.text;\n          }\n          return acc;\n        }, \"\");\n\n        return (\n          <TooltipProvider>\n            <div\n              className={classNames(\n                \"lb-ai-chat-assistant-message\",\n                showActions === \"hover\" &&\n                  \"lb-ai-chat-assistant-message:show-actions-hover\",\n                className\n              )}\n              {...props}\n              ref={forwardedRef}\n            >\n              <AssistantMessageContent\n                content={message.content}\n                chatId={message.chatId}\n              />\n\n              <MessageActions text={text} />\n            </div>\n          </TooltipProvider>\n        );\n      } else if (message.status === \"failed\") {\n        const text: string = message.contentSoFar.reduce((acc, part) => {\n          if (part.type === \"text\") {\n            return acc + part.text;\n          }\n          return acc;\n        }, \"\");\n\n        return (\n          <TooltipProvider>\n            <div\n              className={classNames(\n                \"lb-ai-chat-assistant-message\",\n                showActions === \"hover\" &&\n                  \"lb-ai-chat-assistant-message:show-actions-hover\",\n                className\n              )}\n              {...props}\n              ref={forwardedRef}\n            >\n              <AssistantMessageContent\n                content={message.contentSoFar}\n                chatId={message.chatId}\n              />\n\n              <div className=\"lb-asssitant-chat-message-error\">\n                <span className=\"lb-icon-container\">\n                  <WarningIcon />\n                </span>\n\n                {message.errorReason}\n              </div>\n\n              <MessageActions text={text} />\n            </div>\n          </TooltipProvider>\n        );\n      }\n      return null;\n    }\n  )\n);\n\nfunction CopyTextButton({ text, label }: { text: string; label: string }) {\n  const [isCopied, setIsCopied] = useState(false);\n\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [isCopied]);\n\n  return (\n    <button\n      type=\"button\"\n      onClick={function () {\n        navigator.clipboard.writeText(text);\n        setIsCopied(true);\n      }}\n      data-variant=\"default\"\n      className=\"lb-button lb-ai-chat-assistant-message-copy-button\"\n      aria-label={label}\n    >\n      <span className=\"lb-icon-container\">\n        {isCopied ? <CheckIcon /> : <CopyIcon />}\n      </span>\n    </button>\n  );\n}\n\nfunction RegenerateMessageButton({\n  chatId,\n  messageId,\n  copilotId,\n  label,\n}: {\n  chatId: string;\n  messageId: MessageId;\n  copilotId?: CopilotId;\n  label: string;\n}) {\n  const client = useClient();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={function () {\n        client[kInternal].ai.regenerateMessage(chatId, messageId, {\n          copilotId,\n          stream: true,\n        });\n      }}\n      data-variant=\"default\"\n      className=\"lb-button lb-ai-chat-assistant-message-regenerate-button\"\n      aria-label={label}\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=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"lb-icon\"\n        >\n          <path d=\"M4 10 a6 6 0 0 1 6 -6 a6.5 6.5 0 0 1 4.49 1.83 L16 7.33\" />\n          <path d=\"M16 4 v3.33 h-3.33\" />\n          <path d=\"M16 10 a6 6 0 0 1 -6 6 a6.5 6.5 0 0 1 -4.49 -1.83 L4 12.67\" />\n          <path d=\"M7.33 12.67 H4 v3.33\" />\n        </svg>\n      </span>\n    </button>\n  );\n}\n\nfunction AssistantMessageContent({\n  content,\n  chatId,\n}: {\n  content: AiAssistantContentPart[];\n  chatId: string;\n}) {\n  // A message is considered to be in \"reasoning\" state if it only contains reasoning parts and no other parts.\n  const isReasoning =\n    content.some((part) => part.type === \"reasoning\") &&\n    content.every((part) => part.type === \"reasoning\");\n\n  return (\n    <div className=\"lb-ai-chat-assistant-message-content\">\n      {content.map((part, index) => {\n        switch (part.type) {\n          case \"text\": {\n            return (\n              <TextPart\n                key={index}\n                text={part.text}\n                className=\"lb-ai-chat-assistant-message-text-part\"\n              />\n            );\n          }\n          case \"tool-call\": {\n            return (\n              <ToolCallPart\n                key={index}\n                chatId={chatId}\n                name={part.toolName}\n                args={part.args}\n              />\n            );\n          }\n          case \"reasoning\": {\n            return (\n              <ReasoningPart\n                key={index}\n                text={part.text}\n                isPending={isReasoning}\n              />\n            );\n          }\n          default: {\n            return null;\n          }\n        }\n      })}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * TextPart\n * -----------------------------------------------------------------------------------------------*/\ntype TextPartProps = HTMLAttributes<HTMLDivElement> & {\n  text: string;\n};\n\nconst TextPart = forwardRef<HTMLDivElement, TextPartProps>(\n  ({ text, ...props }, forwardedRef) => {\n    const tokens = useMemo(() => {\n      return new Lexer().lex(text);\n    }, [text]);\n\n    return (\n      <div ref={forwardedRef} {...props}>\n        {tokens.map((token, index) => {\n          return (\n            <MemoizedBlockTokenComp token={token as BlockToken} key={index} />\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nconst MemoizedBlockTokenComp = memo(\n  function BlockTokenComp({ token }: { token: BlockToken }) {\n    return <BlockTokenCompPrimitive token={token} />;\n  },\n  (prevProps, nextProps) => {\n    const prevToken = prevProps.token;\n    const nextToken = nextProps.token;\n    if (prevToken.raw.length !== nextToken.raw.length) {\n      return false;\n    }\n    if (prevToken.type !== nextToken.type) {\n      return false;\n    }\n    return prevToken.raw === nextToken.raw;\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * ToolCallPart\n * -----------------------------------------------------------------------------------------------*/\nfunction ToolCallPart({\n  chatId,\n  name,\n  args,\n}: {\n  chatId: string;\n  name: string;\n  args: any;\n}) {\n  const client = useClient();\n\n  const tool = useSignal(\n    client[kInternal].ai.signals.getToolDefinitionΣ(chatId, name)\n  );\n  if (tool === undefined || tool.render === undefined) return null;\n\n  return <tool.render args={args as unknown} />;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * ReasoningPart\n * -----------------------------------------------------------------------------------------------*/\nfunction ReasoningPart({\n  text,\n  isPending,\n}: {\n  text: string;\n  isPending: boolean;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <CollapsiblePrimitive.Root\n      className=\"lb-ai-chat-assistant-message-reasoning-part\"\n      open={isOpen}\n      onOpenChange={setIsOpen}\n    >\n      <CollapsiblePrimitive.Trigger\n        className=\"lb-ai-chat-assistant-message-reasoning-part-trigger\"\n        data-reasoning={isPending ? \"\" : undefined}\n      >\n        Reasoning\n        <span className=\"lb-icon-container\">\n          {isOpen ? <ChevronDownIcon /> : <ChevronRightIcon />}\n        </span>\n      </CollapsiblePrimitive.Trigger>\n\n      <CollapsiblePrimitive.Content className=\"lb-ai-chat-assistant-message-reasoning-part-content\">\n        {text}\n      </CollapsiblePrimitive.Content>\n    </CollapsiblePrimitive.Root>\n  );\n}\n"],"names":["memo","forwardRef","overrides","useOverrides","jsxs","jsx","Tooltip","classNames","TooltipProvider","WarningIcon","useState","useEffect","CheckIcon","CopyIcon","useClient","kInternal","useMemo","Lexer","BlockTokenCompPrimitive","useSignal","CollapsiblePrimitive.Root","CollapsiblePrimitive.Trigger","ChevronDownIcon","ChevronRightIcon","CollapsiblePrimitive.Content"],"mappings":"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"}