Add legibility improvements hightlight state of the flow

Add session state notes for SAML and handshake and JS to show authn state. Use color to further emphasize.

xdmod_ood_integration.md

@@ -13,7 +13,7 @@ sequenceDiagram
     Note right of OOD: Generate and sign SAML request
     Note right of OOD: Redirect to samltest.id login URL
 critical SAML Handshake (no established SSO session, login required)
-    rect rgb(220,220,220)
+    rect rgb(255,102,102)
     OOD-->>+Browser Parent Frame: 302 Found (Redirect to idp)
 
     Browser Parent Frame->>+Samltest.id: GET /idp/profile/SAML2/Redirect/SSO 
@@ -42,7 +42,7 @@ end
         Note left of Browser iframe: Load iframe content
     
 critical iframe JS REST API calls (unauthorized)
-    rect rgb(220,220,220)
+    rect rgb(255,102,178)
     Browser iframe->>XDMoD: GET /rest/v1/users/current
         Note left of XDMoD: user not logged in 
 
@@ -56,7 +56,7 @@ critical iframe JS REST API calls (unauthorized)
 end
     Browser iframe->>XDMoD: GET /simplesaml/module.php/core/as_login.php?AuthId=default-sp&ReturnTo=%2Fgui%2Fgeneral%2Flogin.php
 critical SAML Handshake (established SSO session, no login required)
-    rect rgb(220,220,220)
+    rect rgb(178,255,102)
     XDMoD-->>Browser iframe: 302 Redirect to IDP
     
     Browser iframe->>Samltest.id: SAML Request - GET /idp/profile/SAML2/Redirect/SSO?SAMLRequest= RelayState=https%3A%2F%2Fxdmod.rc.uab.edu%2Fgui%2Fgeneral%2Flogin.php
@@ -76,7 +76,7 @@ end
     XDMoD-->>Browser iframe: 200 OK (Response from XDMoD - HTML+JS)
     
 critical restart JS API calls (authorized)
-    rect rgb(220,220,220)
+    rect rgb(153,255,255)
     Browser iframe->>XDMoD: GET rest/v1/users/current
     Note right of Browser iframe: Req cookies: SimpleSAML,SimpleSAMLAuthToken, PHPSESSID, xdmod_token