Merge branch 'refs/heads/main' into ritza/add-twilio-segment-guide

# Conflicts: # config/vale/styles/config/vocabularies/FusionAuth/accept.txt
FusionAuth · Aug 29, 2024 · 0a6c5d4 · 0a6c5d4
2 parents 9d2e0ab + af3ce2a
commit 0a6c5d4
Show file tree

Hide file tree

Showing 175 changed files with 8,324 additions and 457 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -1,4 +1,6 @@
 # This is a managed file. Manual changes will be overwritten.
+# If you need to add codeowners to the repository please add them to the CODEOWNERS file in the scripts/files directory at
 # https://github.com/FusionAuth/fusionauth-public-repos/
 
-.github/ @fusionauth/owners @fusionauth/platform
+* @fusionauth/owners @fusionauth/platform @FusionAuth/developer-relations-admins @FusionAuth/website-admins @FusionAuth/developer-relations @FusionAuth/developers @FusionAuth/customer-support
+.github/ @fusionauth/owners @fusionauth/platform @FusionAuth/website-admins
diff --git a/.github/workflows/contentcheck.yml b/.github/workflows/contentcheck.yml
@@ -71,7 +71,9 @@ jobs:
           exit `find astro/src/content/docs/ -type f -print|xargs grep 'https://[^[]*\[' astro/src/content/docs |grep -v '(' |grep -v '[200]'  | wc -l | sed 's/[ ]*//g'`
           # ignore the '[200]' because that is a valid case that grep picks up incorrectly
         shell: bash
-      #- name: Check for titles/headers that have incorrect casing
-        #run: |
-          #! find astro/src/content/ -type f -name "*.md*" |grep -v swp | xargs grep title: |grep -v subtitle|sed 's/.*title: //' | sed "s/'//g" | grep -E '\b[a-z]+\b'
-        #shell: bash
+      - name: check unsorted vale keywords. error to fix because this decreases merge conflicts
+        run: |
+          # first line shows output of unsorted item, second just an exit code. this needs to be LC_ALL=C because otherwise you run into issues between how macos sorts it and how linux/GH actions sorts it
+          echo `LC_ALL=C sort -cu config/vale/styles/config/vocabularies/FusionAuth/accept.txt`
+          exit `LC_ALL=C sort -Cu config/vale/styles/config/vocabularies/FusionAuth/accept.txt`
+        shell: bash
diff --git a/astro/public/img/articles/hosted-vs-api/built-with-fusionauth.png b/astro/public/img/articles/hosted-vs-api/built-with-fusionauth.png
diff --git a/astro/public/img/articles/hosted-vs-api/simple-vs-freemarker.png b/astro/public/img/articles/hosted-vs-api/simple-vs-freemarker.png
diff --git a/astro/public/img/blogs/announcing-152/fusionauth-1-52.png b/astro/public/img/blogs/announcing-152/fusionauth-1-52.png
diff --git a/astro/public/img/blogs/announcing-152/fusionauth-platypus.jpg b/astro/public/img/blogs/announcing-152/fusionauth-platypus.jpg
diff --git a/astro/public/img/blogs/inc-5000-2024/inc5000-2024.png b/astro/public/img/blogs/inc-5000-2024/inc5000-2024.png
diff --git a/.../authenticate-users/application-configuration-centralized-session-login-api.png b/.../authenticate-users/application-configuration-centralized-session-login-api.png
diff --git a/...ycle/authenticate-users/application-configuration-centralized-session-oauth.png b/...ycle/authenticate-users/application-configuration-centralized-session-oauth.png
diff --git a/...img/docs/lifecycle/authenticate-users/users-session-tab-centralized-session.png b/...img/docs/lifecycle/authenticate-users/users-session-tab-centralized-session.png
diff --git a/...lic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/added-roles.png b/...lic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/added-roles.png
diff --git a/...img/docs/lifecycle/migrate-users/provider-specific/frontegg/connector-added.png b/...img/docs/lifecycle/migrate-users/provider-specific/frontegg/connector-added.png
diff --git a/...mg/docs/lifecycle/migrate-users/provider-specific/frontegg/connector-policy.png b/...mg/docs/lifecycle/migrate-users/provider-specific/frontegg/connector-policy.png
diff --git a/...ublic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/connector.png b/...ublic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/connector.png
diff --git a/...mg/docs/lifecycle/migrate-users/provider-specific/frontegg/create-connector.png b/...mg/docs/lifecycle/migrate-users/provider-specific/frontegg/create-connector.png
diff --git a/...ic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/env-settings.png b/...ic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/env-settings.png
diff --git a/...ic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/goto-builder.png b/...ic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/goto-builder.png
diff --git a/.../img/docs/lifecycle/migrate-users/provider-specific/frontegg/imported-users.png b/.../img/docs/lifecycle/migrate-users/provider-specific/frontegg/imported-users.png
diff --git a/...ublic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/login-url.png b/...ublic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/login-url.png
diff --git a/...lic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/permissions.png b/...lic/img/docs/lifecycle/migrate-users/provider-specific/frontegg/permissions.png
diff --git a/...o/public/img/docs/lifecycle/migrate-users/provider-specific/frontegg/signup.png b/...o/public/img/docs/lifecycle/migrate-users/provider-specific/frontegg/signup.png
diff --git a/astro/public/img/docs/lifecycle/migrate-users/provider-specific/frontegg/users.png b/astro/public/img/docs/lifecycle/migrate-users/provider-specific/frontegg/users.png
diff --git a/...public/img/docs/operate/secure-and-monitor/cloudwatch/add-metrics-dashboard.png b/...public/img/docs/operate/secure-and-monitor/cloudwatch/add-metrics-dashboard.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/aws-get-region.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/aws-get-region.png
diff --git a/...cs/operate/secure-and-monitor/cloudwatch/cloudwatch-dashboard-custom-logger.png b/...cs/operate/secure-and-monitor/cloudwatch/cloudwatch-dashboard-custom-logger.png
diff --git a/.../public/img/docs/operate/secure-and-monitor/cloudwatch/cloudwatch-dashboard.png b/.../public/img/docs/operate/secure-and-monitor/cloudwatch/cloudwatch-dashboard.png
diff --git a/...operate/secure-and-monitor/cloudwatch/cloudwatch-fusionauth-applications-id.png b/...operate/secure-and-monitor/cloudwatch/cloudwatch-fusionauth-applications-id.png
diff --git a/...ic/img/docs/operate/secure-and-monitor/cloudwatch/create-api-key-fusionauth.png b/...ic/img/docs/operate/secure-and-monitor/cloudwatch/create-api-key-fusionauth.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-aws-account.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-aws-account.png
diff --git a/...g/docs/operate/secure-and-monitor/cloudwatch/create-aws-cloudwatchagnetrole.png b/...g/docs/operate/secure-and-monitor/cloudwatch/create-aws-cloudwatchagnetrole.png
diff --git a/...operate/secure-and-monitor/cloudwatch/create-dashboard-widget-custom-logger.png b/...operate/secure-and-monitor/cloudwatch/create-dashboard-widget-custom-logger.png
diff --git a/...blic/img/docs/operate/secure-and-monitor/cloudwatch/create-dashboard-widget.png b/...blic/img/docs/operate/secure-and-monitor/cloudwatch/create-dashboard-widget.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-ec2-success.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-ec2-success.png
diff --git a/...g/docs/operate/secure-and-monitor/cloudwatch/create-ecs-instance-settings-1.png b/...g/docs/operate/secure-and-monitor/cloudwatch/create-ecs-instance-settings-1.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-key-pair.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/create-key-pair.png
diff --git a/...blic/img/docs/operate/secure-and-monitor/cloudwatch/create-log-table-widget.png b/...blic/img/docs/operate/secure-and-monitor/cloudwatch/create-log-table-widget.png
diff --git a/...public/img/docs/operate/secure-and-monitor/cloudwatch/ec2-instance-overview.png b/...public/img/docs/operate/secure-and-monitor/cloudwatch/ec2-instance-overview.png
diff --git a/.../docs/operate/secure-and-monitor/cloudwatch/login-record-api-key-fusionauth.png b/.../docs/operate/secure-and-monitor/cloudwatch/login-record-api-key-fusionauth.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/navigate-iam-roles.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/navigate-iam-roles.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/open-port-9011.png b/astro/public/img/docs/operate/secure-and-monitor/cloudwatch/open-port-9011.png
diff --git a/...lic/img/docs/operate/secure-and-monitor/cloudwatch/select-dashboard-options.png b/...lic/img/docs/operate/secure-and-monitor/cloudwatch/select-dashboard-options.png
diff --git a/...img/docs/operate/secure-and-monitor/datadog/dataDog-opentelemetry-dashboard.png b/...img/docs/operate/secure-and-monitor/datadog/dataDog-opentelemetry-dashboard.png
diff --git a/...s/operate/secure-and-monitor/datadog/datadog-agent-prometheus-check-summary.png b/...s/operate/secure-and-monitor/datadog/datadog-agent-prometheus-check-summary.png
diff --git a/...img/docs/operate/secure-and-monitor/datadog/datadog-agent-prometheus-config.png b/...img/docs/operate/secure-and-monitor/datadog/datadog-agent-prometheus-config.png
diff --git a/.../public/img/docs/operate/secure-and-monitor/datadog/datadog-agent-reporting.png b/.../public/img/docs/operate/secure-and-monitor/datadog/datadog-agent-reporting.png
diff --git a/...lic/img/docs/operate/secure-and-monitor/datadog/datadog-agent-windows-setup.png b/...lic/img/docs/operate/secure-and-monitor/datadog/datadog-agent-windows-setup.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/datadog/datadog-custom-events.png b/astro/public/img/docs/operate/secure-and-monitor/datadog/datadog-custom-events.png
diff --git a/...cs/operate/secure-and-monitor/datadog/datadog-enableget-prometheus-endpoint.png b/...cs/operate/secure-and-monitor/datadog/datadog-enableget-prometheus-endpoint.png
diff --git a/...ublic/img/docs/operate/secure-and-monitor/datadog/datadog-fusionauth-apikey.png b/...ublic/img/docs/operate/secure-and-monitor/datadog/datadog-fusionauth-apikey.png
diff --git a/...ure-and-monitor/datadog/datadog-fusionauth-enableapikey-prometheus-endpoint.png b/...ure-and-monitor/datadog/datadog-fusionauth-enableapikey-prometheus-endpoint.png
diff --git a/.../operate/secure-and-monitor/datadog/datadog-openmetrics-install-integration.png b/.../operate/secure-and-monitor/datadog/datadog-openmetrics-install-integration.png
diff --git a/...ocs/operate/secure-and-monitor/datadog/datadog-website-create-new-dashboard.png b/...ocs/operate/secure-and-monitor/datadog/datadog-website-create-new-dashboard.png
diff --git a/...rate/secure-and-monitor/datadog/datadog-website-metrics-explorer-prometheus.png b/...rate/secure-and-monitor/datadog/datadog-website-metrics-explorer-prometheus.png
diff --git a/...rate/secure-and-monitor/datadog/datadog-website-new-dashboard-configuration.png b/...rate/secure-and-monitor/datadog/datadog-website-new-dashboard-configuration.png
diff --git a/...cs/operate/secure-and-monitor/datadog/datadog-website-new-dashboard-preview.png b/...cs/operate/secure-and-monitor/datadog/datadog-website-new-dashboard-preview.png
diff --git a/...img/docs/operate/secure-and-monitor/datadog/infrastructure-hosts-agent-info.png b/...img/docs/operate/secure-and-monitor/datadog/infrastructure-hosts-agent-info.png
diff --git a/...ic/img/docs/operate/secure-and-monitor/datadog/install-datadog-agent-ubuntu.png b/...ic/img/docs/operate/secure-and-monitor/datadog/install-datadog-agent-ubuntu.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/datadog/signup-datadog-trial.png b/astro/public/img/docs/operate/secure-and-monitor/datadog/signup-datadog-trial.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic10.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic10.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic2.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic2.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic3.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic3.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic4.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic4.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic5.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic5.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic6.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic6.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic7.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic7.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic8.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic8.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic9.png b/astro/public/img/docs/operate/secure-and-monitor/elastic/elastic9.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/splunk/metric_finder.png b/astro/public/img/docs/operate/secure-and-monitor/splunk/metric_finder.png
diff --git a/...o/public/img/docs/operate/secure-and-monitor/splunk/select_opentemetry_dash.png b/...o/public/img/docs/operate/secure-and-monitor/splunk/select_opentemetry_dash.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/splunk/splunk1.png b/astro/public/img/docs/operate/secure-and-monitor/splunk/splunk1.png
diff --git a/astro/public/img/docs/operate/secure-and-monitor/splunk/splunk2.png b/astro/public/img/docs/operate/secure-and-monitor/splunk/splunk2.png
diff --git a/astro/public/img/icons/hosted-vs-api-dark.svg b/astro/public/img/icons/hosted-vs-api-dark.svg
diff --git a/astro/public/img/icons/hosted-vs-api.svg b/astro/public/img/icons/hosted-vs-api.svg
diff --git a/astro/src/components/Footer.astro b/astro/src/components/Footer.astro
@@ -13,7 +13,7 @@ const { sections = [
   {
     "heading": "product",
     "items": [
-      { "label": "features", "href": "/features/authentication" },
+      { "label": "features", "href": "/platform/authentication" },
       { "label": "pricing", "href": "/pricing" },
     ]
   },

diff --git a/astro/src/components/Head.astro b/astro/src/components/Head.astro
@@ -14,13 +14,20 @@ const openGraphImageUrl = openGraphImage ? new URL(openGraphImage, Astro.url): n
 const normalizedUrl = Astro.url.toString().replace(/.html$/, '');
 const hasDark = !Astro.url.pathname.startsWith('/blog');
 const isProd = import.meta.env.PROD as boolean;
+
+let canonical = canonicalUrl;
+if (!canonical) {
+  canonical = Astro.url.href;
+} else if (!canonical.startsWith('http')) {
+  canonical = new URL(canonical, Astro.url).href;
+}
 ---
 <head>
   <meta charSet="UTF-8"/>
   <meta name="viewport" content="width=device-width"/>
   <!-- TODO: Implement favicons by following this blog post https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7 -->
   <link rel="icon" type="image/png" href="/img/favicon.png"/>
-  { canonicalUrl && <link rel="canonical" href={canonicalUrl} /> }
+  { canonical && <link rel="canonical" href={canonical} /> }
   <link rel="sitemap" href="/sitemap-index.xml">
   <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
   <link rel="stylesheet" href="/css/brands.min.css"/>

diff --git a/astro/src/components/api/APIField.astro b/astro/src/components/api/APIField.astro
@@ -31,7 +31,7 @@ const { name, description, type, required, optional, since, defaults, deprecated
     { deprecated && <span class="text-red-700 text-sm">DEPRECATED</span> }
     { readonly && <ReadOnly /> }
   </div>
-  <div class="ml-4 mb-7">
+  <div class="ml-4 mb-7 font-normal text-sm">
     <slot></slot>
   </div>
 </div>

diff --git a/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram1.astro b/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram1.astro
@@ -0,0 +1,28 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph LR
+  subgraph I[Your server]
+    direction LR
+    subgraph G[Docker]
+      H[(Postgresql)]
+    end
+    subgraph C[Docker]
+      direction BT
+      A(FusionAuth)
+    end
+  end
+  C --> G
+  style I fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram2.astro b/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram2.astro
@@ -0,0 +1,33 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph LR
+  subgraph I[Your server]
+    direction LR
+    subgraph G[Docker]
+      H[(Postgresql)]
+    end
+    subgraph C[Docker]
+      direction BT
+      D(OpenTelemetry for Java) --> A(FusionAuth)
+    end
+    subgraph E[Docker]
+      B(Splunk OpenTelemetry collector)
+    end
+  end
+  C --> G
+  C --> E
+  E --> F(Splunk web server)
+  style I fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram3.astro b/astro/src/components/docs/operate/secure-and-monitor/SplunkDiagram3.astro
@@ -0,0 +1,32 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TD
+  subgraph I[Your server]
+    direction LR
+    subgraph G[Docker]
+      H[(Postgresql)]
+    end
+    subgraph C[Docker]
+      A(FusionAuth)
+    end
+    subgraph E[Docker]
+      B(Custom metric getter code)
+    end
+  end
+  C --> G
+  E --> |API call| C
+  E --> |API call| F(Splunk web server)
+  style I fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram1.astro b/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram1.astro
@@ -0,0 +1,27 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TB
+  subgraph I[Your server]
+    direction TB
+    subgraph G[Docker]
+      H[(PostgreSQL)]
+    end
+    subgraph C[Docker]
+      A(FusionAuth)
+    end
+  end
+  C --> G
+  style I fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram2.astro b/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram2.astro
@@ -0,0 +1,33 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TD
+  subgraph E[Elastic Server]
+    J(Kibana) --> B[(Elasticsearch)]
+    J --> F(Fleet)
+  end
+  subgraph I[Your server]
+    subgraph G[Docker]
+      H[(PostgreSQL)]
+    end
+    subgraph C[Docker]
+      A(FusionAuth)
+      D(Elastic Agent)
+    end
+  end
+  A --> G
+  D --> E
+  style I fill:#999
+  style E fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram3.astro b/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram3.astro
@@ -0,0 +1,29 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TD
+  subgraph E[Elastic Server]
+    J(Kibana) --> B[(Elasticsearch)]
+    J --> F(Fleet)
+  end
+  subgraph I[Your server]
+    H[(PostgreSQL)]
+    A(FusionAuth)
+    D(Elastic Agent)
+  end
+  A --> H
+  D --> E
+  style I fill:#999
+  style E fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram4.astro b/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram4.astro
@@ -0,0 +1,36 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TD
+  subgraph E[Elastic Server]
+    J(Kibana) --> B[(Elasticsearch)]
+    J --> F(Fleet)
+  end
+  subgraph I[Your server]
+    subgraph G[Docker]
+      H[(PostgreSQL)]
+    end
+    subgraph C[Docker]
+      A(FusionAuth)
+    end
+    subgraph K[Docker]
+      D(Elastic Agent)
+    end
+  end
+  K --> E
+  K --> C
+  C --> G
+  style I fill:#999
+  style E fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>
diff --git a/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram5.astro b/astro/src/components/docs/operate/secure-and-monitor/elasticDiagram5.astro
@@ -0,0 +1,35 @@
+---
+import Diagram from 'src/components/mermaid/FlowchartDiagram.astro';
+
+const { alt } = Astro.props;
+
+//language=Mermaid
+const code = `
+graph TD
+  subgraph Z[Elastic Server]
+    X(Kibana) --> W[(Elasticsearch)]
+    X --> Y(Fleet)
+  end
+  subgraph I[Your server]
+    subgraph G[Docker]
+      H[(PostgreSQL)]
+    end
+    subgraph C[Docker]
+      A(FusionAuth)
+    end
+    subgraph E[Docker]
+      B(Custom metric getter code)
+    end
+  end
+  C --> G
+  B --> |API call| C
+  B --> |API call| W
+  style I fill:#999
+`;
+---
+<Diagram {code} alt={alt} />
+<style is:global>
+    foreignObject > div {
+        transform: translateY(-4px);
+    }
+</style>