[{"data":1,"prerenderedAt":118},["ShallowReactive",2],{"/reference/mermaid-diagrams":3,"/reference/mermaid-diagrams-surround":109},{"id":4,"title":5,"body":6,"description":16,"extension":101,"links":102,"meta":103,"navigation":104,"path":105,"seo":106,"stem":107,"__hash__":108},"docs/2.reference/mermaid-diagrams.md","Mermaid Diagrams",{"type":7,"value":8,"toc":94},"minimark",[9,13,17,24,29,59,62,71,75,78,81,88],[10,11,5],"h1",{"id":12},"mermaid-diagrams",[14,15,16],"p",{},"Mermaid turns plain text into diagrams for visualising processes, structures, and flows.",[14,18,19],{},[20,21],"img",{"alt":22,"src":23},"mermaid diagram","/reference/media/water-cycle.png",[25,26,28],"h2",{"id":27},"how-it-works","How it works",[30,31,32,46,52],"ol",{},[33,34,35,36,40,41,45],"li",{},"Create a ",[37,38,39],"strong",{},"Code Block"," (",[42,43,44],"code",{},"/"," → Code Block)",[33,47,48,49],{},"Set the language to ",[37,50,51],{},"Mermaid",[33,53,54,55,58],{},"Write the syntax yourself, or use ",[37,56,57],{},"Build with AI"," to generate a diagram from text",[14,60,61],{},"Capacities renders the diagram instantly inside your note.",[14,63,64,65],{},"For the full syntax reference, see the Mermaid documentation\n",[66,67,68],"a",{"href":68,"rel":69},"https://mermaid.js.org/intro/",[70],"nofollow",[25,72,74],{"id":73},"ai-powered-mermaid-diagrams","AI-powered Mermaid diagrams",[76,77],"capacities-pro-label",{},[14,79,80],{},"If AI is enabled in your space, you can create or edit Mermaid diagrams with AI.",[14,82,83,84,87],{},"Use ",[37,85,86],{},"Edit (or create) with AI"," to describe what you want.\nThe Mermaid syntax updates automatically, and the diagram refreshes with it.",[14,89,90],{},[20,91],{"alt":92,"src":93},"ai button","/reference/media/ai-mermaid.png",{"title":95,"searchDepth":96,"depth":97,"links":98},"",1,2,[99,100],{"id":27,"depth":97,"text":28},{"id":73,"depth":97,"text":74},"md",null,{},true,"/reference/mermaid-diagrams",{"title":5,"description":16},"2.reference/mermaid-diagrams","xN1jwUZ4MLt7NR9Xhf7q2eEuJZVPZzwU8V7e6kKAX1M",[110,114],{"title":111,"path":112,"stem":113,"children":-1},"WhatsApp integration","/reference/integrations/whatsapp","2.reference/integrations/whatsapp",{"title":115,"path":116,"stem":117,"children":-1},"Capacities on Mobile","/reference/mobile","2.reference/mobile",1775572854530]