code · pull · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026
diff --git a/docs/pages/get-started/nextjs-comments-ag-grid.mdx b/docs/pages/get-started/nextjs-comments-ag-grid.mdx
@@ -187,7 +187,11 @@ components from
       ```tsx file="app/CommentCell.tsx"
       "use client";
 
-      import { FloatingComposer, FloatingThread } from "@liveblocks/react-ui";
+      import {
+        Comment,
+        FloatingComposer,
+        FloatingThread,
+      } from "@liveblocks/react-ui";
       import { CustomCellRendererProps } from "ag-grid-react";
       import { useCellThread } from "./CellThreadContext";
 
@@ -249,7 +253,15 @@ components from
                 style={{ zIndex: 10 }}
                 autoFocus
               >
-                <button>💬</button>
+                <Comment.Avatar
+                  style={{
+                    width: 28,
+                    height: 28,
+                    borderRadius: "100%",
+                    cursor: "pointer",
+                  }}
+                  userId={thread.comments[0]?.userId}
+                />
               </FloatingThread>
             )}
           </div>

diff --git a/docs/pages/get-started/nextjs-comments-table.mdx b/docs/pages/get-started/nextjs-comments-table.mdx
@@ -161,7 +161,11 @@ components from
 
       import { useState } from "react";
       import { useThreads } from "@liveblocks/react/suspense";
-      import { FloatingComposer, FloatingThread } from "@liveblocks/react-ui";
+      import {
+        Comment,
+        FloatingComposer,
+        FloatingThread,
+      } from "@liveblocks/react-ui";
 
       const TABLE_DATA = [
         { id: "1", name: "Laptop", price: 1000 },
@@ -226,7 +230,16 @@ components from
                               }}
                               autoFocus
                             >
-                              <button style={{ marginLeft: 16 }}>💬</button>
+                              <Comment.Avatar
+                                style={{
+                                  marginLeft: 16,
+                                  width: 28,
+                                  height: 28,
+                                  borderRadius: "100%",
+                                  cursor: "pointer",
+                                }}
+                                userId={thread.comments[0]?.userId}
+                              />
                             </FloatingThread>
                           ) : (
                             <FloatingComposer

diff --git a/examples/nextjs-comments-ag-grid/README.md b/examples/nextjs-comments-ag-grid/README.md
@@ -20,11 +20,6 @@
   <img src="https://img.shields.io/badge/next.js-message?style=flat&logo=next.js&color=07f&logoColor=fff" alt="Next.js" />
 </p>
 
-<p>
-  <img src="https://img.shields.io/badge/react-message?style=flat&logo=react&color=0bd&logoColor=fff" alt="React" />
-  <img src="https://img.shields.io/badge/next.js-message?style=flat&logo=next.js&color=07f&logoColor=fff" alt="Next.js" />
-</p>
-
 This example shows how to build commenting to your
 [AG Grid](https://www.ag-grid.com/) table with
 [Liveblocks](https://liveblocks.io) and [Next.js](https://nextjs.org/).

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/liveblocks-client/package.json b/packages/liveblocks-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/client",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "A client that lets you interact with Liveblocks servers. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "author": "Liveblocks Inc.",
@@ -36,7 +36,7 @@
     "test:watch": "NODE_OPTIONS=\"--no-deprecation\" vitest"
   },
   "dependencies": {
-    "@liveblocks/core": "3.14.1"
+    "@liveblocks/core": "3.15.0"
   },
   "devDependencies": {
     "@liveblocks/eslint-config": "*",

diff --git a/packages/liveblocks-core/package.json b/packages/liveblocks-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/core",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "Private internals for Liveblocks. DO NOT import directly from this package!",
   "type": "module",
   "main": "./dist/index.cjs",

diff --git a/packages/liveblocks-emails/package.json b/packages/liveblocks-emails/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/emails",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "A set of functions and utilities to make sending emails based on Liveblocks notification events easy. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "author": "Liveblocks Inc.",
@@ -37,8 +37,8 @@
     "test:watch": "NODE_OPTIONS=\"--no-deprecation\" vitest"
   },
   "dependencies": {
-    "@liveblocks/core": "3.14.1",
-    "@liveblocks/node": "3.14.1"
+    "@liveblocks/core": "3.15.0",
+    "@liveblocks/node": "3.15.0"
   },
   "peerDependencies": {
     "react": "^18 || ^19 || ^19.0.0-rc"

diff --git a/packages/liveblocks-node-lexical/package.json b/packages/liveblocks-node-lexical/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/node-lexical",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "A server-side utility that lets you modify lexical documents hosted in Liveblocks.",
   "license": "Apache-2.0",
   "author": "Liveblocks Inc.",
@@ -36,8 +36,8 @@
     "test:watch": "NODE_OPTIONS=\"--no-deprecation\" vitest"
   },
   "dependencies": {
-    "@liveblocks/core": "3.14.1",
-    "@liveblocks/node": "3.14.1",
+    "@liveblocks/core": "3.15.0",
+    "@liveblocks/node": "3.15.0",
     "yjs": "^13.6.18"
   },
   "peerDependencies": {

diff --git a/packages/liveblocks-node-prosemirror/package.json b/packages/liveblocks-node-prosemirror/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/node-prosemirror",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "A server-side utility that lets you modify prosemirror and tiptap documents hosted in Liveblocks.",
   "license": "Apache-2.0",
   "author": "Liveblocks Inc.",
@@ -36,8 +36,8 @@
     "test:watch": "NODE_OPTIONS=\"--no-deprecation\" vitest"
   },
   "dependencies": {
-    "@liveblocks/core": "3.14.1",
-    "@liveblocks/node": "3.14.1",
+    "@liveblocks/core": "3.15.0",
+    "@liveblocks/node": "3.15.0",
     "yjs": "^13.6.20"
   },
   "peerDependencies": {

diff --git a/packages/liveblocks-node/package.json b/packages/liveblocks-node/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/node",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "A server-side utility that lets you set up a Liveblocks authentication endpoint. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "author": "Liveblocks Inc.",
@@ -36,7 +36,7 @@
     "test:watch": "NODE_OPTIONS=\"--no-deprecation\" vitest"
   },
   "dependencies": {
-    "@liveblocks/core": "3.14.1",
+    "@liveblocks/core": "3.15.0",
     "@stablelib/base64": "^1.0.1",
     "fast-sha256": "^1.3.0",
     "node-fetch": "^2.6.1"