Merge pull request #16584 from overleaf/ab-update-sso-test-result-ui

[web] Update SSO test flow with final UI

GitOrigin-RevId: 2c6b892a3eb9b4a3c4bf41cafa537f562ca3d004

services/web/frontend/extracted-translations.json

@@ -92,6 +92,7 @@
   "autocomplete": "",
   "autocomplete_references": "",
   "back": "",
+  "back_to_configuration": "",
   "back_to_subscription": "",
   "back_to_your_projects": "",
   "beta_program_already_participating": "",
@@ -210,6 +211,7 @@
   "copied": "",
   "copy": "",
   "copy_project": "",
+  "copy_response": "",
   "copying": "",
   "country": "",
   "country_flag": "",
@@ -398,7 +400,6 @@
   "first_x_days_free_after_that_y_per_year": "",
   "fit_to_height": "",
   "fit_to_width": "",
-  "fix_issues": "",
   "fixed_width": "",
   "fixed_width_wrap_text": "",
   "fold_line": "",

services/web/frontend/stylesheets/modules/group-settings.less

@@ -225,6 +225,72 @@ h3.group-settings-title {
       padding-right: 0;
     }
   }
+
+  .payload-content {
+    padding: @padding-base-horizontal;
+    border: 1px solid @neutral-20;
+    margin-top: 16px;
+    border-radius: @border-radius-base-new;
+    color: black;
+
+    .saml-response-xml-wrapper {
+      margin-top: 16px;
+      overflow: hidden;
+      background-color: @neutral-10;
+      border-radius: @border-radius-base-new;
+
+      .saml-response-header {
+        font-family: Lato, sans-serif;
+        font-size: 16px;
+        font-weight: bold;
+        padding: 0 16px;
+        border-bottom: 1px solid @neutral-20;
+        line-height: 56px;
+
+        .copy-response {
+          vertical-align: bottom;
+          margin-top: 10px;
+
+          .material-symbols {
+            vertical-align: text-top;
+          }
+        }
+      }
+
+      .saml-response-footer {
+        text-align: center;
+        line-height: 56px;
+        position: sticky;
+        bottom: 0;
+        background: linear-gradient(
+          360deg,
+          #f4f5f6 0%,
+          rgba(244, 245, 246, 0) 835.48%
+        );
+      }
+
+      .saml-response-xml {
+        font-family: 'DM Mono', monospace;
+        white-space: pre-wrap;
+        font-size: 13px;
+        word-break: break-word;
+        padding: 16px 16px 0 16px;
+        height: 100px;
+        min-height: 100px;
+
+        &.view-more {
+          height: auto;
+        }
+      }
+
+      .expand-viewer {
+        .material-symbols {
+          vertical-align: bottom;
+          font-size: 24px;
+        }
+      }
+    }
+  }
 }
 
 .certificate-wrapper {
@@ -273,28 +339,3 @@ h3.group-settings-title {
     flex-shrink: 0;
   }
 }
-
-.saml-response-xml-wrapper {
-  padding: 4px 0;
-  overflow: hidden;
-  background-color: @neutral-10;
-
-  .saml-response-xml {
-    font-family: monospace;
-    white-space: pre-wrap;
-    font-size: 12px;
-    word-break: break-word;
-    padding-inline-start: 32px;
-    height: 32px;
-
-    &.view-more {
-      height: auto;
-    }
-
-    li::marker {
-      font-size: 10px;
-      color: @gray-light;
-      width: 10px;
-    }
-  }
-}

services/web/locales/en.json

@@ -144,6 +144,7 @@
   "automatic_user_registration": "automatic user registration",
   "back": "Back",
   "back_to_account_settings": "Back to account settings",
+  "back_to_configuration": "Back to configuration",
   "back_to_log_in": "Back to log in",
   "back_to_subscription": "Back to Subscription",
   "back_to_your_projects": "Back to your projects",
@@ -324,6 +325,7 @@
   "copied": "Copied",
   "copy": "Copy",
   "copy_project": "Copy Project",
+  "copy_response": "Copy response",
   "copying": "Copying",
   "could_not_load_translations": "Could not load translations",
   "country": "Country",
@@ -603,7 +605,6 @@
   "first_x_days_free_after_that_y_per_year": "First <0>__trialLen__ days free</0>, after that <0>__price__</0> per year",
   "fit_to_height": "Fit to height",
   "fit_to_width": "Fit to width",
-  "fix_issues": "Fix issues",
   "fixed_width": "Fixed width",
   "fixed_width_wrap_text": "Fixed width, wrap text",
   "fold_line": "Fold line",
@@ -1575,7 +1576,7 @@
   "saml_login_identity_not_found_error": "Sorry, we were not able to find an Overleaf account set up for single sign-on with this identity provider.",
   "saml_metadata": "Overleaf SAML Metadata",
   "saml_missing_signature_error": "Sorry, the information received from your identity provider is not signed (both response and assertion signatures are required).  Please contact your administrator for more information.",
-  "saml_response": "SAML Response:",
+  "saml_response": "SAML Response",
   "save": "Save",
   "save_20_percent_by_paying_annually": "Save 20% by paying annually",
   "save_30_percent_or_more": "save 30% or more",

services/web/locales/zh-CN.json

@@ -1571,7 +1571,7 @@
   "saml_login_identity_not_found_error": "抱歉，我们无法找到为此身份提供商设置单点登录的 Overleaf 帐户。",
   "saml_metadata": "Overleaf SAML 元数据",
   "saml_missing_signature_error": "抱歉，从您的身份提供商收到的信息未签名（响应和断言签名都是必需的）。 请联系您的管理员以获取更多信息。",
-  "saml_response": "SAML 响应：",
+  "saml_response": "SAML 响应",
   "save": "保存",
   "save_20_percent_by_paying_annually": "按年支付可节省20%",
   "save_30_percent_or_more": "节省30%或更多",