trying again

Author: jhaaaa

docs/pages/protocol/cursors.mdx

@@ -46,28 +46,27 @@ Each `sync()` function corresponds to a different type of cursor:
 For example, here is a sequence diagram illustrating how cursors operate with `conversation.sync()`:
 
 <div className="diagram-white-bg">
-    <Mermaid
-        id="cursors"
-        chart={`
-        sequenceDiagram
-            participant Client as Client <br> (Stores cursor)
-            participant Network as Network <br> (Stores group topic)
-
-            Note over Client: No cursor for topic yet
-            Client ->> Network: Initial conversation.sync()
-            Network ->> Client: Returns all messages from topic <br> (Msg1, Msg2, Msg3)
-            Note over Client: Stores new cursor for topic
-            Client ->> Client: Cursor points after Msg3
-            Note over Network: New messages arrive on group topic
-            Network ->> Client: streamAllMessages() <br> (Msg4, Msg5, Msg6)
-            Note over Client: Cursor unaffected by stream
-            Client ->> Network: Subsequent conversation.sync() <br> (Sends stored cursor from after Msg3)
-            Network ->> Client: Returns messages that occurred after cursor <br> (Msg4, Msg5, Msg6)
-            Note over Client: Advances cursor for topic
-            Client ->> Client: Cursor points after Msg6
-        `}
-    />
-
+  <Mermaid
+    id="cursors"
+    chart={`
+      sequenceDiagram
+        participant Client as Client <br> (Stores cursor)
+        participant Network as Network <br> (Stores group topic)
+
+        Note over Client: No cursor for topic yet
+        Client ->> Network: Initial conversation.sync()
+        Network ->> Client: Returns all messages from topic <br> (Msg1, Msg2, Msg3)
+        Note over Client: Stores new cursor for topic
+        Client ->> Client: Cursor points after Msg3
+        Note over Network: New messages arrive on group topic
+        Network ->> Client: streamAllMessages() <br> (Msg4, Msg5, Msg6)
+        Note over Client: Cursor unaffected by stream
+        Client ->> Network: Subsequent conversation.sync() <br> (Sends stored cursor from after Msg3)
+        Network ->> Client: Returns messages that occurred after cursor <br> (Msg4, Msg5, Msg6)
+        Note over Client: Advances cursor for topic
+        Client ->> Client: Cursor points after Msg6
+    `}
+  />
 </div>
 
 By understanding cursors, you can better reason about the behavior of your app's synchronization logic and the data being transferred from the XMTP network.