From bc4d746291b6b29dddb59c3c89f0c299306a5ea5 Mon Sep 17 00:00:00 2001
From: Kiwi <vinh@wikiwi.io>
Date: Fri, 19 Oct 2018 19:32:12 +0200
Subject: [PATCH] fix: use asset url (#2005)

---
 .../comments/containers/CommentContainer.tsx  |   6 +-
 .../containers/PermalinkButtonContainer.tsx   |  28 +-
 .../CommentContainer.spec.tsx.snap            |  28 +-
 .../__snapshots__/editComment.spec.tsx.snap   | 363 ++++++++
 .../__snapshots__/loadMore.spec.tsx.snap      | 165 ++++
 .../__snapshots__/permalinkView.spec.tsx.snap | 264 ++++++
 ...permalinkViewCommentNotFound.spec.tsx.snap |  33 +
 ...permalinkViewLoadMoreParents.spec.tsx.snap | 132 +++
 .../__snapshots__/postComment.spec.tsx.snap   | 264 ++++++
 .../postLocalReply.spec.tsx.snap              | 858 ++++++++++++++++++
 .../__snapshots__/postReply.spec.tsx.snap     | 330 +++++++
 .../__snapshots__/renderReplies.spec.tsx.snap | 198 ++++
 .../__snapshots__/renderStream.spec.tsx.snap  |  66 ++
 .../showAllReplies.spec.tsx.snap              | 165 ++++
 .../showConversation.spec.tsx.snap            | 231 +++++
 15 files changed, 3112 insertions(+), 19 deletions(-)

diff --git a/src/core/client/stream/tabs/comments/containers/CommentContainer.tsx b/src/core/client/stream/tabs/comments/containers/CommentContainer.tsx
index 9516d10ac..daebede42 100644
--- a/src/core/client/stream/tabs/comments/containers/CommentContainer.tsx
+++ b/src/core/client/stream/tabs/comments/containers/CommentContainer.tsx
@@ -190,7 +190,10 @@ export class CommentContainer extends Component<InnerProps, State> {
                     active={showReplyDialog}
                   />
                 )}
-                <PermalinkButtonContainer commentID={comment.id} />
+                <PermalinkButtonContainer
+                  asset={asset}
+                  commentID={comment.id}
+                />
                 <ReactionButtonContainer
                   comment={comment}
                   settings={settings}
@@ -238,6 +241,7 @@ const enhanced = withSetCommentIDMutation(
         fragment CommentContainer_asset on Asset {
           url
           ...ReplyCommentFormContainer_asset
+          ...PermalinkButtonContainer_asset
         }
       `,
       comment: graphql`
diff --git a/src/core/client/stream/tabs/comments/containers/PermalinkButtonContainer.tsx b/src/core/client/stream/tabs/comments/containers/PermalinkButtonContainer.tsx
index 7c8aa17f5..2dc1a1d0b 100644
--- a/src/core/client/stream/tabs/comments/containers/PermalinkButtonContainer.tsx
+++ b/src/core/client/stream/tabs/comments/containers/PermalinkButtonContainer.tsx
@@ -1,34 +1,34 @@
 import React, { StatelessComponent } from "react";
 import { graphql } from "react-relay";
 import { getURLWithCommentID } from "talk-framework/helpers";
-import { withLocalStateContainer } from "talk-framework/lib/relay";
-import { PermalinkButtonContainerLocal as Local } from "talk-stream/__generated__/PermalinkButtonContainerLocal.graphql";
+import { withFragmentContainer } from "talk-framework/lib/relay";
+import { PermalinkButtonContainer_asset as AssetData } from "talk-stream/__generated__/PermalinkButtonContainer_asset.graphql";
 
 import PermalinkButton from "../components/PermalinkButton";
 
 interface InnerProps {
-  local: Local;
+  asset: AssetData;
   commentID: string;
 }
 
-export const PermalinkContainer: StatelessComponent<InnerProps> = ({
-  local,
+export const PermalinkButtonContainerProps: StatelessComponent<InnerProps> = ({
+  asset,
   commentID,
 }) => {
-  return local.assetURL ? (
+  return (
     <PermalinkButton
       commentID={commentID}
-      url={getURLWithCommentID(local.assetURL, commentID)}
+      url={getURLWithCommentID(asset.url, commentID)}
     />
-  ) : null;
+  );
 };
 
-const enhanced = withLocalStateContainer(
-  graphql`
-    fragment PermalinkButtonContainerLocal on Local {
-      assetURL
+const enhanced = withFragmentContainer<InnerProps>({
+  asset: graphql`
+    fragment PermalinkButtonContainer_asset on Asset {
+      url
     }
-  `
-)(PermalinkContainer);
+  `,
+})(PermalinkButtonContainerProps);
 
 export default enhanced;
diff --git a/src/core/client/stream/tabs/comments/containers/__snapshots__/CommentContainer.spec.tsx.snap b/src/core/client/stream/tabs/comments/containers/__snapshots__/CommentContainer.spec.tsx.snap
index e1c085015..f637160c9 100644
--- a/src/core/client/stream/tabs/comments/containers/__snapshots__/CommentContainer.spec.tsx.snap
+++ b/src/core/client/stream/tabs/comments/containers/__snapshots__/CommentContainer.spec.tsx.snap
@@ -9,7 +9,12 @@ exports[`hide reply button 1`] = `
     footer={
       <React.Fragment>
         <ButtonsBar>
-          <withContext(withLocalStateContainer(PermalinkContainer))
+          <Relay(PermalinkButtonContainerProps)
+            asset={
+              Object {
+                "url": "http://localhost/asset",
+              }
+            }
             commentID="comment-id"
           />
           <withContext(createMutationContainer(withContext(createMutationContainer(withContext(createMutationContainer(Relay(ReactionButtonContainer)))))))
@@ -64,7 +69,12 @@ exports[`renders body only 1`] = `
             id="comments-commentContainer-replyButton-comment-id"
             onClick={[Function]}
           />
-          <withContext(withLocalStateContainer(PermalinkContainer))
+          <Relay(PermalinkButtonContainerProps)
+            asset={
+              Object {
+                "url": "http://localhost/asset",
+              }
+            }
             commentID="comment-id"
           />
           <withContext(createMutationContainer(withContext(createMutationContainer(withContext(createMutationContainer(Relay(ReactionButtonContainer)))))))
@@ -119,7 +129,12 @@ exports[`renders username and body 1`] = `
             id="comments-commentContainer-replyButton-comment-id"
             onClick={[Function]}
           />
-          <withContext(withLocalStateContainer(PermalinkContainer))
+          <Relay(PermalinkButtonContainerProps)
+            asset={
+              Object {
+                "url": "http://localhost/asset",
+              }
+            }
             commentID="comment-id"
           />
           <withContext(createMutationContainer(withContext(createMutationContainer(withContext(createMutationContainer(Relay(ReactionButtonContainer)))))))
@@ -174,7 +189,12 @@ exports[`shows conversation link 1`] = `
             id="comments-commentContainer-replyButton-comment-id"
             onClick={[Function]}
           />
-          <withContext(withLocalStateContainer(PermalinkContainer))
+          <Relay(PermalinkButtonContainerProps)
+            asset={
+              Object {
+                "url": "http://localhost/asset",
+              }
+            }
             commentID="comment-id"
           />
           <withContext(createMutationContainer(withContext(createMutationContainer(withContext(createMutationContainer(Relay(ReactionButtonContainer)))))))
diff --git a/src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap
index 098a86e06..6df0b04e7 100644
--- a/src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap
@@ -326,6 +326,39 @@ exports[`cancel edit: edit canceled 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -419,6 +452,39 @@ exports[`cancel edit: edit canceled 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -922,6 +988,39 @@ exports[`edit a comment: edit form 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1425,6 +1524,39 @@ exports[`edit a comment: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1779,6 +1911,39 @@ exports[`edit a comment: render stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1872,6 +2037,39 @@ exports[`edit a comment: render stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2235,6 +2433,39 @@ exports[`edit a comment: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2328,6 +2559,39 @@ exports[`edit a comment: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2682,6 +2946,39 @@ exports[`shows expiry message: edit form closed 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2775,6 +3072,39 @@ exports[`shows expiry message: edit form closed 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -3255,6 +3585,39 @@ exports[`shows expiry message: edit time expired 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
index 23392923f..0f8c5a39f 100644
--- a/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
@@ -249,6 +249,39 @@ exports[`loads more comments 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -342,6 +375,39 @@ exports[`loads more comments 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -435,6 +501,39 @@ exports[`loads more comments 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-2"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-2-ariainfo"
+                          id="permalink-popover-comment-2"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-2-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -712,6 +811,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -805,6 +937,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap
index 0a322ecfc..1936bbcf5 100644
--- a/src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap
@@ -198,6 +198,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-1-ariainfo"
+                              id="permalink-popover-comment-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -308,6 +341,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-2"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-2-ariainfo"
+                              id="permalink-popover-comment-2"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-2-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -416,6 +482,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-replies"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-replies-ariainfo"
+                              id="permalink-popover-comment-with-replies"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-replies-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -519,6 +618,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-3"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-3-ariainfo"
+                              id="permalink-popover-comment-3"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-3-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -612,6 +744,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-4"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-4-ariainfo"
+                              id="permalink-popover-comment-4"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-4-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -891,6 +1056,39 @@ exports[`show all comments 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-replies-ariainfo"
+                          id="permalink-popover-comment-with-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -988,6 +1186,39 @@ exports[`show all comments 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-3"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-3-ariainfo"
+                              id="permalink-popover-comment-3"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-3-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -1081,6 +1312,39 @@ exports[`show all comments 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-4"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-4-ariainfo"
+                              id="permalink-popover-comment-4"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-4-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
index eac6fefd4..db6f1af4a 100644
--- a/src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
@@ -359,6 +359,39 @@ exports[`show all comments 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/permalinkViewLoadMoreParents.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/permalinkViewLoadMoreParents.spec.tsx.snap
index 42f3d3044..65c735914 100644
--- a/src/core/client/stream/test/comments/__snapshots__/permalinkViewLoadMoreParents.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/permalinkViewLoadMoreParents.spec.tsx.snap
@@ -288,6 +288,39 @@ exports[`renders permalink view 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-0"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-0-ariainfo"
+                              id="permalink-popover-comment-0"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-0-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -519,6 +552,39 @@ exports[`views pervious comments 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-1-ariainfo"
+                              id="permalink-popover-comment-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -629,6 +695,39 @@ exports[`views pervious comments 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-2"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-2-ariainfo"
+                              id="permalink-popover-comment-2"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-2-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -737,6 +836,39 @@ exports[`views pervious comments 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-0"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-0-ariainfo"
+                              id="permalink-popover-comment-0"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-0-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
index 6d51bfe34..837cfc031 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
@@ -320,6 +320,39 @@ exports[`post a comment: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-uuid-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-uuid-0-ariainfo"
+                          id="permalink-popover-uuid-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-uuid-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -413,6 +446,39 @@ exports[`post a comment: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -506,6 +572,39 @@ exports[`post a comment: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -844,6 +943,39 @@ exports[`post a comment: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-x"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-x-ariainfo"
+                          id="permalink-popover-comment-x"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-x-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -937,6 +1069,39 @@ exports[`post a comment: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1030,6 +1195,39 @@ exports[`post a comment: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1368,6 +1566,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1461,6 +1692,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
index b19151988..0e9887f99 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
@@ -310,6 +310,39 @@ exports[`post a reply: open reply form 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -407,6 +440,39 @@ exports[`post a reply: open reply form 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-deepest-replies-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              id="permalink-popover-comment-with-deepest-replies-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -504,6 +570,39 @@ exports[`post a reply: open reply form 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-with-deepest-replies-2"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  id="permalink-popover-comment-with-deepest-replies-2"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -601,6 +700,39 @@ exports[`post a reply: open reply form 1`] = `
                                       Reply
                                     </span>
                                   </button>
+                                  <div
+                                    className="Popover-root"
+                                  >
+                                    <button
+                                      aria-controls="permalink-popover-comment-with-deepest-replies-3"
+                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      <span>
+                                        Share
+                                      </span>
+                                    </button>
+                                    <div
+                                      aria-hidden={true}
+                                      aria-labelledby="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      id="permalink-popover-comment-with-deepest-replies-3"
+                                      role="popup"
+                                    >
+                                      <div
+                                        className="AriaInfo-root"
+                                        id="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      >
+                                        A dialog showing a permalink to the comment
+                                      </div>
+                                    </div>
+                                  </div>
                                   <button
                                     className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                     onBlur={[Function]}
@@ -698,6 +830,39 @@ exports[`post a reply: open reply form 1`] = `
                                           Reply
                                         </span>
                                       </button>
+                                      <div
+                                        className="Popover-root"
+                                      >
+                                        <button
+                                          aria-controls="permalink-popover-comment-with-deepest-replies-4"
+                                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          onMouseDown={[Function]}
+                                          onMouseOut={[Function]}
+                                          onMouseOver={[Function]}
+                                          onTouchEnd={[Function]}
+                                          type="button"
+                                        >
+                                          <span>
+                                            Share
+                                          </span>
+                                        </button>
+                                        <div
+                                          aria-hidden={true}
+                                          aria-labelledby="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          id="permalink-popover-comment-with-deepest-replies-4"
+                                          role="popup"
+                                        >
+                                          <div
+                                            className="AriaInfo-root"
+                                            id="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          >
+                                            A dialog showing a permalink to the comment
+                                          </div>
+                                        </div>
+                                      </div>
                                       <button
                                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                         onBlur={[Function]}
@@ -795,6 +960,39 @@ exports[`post a reply: open reply form 1`] = `
                                               Reply
                                             </span>
                                           </button>
+                                          <div
+                                            className="Popover-root"
+                                          >
+                                            <button
+                                              aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              <span>
+                                                Share
+                                              </span>
+                                            </button>
+                                            <div
+                                              aria-hidden={true}
+                                              aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              id="permalink-popover-comment-with-deepest-replies-5"
+                                              role="popup"
+                                            >
+                                              <div
+                                                className="AriaInfo-root"
+                                                id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              >
+                                                A dialog showing a permalink to the comment
+                                              </div>
+                                            </div>
+                                          </div>
                                           <button
                                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                             onBlur={[Function]}
@@ -1286,6 +1484,39 @@ exports[`post a reply: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1383,6 +1614,39 @@ exports[`post a reply: optimistic response 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-deepest-replies-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              id="permalink-popover-comment-with-deepest-replies-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -1480,6 +1744,39 @@ exports[`post a reply: optimistic response 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-with-deepest-replies-2"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  id="permalink-popover-comment-with-deepest-replies-2"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -1577,6 +1874,39 @@ exports[`post a reply: optimistic response 1`] = `
                                       Reply
                                     </span>
                                   </button>
+                                  <div
+                                    className="Popover-root"
+                                  >
+                                    <button
+                                      aria-controls="permalink-popover-comment-with-deepest-replies-3"
+                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      <span>
+                                        Share
+                                      </span>
+                                    </button>
+                                    <div
+                                      aria-hidden={true}
+                                      aria-labelledby="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      id="permalink-popover-comment-with-deepest-replies-3"
+                                      role="popup"
+                                    >
+                                      <div
+                                        className="AriaInfo-root"
+                                        id="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      >
+                                        A dialog showing a permalink to the comment
+                                      </div>
+                                    </div>
+                                  </div>
                                   <button
                                     className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                     onBlur={[Function]}
@@ -1674,6 +2004,39 @@ exports[`post a reply: optimistic response 1`] = `
                                           Reply
                                         </span>
                                       </button>
+                                      <div
+                                        className="Popover-root"
+                                      >
+                                        <button
+                                          aria-controls="permalink-popover-comment-with-deepest-replies-4"
+                                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          onMouseDown={[Function]}
+                                          onMouseOut={[Function]}
+                                          onMouseOver={[Function]}
+                                          onTouchEnd={[Function]}
+                                          type="button"
+                                        >
+                                          <span>
+                                            Share
+                                          </span>
+                                        </button>
+                                        <div
+                                          aria-hidden={true}
+                                          aria-labelledby="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          id="permalink-popover-comment-with-deepest-replies-4"
+                                          role="popup"
+                                        >
+                                          <div
+                                            className="AriaInfo-root"
+                                            id="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          >
+                                            A dialog showing a permalink to the comment
+                                          </div>
+                                        </div>
+                                      </div>
                                       <button
                                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                         onBlur={[Function]}
@@ -1771,6 +2134,39 @@ exports[`post a reply: optimistic response 1`] = `
                                               Reply
                                             </span>
                                           </button>
+                                          <div
+                                            className="Popover-root"
+                                          >
+                                            <button
+                                              aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              <span>
+                                                Share
+                                              </span>
+                                            </button>
+                                            <div
+                                              aria-hidden={true}
+                                              aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              id="permalink-popover-comment-with-deepest-replies-5"
+                                              role="popup"
+                                            >
+                                              <div
+                                                className="AriaInfo-root"
+                                                id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              >
+                                                A dialog showing a permalink to the comment
+                                              </div>
+                                            </div>
+                                          </div>
                                           <button
                                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                             onBlur={[Function]}
@@ -2005,6 +2401,39 @@ exports[`post a reply: optimistic response 1`] = `
                                             <div
                                               className="Flex-root Flex-flex Flex-halfItemGutter Flex-directionRow"
                                             >
+                                              <div
+                                                className="Popover-root"
+                                              >
+                                                <button
+                                                  aria-controls="permalink-popover-uuid-0"
+                                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                                  onBlur={[Function]}
+                                                  onClick={[Function]}
+                                                  onFocus={[Function]}
+                                                  onMouseDown={[Function]}
+                                                  onMouseOut={[Function]}
+                                                  onMouseOver={[Function]}
+                                                  onTouchEnd={[Function]}
+                                                  type="button"
+                                                >
+                                                  <span>
+                                                    Share
+                                                  </span>
+                                                </button>
+                                                <div
+                                                  aria-hidden={true}
+                                                  aria-labelledby="permalink-popover-uuid-0-ariainfo"
+                                                  id="permalink-popover-uuid-0"
+                                                  role="popup"
+                                                >
+                                                  <div
+                                                    className="AriaInfo-root"
+                                                    id="permalink-popover-uuid-0-ariainfo"
+                                                  >
+                                                    A dialog showing a permalink to the comment
+                                                  </div>
+                                                </div>
+                                              </div>
                                               <button
                                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                                 onBlur={[Function]}
@@ -2355,6 +2784,39 @@ exports[`post a reply: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2452,6 +2914,39 @@ exports[`post a reply: server response 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-deepest-replies-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              id="permalink-popover-comment-with-deepest-replies-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -2549,6 +3044,39 @@ exports[`post a reply: server response 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-with-deepest-replies-2"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  id="permalink-popover-comment-with-deepest-replies-2"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -2646,6 +3174,39 @@ exports[`post a reply: server response 1`] = `
                                       Reply
                                     </span>
                                   </button>
+                                  <div
+                                    className="Popover-root"
+                                  >
+                                    <button
+                                      aria-controls="permalink-popover-comment-with-deepest-replies-3"
+                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      <span>
+                                        Share
+                                      </span>
+                                    </button>
+                                    <div
+                                      aria-hidden={true}
+                                      aria-labelledby="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      id="permalink-popover-comment-with-deepest-replies-3"
+                                      role="popup"
+                                    >
+                                      <div
+                                        className="AriaInfo-root"
+                                        id="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      >
+                                        A dialog showing a permalink to the comment
+                                      </div>
+                                    </div>
+                                  </div>
                                   <button
                                     className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                     onBlur={[Function]}
@@ -2743,6 +3304,39 @@ exports[`post a reply: server response 1`] = `
                                           Reply
                                         </span>
                                       </button>
+                                      <div
+                                        className="Popover-root"
+                                      >
+                                        <button
+                                          aria-controls="permalink-popover-comment-with-deepest-replies-4"
+                                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          onMouseDown={[Function]}
+                                          onMouseOut={[Function]}
+                                          onMouseOver={[Function]}
+                                          onTouchEnd={[Function]}
+                                          type="button"
+                                        >
+                                          <span>
+                                            Share
+                                          </span>
+                                        </button>
+                                        <div
+                                          aria-hidden={true}
+                                          aria-labelledby="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          id="permalink-popover-comment-with-deepest-replies-4"
+                                          role="popup"
+                                        >
+                                          <div
+                                            className="AriaInfo-root"
+                                            id="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          >
+                                            A dialog showing a permalink to the comment
+                                          </div>
+                                        </div>
+                                      </div>
                                       <button
                                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                         onBlur={[Function]}
@@ -2840,6 +3434,39 @@ exports[`post a reply: server response 1`] = `
                                               Reply
                                             </span>
                                           </button>
+                                          <div
+                                            className="Popover-root"
+                                          >
+                                            <button
+                                              aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              <span>
+                                                Share
+                                              </span>
+                                            </button>
+                                            <div
+                                              aria-hidden={true}
+                                              aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              id="permalink-popover-comment-with-deepest-replies-5"
+                                              role="popup"
+                                            >
+                                              <div
+                                                className="AriaInfo-root"
+                                                id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              >
+                                                A dialog showing a permalink to the comment
+                                              </div>
+                                            </div>
+                                          </div>
                                           <button
                                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                             onBlur={[Function]}
@@ -2937,6 +3564,39 @@ exports[`post a reply: server response 1`] = `
                                             <div
                                               className="Flex-root Flex-flex Flex-halfItemGutter Flex-directionRow"
                                             >
+                                              <div
+                                                className="Popover-root"
+                                              >
+                                                <button
+                                                  aria-controls="permalink-popover-comment-x"
+                                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                                  onBlur={[Function]}
+                                                  onClick={[Function]}
+                                                  onFocus={[Function]}
+                                                  onMouseDown={[Function]}
+                                                  onMouseOut={[Function]}
+                                                  onMouseOver={[Function]}
+                                                  onTouchEnd={[Function]}
+                                                  type="button"
+                                                >
+                                                  <span>
+                                                    Share
+                                                  </span>
+                                                </button>
+                                                <div
+                                                  aria-hidden={true}
+                                                  aria-labelledby="permalink-popover-comment-x-ariainfo"
+                                                  id="permalink-popover-comment-x"
+                                                  role="popup"
+                                                >
+                                                  <div
+                                                    className="AriaInfo-root"
+                                                    id="permalink-popover-comment-x-ariainfo"
+                                                  >
+                                                    A dialog showing a permalink to the comment
+                                                  </div>
+                                                </div>
+                                              </div>
                                               <button
                                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                                 onBlur={[Function]}
@@ -3287,6 +3947,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -3384,6 +4077,39 @@ exports[`renders comment stream 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-deepest-replies-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              id="permalink-popover-comment-with-deepest-replies-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -3481,6 +4207,39 @@ exports[`renders comment stream 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-with-deepest-replies-2"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  id="permalink-popover-comment-with-deepest-replies-2"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -3578,6 +4337,39 @@ exports[`renders comment stream 1`] = `
                                       Reply
                                     </span>
                                   </button>
+                                  <div
+                                    className="Popover-root"
+                                  >
+                                    <button
+                                      aria-controls="permalink-popover-comment-with-deepest-replies-3"
+                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      <span>
+                                        Share
+                                      </span>
+                                    </button>
+                                    <div
+                                      aria-hidden={true}
+                                      aria-labelledby="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      id="permalink-popover-comment-with-deepest-replies-3"
+                                      role="popup"
+                                    >
+                                      <div
+                                        className="AriaInfo-root"
+                                        id="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      >
+                                        A dialog showing a permalink to the comment
+                                      </div>
+                                    </div>
+                                  </div>
                                   <button
                                     className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                     onBlur={[Function]}
@@ -3675,6 +4467,39 @@ exports[`renders comment stream 1`] = `
                                           Reply
                                         </span>
                                       </button>
+                                      <div
+                                        className="Popover-root"
+                                      >
+                                        <button
+                                          aria-controls="permalink-popover-comment-with-deepest-replies-4"
+                                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          onMouseDown={[Function]}
+                                          onMouseOut={[Function]}
+                                          onMouseOver={[Function]}
+                                          onTouchEnd={[Function]}
+                                          type="button"
+                                        >
+                                          <span>
+                                            Share
+                                          </span>
+                                        </button>
+                                        <div
+                                          aria-hidden={true}
+                                          aria-labelledby="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          id="permalink-popover-comment-with-deepest-replies-4"
+                                          role="popup"
+                                        >
+                                          <div
+                                            className="AriaInfo-root"
+                                            id="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          >
+                                            A dialog showing a permalink to the comment
+                                          </div>
+                                        </div>
+                                      </div>
                                       <button
                                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                         onBlur={[Function]}
@@ -3772,6 +4597,39 @@ exports[`renders comment stream 1`] = `
                                               Reply
                                             </span>
                                           </button>
+                                          <div
+                                            className="Popover-root"
+                                          >
+                                            <button
+                                              aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              <span>
+                                                Share
+                                              </span>
+                                            </button>
+                                            <div
+                                              aria-hidden={true}
+                                              aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              id="permalink-popover-comment-with-deepest-replies-5"
+                                              role="popup"
+                                            >
+                                              <div
+                                                className="AriaInfo-root"
+                                                id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              >
+                                                A dialog showing a permalink to the comment
+                                              </div>
+                                            </div>
+                                          </div>
                                           <button
                                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                             onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
index 12c5afd2a..aca646ff7 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
@@ -310,6 +310,39 @@ exports[`post a reply: open reply form 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -530,6 +563,39 @@ exports[`post a reply: open reply form 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -868,6 +934,39 @@ exports[`post a reply: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1102,6 +1201,39 @@ exports[`post a reply: optimistic response 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-uuid-0"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-uuid-0-ariainfo"
+                              id="permalink-popover-uuid-0"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-uuid-0-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -1197,6 +1329,39 @@ exports[`post a reply: optimistic response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1535,6 +1700,39 @@ exports[`post a reply: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -1632,6 +1830,39 @@ exports[`post a reply: server response 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-x"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-x-ariainfo"
+                              id="permalink-popover-comment-x"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-x-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -1727,6 +1958,39 @@ exports[`post a reply: server response 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2065,6 +2329,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -2158,6 +2455,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap
index 08b120943..effdd6d71 100644
--- a/src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap
@@ -249,6 +249,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -342,6 +375,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deep-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deep-replies-ariainfo"
+                          id="permalink-popover-comment-with-deep-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deep-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -439,6 +505,39 @@ exports[`renders comment stream 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-replies"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-replies-ariainfo"
+                              id="permalink-popover-comment-with-replies"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-replies-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -536,6 +635,39 @@ exports[`renders comment stream 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-3"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-3-ariainfo"
+                                  id="permalink-popover-comment-3"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-3-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -629,6 +761,39 @@ exports[`renders comment stream 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-4"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-4-ariainfo"
+                                  id="permalink-popover-comment-4"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-4-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -724,6 +889,39 @@ exports[`renders comment stream 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-5"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-5-ariainfo"
+                              id="permalink-popover-comment-5"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-5-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap
index f7e09c91a..74e241f02 100644
--- a/src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap
@@ -249,6 +249,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -342,6 +375,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-1"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-1-ariainfo"
+                          id="permalink-popover-comment-1"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-1-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap
index 5bc55cc6b..5742ec7ea 100644
--- a/src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap
@@ -249,6 +249,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -346,6 +379,39 @@ exports[`renders comment stream 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-1-ariainfo"
+                              id="permalink-popover-comment-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -649,6 +715,39 @@ exports[`show all replies 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-0"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-0-ariainfo"
+                          id="permalink-popover-comment-0"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-0-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -746,6 +845,39 @@ exports[`show all replies 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-1-ariainfo"
+                              id="permalink-popover-comment-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -839,6 +971,39 @@ exports[`show all replies 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-2"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-2-ariainfo"
+                              id="permalink-popover-comment-2"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-2-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
diff --git a/src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap
index bfd55a363..9dc9cfb62 100644
--- a/src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap
@@ -249,6 +249,39 @@ exports[`renders comment stream 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}
@@ -346,6 +379,39 @@ exports[`renders comment stream 1`] = `
                               Reply
                             </span>
                           </button>
+                          <div
+                            className="Popover-root"
+                          >
+                            <button
+                              aria-controls="permalink-popover-comment-with-deepest-replies-1"
+                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                              onBlur={[Function]}
+                              onClick={[Function]}
+                              onFocus={[Function]}
+                              onMouseDown={[Function]}
+                              onMouseOut={[Function]}
+                              onMouseOver={[Function]}
+                              onTouchEnd={[Function]}
+                              type="button"
+                            >
+                              <span>
+                                Share
+                              </span>
+                            </button>
+                            <div
+                              aria-hidden={true}
+                              aria-labelledby="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              id="permalink-popover-comment-with-deepest-replies-1"
+                              role="popup"
+                            >
+                              <div
+                                className="AriaInfo-root"
+                                id="permalink-popover-comment-with-deepest-replies-1-ariainfo"
+                              >
+                                A dialog showing a permalink to the comment
+                              </div>
+                            </div>
+                          </div>
                           <button
                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                             onBlur={[Function]}
@@ -443,6 +509,39 @@ exports[`renders comment stream 1`] = `
                                   Reply
                                 </span>
                               </button>
+                              <div
+                                className="Popover-root"
+                              >
+                                <button
+                                  aria-controls="permalink-popover-comment-with-deepest-replies-2"
+                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseOut={[Function]}
+                                  onMouseOver={[Function]}
+                                  onTouchEnd={[Function]}
+                                  type="button"
+                                >
+                                  <span>
+                                    Share
+                                  </span>
+                                </button>
+                                <div
+                                  aria-hidden={true}
+                                  aria-labelledby="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  id="permalink-popover-comment-with-deepest-replies-2"
+                                  role="popup"
+                                >
+                                  <div
+                                    className="AriaInfo-root"
+                                    id="permalink-popover-comment-with-deepest-replies-2-ariainfo"
+                                  >
+                                    A dialog showing a permalink to the comment
+                                  </div>
+                                </div>
+                              </div>
                               <button
                                 className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                 onBlur={[Function]}
@@ -540,6 +639,39 @@ exports[`renders comment stream 1`] = `
                                       Reply
                                     </span>
                                   </button>
+                                  <div
+                                    className="Popover-root"
+                                  >
+                                    <button
+                                      aria-controls="permalink-popover-comment-with-deepest-replies-3"
+                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      <span>
+                                        Share
+                                      </span>
+                                    </button>
+                                    <div
+                                      aria-hidden={true}
+                                      aria-labelledby="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      id="permalink-popover-comment-with-deepest-replies-3"
+                                      role="popup"
+                                    >
+                                      <div
+                                        className="AriaInfo-root"
+                                        id="permalink-popover-comment-with-deepest-replies-3-ariainfo"
+                                      >
+                                        A dialog showing a permalink to the comment
+                                      </div>
+                                    </div>
+                                  </div>
                                   <button
                                     className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                     onBlur={[Function]}
@@ -637,6 +769,39 @@ exports[`renders comment stream 1`] = `
                                           Reply
                                         </span>
                                       </button>
+                                      <div
+                                        className="Popover-root"
+                                      >
+                                        <button
+                                          aria-controls="permalink-popover-comment-with-deepest-replies-4"
+                                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                          onBlur={[Function]}
+                                          onClick={[Function]}
+                                          onFocus={[Function]}
+                                          onMouseDown={[Function]}
+                                          onMouseOut={[Function]}
+                                          onMouseOver={[Function]}
+                                          onTouchEnd={[Function]}
+                                          type="button"
+                                        >
+                                          <span>
+                                            Share
+                                          </span>
+                                        </button>
+                                        <div
+                                          aria-hidden={true}
+                                          aria-labelledby="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          id="permalink-popover-comment-with-deepest-replies-4"
+                                          role="popup"
+                                        >
+                                          <div
+                                            className="AriaInfo-root"
+                                            id="permalink-popover-comment-with-deepest-replies-4-ariainfo"
+                                          >
+                                            A dialog showing a permalink to the comment
+                                          </div>
+                                        </div>
+                                      </div>
                                       <button
                                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                         onBlur={[Function]}
@@ -734,6 +899,39 @@ exports[`renders comment stream 1`] = `
                                               Reply
                                             </span>
                                           </button>
+                                          <div
+                                            className="Popover-root"
+                                          >
+                                            <button
+                                              aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              <span>
+                                                Share
+                                              </span>
+                                            </button>
+                                            <div
+                                              aria-hidden={true}
+                                              aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              id="permalink-popover-comment-with-deepest-replies-5"
+                                              role="popup"
+                                            >
+                                              <div
+                                                className="AriaInfo-root"
+                                                id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                                              >
+                                                A dialog showing a permalink to the comment
+                                              </div>
+                                            </div>
+                                          </div>
                                           <button
                                             className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                                             onBlur={[Function]}
@@ -962,6 +1160,39 @@ exports[`shows conversation 1`] = `
                           Reply
                         </span>
                       </button>
+                      <div
+                        className="Popover-root"
+                      >
+                        <button
+                          aria-controls="permalink-popover-comment-with-deepest-replies-5"
+                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          type="button"
+                        >
+                          <span>
+                            Share
+                          </span>
+                        </button>
+                        <div
+                          aria-hidden={true}
+                          aria-labelledby="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                          id="permalink-popover-comment-with-deepest-replies-5"
+                          role="popup"
+                        >
+                          <div
+                            className="AriaInfo-root"
+                            id="permalink-popover-comment-with-deepest-replies-5-ariainfo"
+                          >
+                            A dialog showing a permalink to the comment
+                          </div>
+                        </div>
+                      </div>
                       <button
                         className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
                         onBlur={[Function]}