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

package/dist/components/internal/Emoji.js

@@ -1,14 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Emoji as Emoji$1 } from '../../primitives/internal/Emoji.js';
+import { EMOJI_FONT_FAMILY } from '../../constants.js';
 import { classNames } from '../../utils/class-names.js';
 
 const Emoji = forwardRef(
-  ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(Emoji$1, {
+  ({ emoji, className, style, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("span", {
+      role: "img",
+      "aria-label": emoji,
+      "data-emoji": emoji,
       className: classNames("lb-emoji", className),
+      style: {
+        ...style,
+        fontFamily: EMOJI_FONT_FAMILY
+      },
       ...props,
-      ref: forwardedRef
+      ref: forwardedRef,
+      children: emoji
     });
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport type { EmojiProps as EmojiPrimitiveProps } from \"../../primitives/internal/Emoji\";\nimport { Emoji as EmojiPrimitive } from \"../../primitives/internal/Emoji\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiPrimitiveProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <EmojiPrimitive\n        className={classNames(\"lb-emoji\", className)}\n        {...props}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":["EmojiPrimitive"],"mappings":";;;;;AAMO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACzC,IAAA,uBACG,GAAA,CAAAA,OAAA,EAAA;AAAA,MACC,SAAA,EAAW,UAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC1C,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Emoji.js","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef } from \"react\";\n\nimport { EMOJI_FONT_FAMILY } from \"../../constants\";\nimport { classNames } from \"../../utils/class-names\";\n\ninterface EmojiProps extends ComponentProps<\"span\"> {\n  emoji: string;\n}\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiProps>(\n  ({ emoji, className, style, ...props }, forwardedRef) => {\n    return (\n      <span\n        role=\"img\"\n        aria-label={emoji}\n        data-emoji={emoji}\n        className={classNames(\"lb-emoji\", className)}\n        style={{\n          ...style,\n          fontFamily: EMOJI_FONT_FAMILY,\n        }}\n        {...props}\n        ref={forwardedRef}\n      >\n        {emoji}\n      </span>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,WAAW,KAAU,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACvD,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,YAAY,EAAA,KAAA;AAAA,MACZ,YAAY,EAAA,KAAA;AAAA,MACZ,SAAA,EAAW,UAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC3C,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,UAAY,EAAA,iBAAA;AAAA,OACd;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,MAEJ,QAAA,EAAA,KAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/internal/Prose.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var components = require('../../components.cjs');
+var Markdown = require('../../primitives/Markdown.cjs');
+var classNames = require('../../utils/class-names.cjs');
+var CodeBlock$1 = require('./CodeBlock.cjs');
+
+function Link({ href, title, children }) {
+  const { Anchor } = components.useComponents();
+  return /* @__PURE__ */ jsxRuntime.jsx(Anchor, {
+    href,
+    title,
+    children
+  });
+}
+function CodeBlock({ language, code }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock$1.CodeBlock, {
+    title: language || "Plain text",
+    code
+  });
+}
+const markdownComponents = {
+  Link,
+  CodeBlock
+};
+function Prose({ content, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, {
+    content,
+    components: markdownComponents,
+    className: classNames.classNames("lb-prose", className),
+    ...props
+  });
+}
+
+exports.Prose = Prose;
+//# sourceMappingURL=Prose.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.cjs","sources":["../../../src/components/internal/Prose.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { useComponents } from \"../../components\";\nimport type {\n  MarkdownComponents,\n  MarkdownComponentsCodeBlockProps,\n  MarkdownComponentsLinkProps,\n} from \"../../primitives/Markdown\";\nimport { Markdown } from \"../../primitives/Markdown\";\nimport { classNames } from \"../../utils/class-names\";\nimport { CodeBlock as DefaultCodeBlock } from \"./CodeBlock\";\n\ninterface ProseProps extends ComponentProps<\"div\"> {\n  content: string;\n}\n\nfunction Link({ href, title, children }: MarkdownComponentsLinkProps) {\n  const { Anchor } = useComponents();\n\n  return (\n    <Anchor href={href} title={title}>\n      {children}\n    </Anchor>\n  );\n}\n\nfunction CodeBlock({ language, code }: MarkdownComponentsCodeBlockProps) {\n  return <DefaultCodeBlock title={language || \"Plain text\"} code={code} />;\n}\n\nconst markdownComponents: Partial<MarkdownComponents> = {\n  Link,\n  CodeBlock,\n};\n\n/**\n * This component renders Markdown content with `lb-prose`\n * styles and custom components (code blocks, etc)\n */\nexport function Prose({ content, className, ...props }: ProseProps) {\n  return (\n    <Markdown\n      content={content}\n      components={markdownComponents}\n      className={classNames(\"lb-prose\", className)}\n      {...props}\n    />\n  );\n}\n"],"names":["useComponents","jsx","DefaultCodeBlock","Markdown","classNames"],"mappings":";;;;;;;;AAgBA,SAAS,IAAK,CAAA,EAAE,IAAM,EAAA,KAAA,EAAO,UAAyC,EAAA;AACpE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,wBAAc,EAAA,CAAA;AAEjC,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IAAO,IAAA;AAAA,IAAY,KAAA;AAAA,IACjB,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,SAAU,CAAA,EAAE,QAAU,EAAA,IAAA,EAA0C,EAAA;AACvE,EAAA,uBAAQA,cAAA,CAAAC,qBAAA,EAAA;AAAA,IAAiB,OAAO,QAAY,IAAA,YAAA;AAAA,IAAc,IAAA;AAAA,GAAY,CAAA,CAAA;AACxE,CAAA;AAEA,MAAM,kBAAkD,GAAA;AAAA,EACtD,IAAA;AAAA,EACA,SAAA;AACF,CAAA,CAAA;AAMO,SAAS,KAAM,CAAA,EAAE,OAAS,EAAA,SAAA,EAAA,GAAc,OAAqB,EAAA;AAClE,EAAA,uBACGD,cAAA,CAAAE,iBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,UAAY,EAAA,kBAAA;AAAA,IACZ,SAAA,EAAWC,qBAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/internal/Prose.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponents } from '../../components.js';
+import { Markdown } from '../../primitives/Markdown.js';
+import { classNames } from '../../utils/class-names.js';
+import { CodeBlock as CodeBlock$1 } from './CodeBlock.js';
+
+function Link({ href, title, children }) {
+  const { Anchor } = useComponents();
+  return /* @__PURE__ */ jsx(Anchor, {
+    href,
+    title,
+    children
+  });
+}
+function CodeBlock({ language, code }) {
+  return /* @__PURE__ */ jsx(CodeBlock$1, {
+    title: language || "Plain text",
+    code
+  });
+}
+const markdownComponents = {
+  Link,
+  CodeBlock
+};
+function Prose({ content, className, ...props }) {
+  return /* @__PURE__ */ jsx(Markdown, {
+    content,
+    components: markdownComponents,
+    className: classNames("lb-prose", className),
+    ...props
+  });
+}
+
+export { Prose };
+//# sourceMappingURL=Prose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.js","sources":["../../../src/components/internal/Prose.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { useComponents } from \"../../components\";\nimport type {\n  MarkdownComponents,\n  MarkdownComponentsCodeBlockProps,\n  MarkdownComponentsLinkProps,\n} from \"../../primitives/Markdown\";\nimport { Markdown } from \"../../primitives/Markdown\";\nimport { classNames } from \"../../utils/class-names\";\nimport { CodeBlock as DefaultCodeBlock } from \"./CodeBlock\";\n\ninterface ProseProps extends ComponentProps<\"div\"> {\n  content: string;\n}\n\nfunction Link({ href, title, children }: MarkdownComponentsLinkProps) {\n  const { Anchor } = useComponents();\n\n  return (\n    <Anchor href={href} title={title}>\n      {children}\n    </Anchor>\n  );\n}\n\nfunction CodeBlock({ language, code }: MarkdownComponentsCodeBlockProps) {\n  return <DefaultCodeBlock title={language || \"Plain text\"} code={code} />;\n}\n\nconst markdownComponents: Partial<MarkdownComponents> = {\n  Link,\n  CodeBlock,\n};\n\n/**\n * This component renders Markdown content with `lb-prose`\n * styles and custom components (code blocks, etc)\n */\nexport function Prose({ content, className, ...props }: ProseProps) {\n  return (\n    <Markdown\n      content={content}\n      components={markdownComponents}\n      className={classNames(\"lb-prose\", className)}\n      {...props}\n    />\n  );\n}\n"],"names":["DefaultCodeBlock"],"mappings":";;;;;;AAgBA,SAAS,IAAK,CAAA,EAAE,IAAM,EAAA,KAAA,EAAO,UAAyC,EAAA;AACpE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,aAAc,EAAA,CAAA;AAEjC,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IAAO,IAAA;AAAA,IAAY,KAAA;AAAA,IACjB,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,SAAU,CAAA,EAAE,QAAU,EAAA,IAAA,EAA0C,EAAA;AACvE,EAAA,uBAAQ,GAAA,CAAAA,WAAA,EAAA;AAAA,IAAiB,OAAO,QAAY,IAAA,YAAA;AAAA,IAAc,IAAA;AAAA,GAAY,CAAA,CAAA;AACxE,CAAA;AAEA,MAAM,kBAAkD,GAAA;AAAA,EACtD,IAAA;AAAA,EACA,SAAA;AACF,CAAA,CAAA;AAMO,SAAS,KAAM,CAAA,EAAE,OAAS,EAAA,SAAA,EAAA,GAAc,OAAqB,EAAA;AAClE,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,UAAY,EAAA,kBAAA;AAAA,IACZ,SAAA,EAAW,UAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}

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 AiTool = require('./components/AiTool.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.AiTool = AiTool.AiTool;
 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 type { AiToolIconProps, AiToolProps } from \"./components/AiTool\";\nexport { AiTool } from \"./components/AiTool\";\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, AiOpaqueToolDefinition, AiToolTypePack, JsonObject, ToolResultData, AiToolExecuteCallback, 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;
@@ -116,6 +117,12 @@ interface HistoryVersionPreviewOverrides {
 type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides & AiChatComposerOverrides & AiChatMessageOverrides & AiChatOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
+type AiChatComponentsEmptyProps = Record<string, never>;
+type AiChatComponentsLoadingProps = Record<string, never>;
+type AiChatComponents = {
+    Empty: ComponentType<AiChatComponentsEmptyProps>;
+    Loading: ComponentType<AiChatComponentsLoadingProps>;
+};
 interface AiChatProps extends ComponentProps<"div"> {
     /**
      * The id of the chat the composer belongs to.
@@ -131,19 +138,68 @@ 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, AiOpaqueToolDefinition>;
+    /**
+     * The layout of the chat and its composer.
+     */
+    layout?: "inset" | "compact";
     /**
      * Override the component's strings.
      */
     overrides?: Partial<GlobalOverrides & AiChatMessageOverrides & AiChatComposerOverrides & AiChatOverrides>;
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<GlobalComponents & AiChatComponents>;
 }
 declare const AiChat: react.ForwardRefExoticComponent<Omit<AiChatProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+interface AiToolProps extends Omit<ComponentProps<"div">, "title" | "children"> {
+    /**
+     * The tool's title.
+     *
+     * By default, a human-readable version of the tool's name is used:
+     * - `"showTodo"` → "Show todo"
+     * - `"get_weather"` → "Get weather"
+     */
+    title?: string;
+    /**
+     * An optional icon displayed next to the title.
+     */
+    icon?: ReactNode;
+    /**
+     * The content shown in the tool.
+     */
+    children?: ReactNode;
+}
+type AiToolIconProps = ComponentProps<"div">;
+type AiToolInspectorProps = ComponentProps<"div">;
+/**
+ * @private This API will change, and is not considered stable. DO NOT RELY on it.
+ *
+ * This component can be used to build human-in-the-loop interfaces.
+ */
+interface AiToolConfirmationProps<A extends JsonObject, R extends ToolResultData> extends ComponentProps<"div"> {
+    args?: A;
+    confirm: AiToolExecuteCallback<A, R>;
+    cancel: AiToolExecuteCallback<A, R>;
+    variant?: "default" | "destructive";
+}
+declare function AiToolIcon({ className, ...props }: AiToolIconProps): react_jsx_runtime.JSX.Element;
+declare function AiToolInspector({ className, ...props }: AiToolInspectorProps): react_jsx_runtime.JSX.Element;
+declare function AiToolConfirmation<TPack extends AiToolTypePack, A extends JsonObject = TPack["A"], R extends ToolResultData = TPack["R"]>({ children, variant, confirm, cancel, className, ...props }: AiToolConfirmationProps<A, R>): react_jsx_runtime.JSX.Element | null;
+declare const AiTool: react.ForwardRefExoticComponent<Omit<AiToolProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
+    Icon: typeof AiToolIcon;
+    Inspector: typeof AiToolInspector;
+    Confirmation: typeof AiToolConfirmation;
+};
+
 interface ComposerEditorMentionProps {
     /**
      * Whether the mention is selected.
@@ -437,11 +493,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 +796,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 +878,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 +916,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, AiTool, AiToolIconProps, AiToolProps, 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 };

package/dist/index.d.ts

@@ -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, AiOpaqueToolDefinition, AiToolTypePack, JsonObject, ToolResultData, AiToolExecuteCallback, 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;
@@ -116,6 +117,12 @@ interface HistoryVersionPreviewOverrides {
 type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides & AiChatComposerOverrides & AiChatMessageOverrides & AiChatOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
+type AiChatComponentsEmptyProps = Record<string, never>;
+type AiChatComponentsLoadingProps = Record<string, never>;
+type AiChatComponents = {
+    Empty: ComponentType<AiChatComponentsEmptyProps>;
+    Loading: ComponentType<AiChatComponentsLoadingProps>;
+};
 interface AiChatProps extends ComponentProps<"div"> {
     /**
      * The id of the chat the composer belongs to.
@@ -131,19 +138,68 @@ 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, AiOpaqueToolDefinition>;
+    /**
+     * The layout of the chat and its composer.
+     */
+    layout?: "inset" | "compact";
     /**
      * Override the component's strings.
      */
     overrides?: Partial<GlobalOverrides & AiChatMessageOverrides & AiChatComposerOverrides & AiChatOverrides>;
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<GlobalComponents & AiChatComponents>;
 }
 declare const AiChat: react.ForwardRefExoticComponent<Omit<AiChatProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+interface AiToolProps extends Omit<ComponentProps<"div">, "title" | "children"> {
+    /**
+     * The tool's title.
+     *
+     * By default, a human-readable version of the tool's name is used:
+     * - `"showTodo"` → "Show todo"
+     * - `"get_weather"` → "Get weather"
+     */
+    title?: string;
+    /**
+     * An optional icon displayed next to the title.
+     */
+    icon?: ReactNode;
+    /**
+     * The content shown in the tool.
+     */
+    children?: ReactNode;
+}
+type AiToolIconProps = ComponentProps<"div">;
+type AiToolInspectorProps = ComponentProps<"div">;
+/**
+ * @private This API will change, and is not considered stable. DO NOT RELY on it.
+ *
+ * This component can be used to build human-in-the-loop interfaces.
+ */
+interface AiToolConfirmationProps<A extends JsonObject, R extends ToolResultData> extends ComponentProps<"div"> {
+    args?: A;
+    confirm: AiToolExecuteCallback<A, R>;
+    cancel: AiToolExecuteCallback<A, R>;
+    variant?: "default" | "destructive";
+}
+declare function AiToolIcon({ className, ...props }: AiToolIconProps): react_jsx_runtime.JSX.Element;
+declare function AiToolInspector({ className, ...props }: AiToolInspectorProps): react_jsx_runtime.JSX.Element;
+declare function AiToolConfirmation<TPack extends AiToolTypePack, A extends JsonObject = TPack["A"], R extends ToolResultData = TPack["R"]>({ children, variant, confirm, cancel, className, ...props }: AiToolConfirmationProps<A, R>): react_jsx_runtime.JSX.Element | null;
+declare const AiTool: react.ForwardRefExoticComponent<Omit<AiToolProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
+    Icon: typeof AiToolIcon;
+    Inspector: typeof AiToolInspector;
+    Confirmation: typeof AiToolConfirmation;
+};
+
 interface ComposerEditorMentionProps {
     /**
      * Whether the mention is selected.
@@ -437,11 +493,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 +796,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 +878,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 +916,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, AiTool, AiToolIconProps, AiToolProps, 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 };