#set page(width: auto, height: auto)
#import "/src/lib.typ": *

#diagram({
  _par("a", display-name: [Alice])
  _par("b", display-name: [The *Famous* Bob])

  _seq("a", "b", comment: [hello #strike([there])])

  _gap()
  _seq("b", "a", comment: [ok])
  _note("left", [
    This is *bold*\
    This is _italics_\
    This is `monospaced`\
    This is #strike([stroked])\
    This is #underline([underlined])\
    This is #underline([waved])\
  ])

  _seq("a", "b", comment: [A _well formatted_ message])
  _note("right", [
    This is #box(text([displayed], size: 18pt), fill: rgb("#5F9EA0"))\
    #underline([left of]) Alice.
  ], pos: "a")
  _note("left", [
    #underline([This], stroke: red) is #text([displayed], fill: rgb("#118888"))\
    *#text([left of], fill: rgb("#800080")) #strike([Alice], stroke: red) Bob.*
  ], pos: "b")
  _note("over", [
    #underline([This is hosted], stroke: rgb("#FF33FF")) by #box(baseline: 50%, image("/gallery/gitea.png", width: 1cm, height: 1cm, fit: "contain"))
  ], pos: ("a", "b"))
})