Improve formatting for architecture diagram

docs/codebase/architecture-overview.nomnoml

@@ -5,15 +5,16 @@
 #direction: down
 #bendSize: 0.2
 
-#.dependencies: visual=note direction=right title=bold
+#.hdiagram: visual=note direction=right title=bold
+#.vdiagram: visual=note direction=down title=bold
 #.client: visual=roundrect fill=lightgreen title=bold
 #.editor: fill=lightblue title=bold
 #.document: fill=darkorange title=bold
 #.renderer: fill=gold title=bold
 
-// Dependencies
+// Clients and Core Libraries
 
-[<dependencies> Clients and Core Libraries|
+[<hdiagram> Clients and Core Libraries - Usage Overview|
     [<client> Frontend Editor Client]
     [<client> Headless Editor Client]
     [<client> Application Client
@@ -29,6 +30,7 @@
     [Application Client] Depends On -> [Renderer Core Library]
 ]
 
+[<vdiagram> Clients and Core Libraries - Major Modules|
   // Client
 
   [<client> Frontend Implementation|
@@ -162,3 +164,4 @@
       when root tiles or render bounds are updated.
   ]
   [Final Render Assembler] --> Rendered Viewport [<client> To: Frontend Implementation]
+]