chore: update architecture section and images

Signed-off-by: Mark Phelps <209477+markphelps@users.noreply.github.com>

cloud/architecture.mdx

@@ -47,28 +47,45 @@ Flipt Managed Cloud supports evaluation for our [client-side SDKs](/integration/
 
 <img
   className="block dark:hidden"
-  src="/images/cloud/architecture/client-evaluation-light.svg"
+  src="/images/cloud/architecture/client-evaluation-cloud-light.svg"
 />
 <img
   className="hidden dark:block"
-  src="/images/cloud/architecture/client-evaluation-dark.svg"
+  src="/images/cloud/architecture/client-evaluation-cloud-dark.svg"
 />
 
-[Server-side SDKs](/integration/server) including [OpenFeature SDKs](/integration/openfeature) are also supported, but currently require you to run your own Flipt instance. 
+[Server-side SDKs](/integration/server) including [OpenFeature SDKs](/integration/openfeature) are also supported, but currently require you to run your own Flipt instances. 
 
-This is useful if you want to use Flipt Managed Cloud for configuring and managing your feature flags, while still using your own Flipt instance for evaluation, allowing you to maintain control over your own data and infrastructure.
+This is useful if you want to use Flipt Managed Cloud for configuring and managing your feature flags, while still using your own Flipt instances for evaluation, allowing you to maintain control over your own data and infrastructure.
 
-### Scaling
+### Self-hosted Flipt
 
-To scale evaluation requests and serve feature flag evaluations via our server-side SDKs, you can deploy Flipt Open Source in your infrastructure and configure it to source flag data from your Git repository.
+[Open Source Flipt](/) is available for self-hosting and can mirror your feature flag configurations from Flipt Managed Cloud.
+
+### Server-side Evaluation
+
+To scale evaluation requests and serve feature flag evaluations via our server-side SDKs, you can deploy Flipt Open Source and configure it to source flag data from your Git repository.
+
+<img
+  className="block dark:hidden"
+  src="/images/cloud/architecture/server-evaluation-self-hosted-light.svg"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/cloud/architecture/server-evaluation-self-hosted-dark.svg"
+/>
+
+### Client-side Evaluation
+
+You can also run your own Flipt Open Source instances and configure our client-side SDKs to connect to your Flipt instances. This again allows you to use Flipt Managed Cloud for managing your feature flags, while still using your own Flipt instances for evaluation for performance and/or security reasons.
 
 <img
   className="block dark:hidden"
-  src="/images/cloud/architecture/server-evaluation-light.svg"
+  src="/images/cloud/architecture/client-evaluation-self-hosted-light.svg"
 />
 <img
   className="hidden dark:block"
-  src="/images/cloud/architecture/server-evaluation-dark.svg"
+  src="/images/cloud/architecture/client-evaluation-self-hosted-dark.svg"
 />
 
 For more information on how to deploy Flipt Open Source and configure it to source flag data from your Git repository, please refer to the [Moving to Production](/cloud/guides/moving-to-production) guide.

images/cloud/architecture/client-evaluation-self-hosted.d2

@@ -0,0 +1,85 @@
+vars: {
+  d2-config: {
+    layout-engine: elk
+  }
+}
+
+style: {
+  fill: transparent
+}
+
+direction: left
+
+cloud: "" {
+  style: {
+    fill: transparent
+  }
+
+  cloudInstance: Flipt Cloud {
+    shape: image
+    icon: https://flipt.cloud/icon.svg?3c7bba14eb804cba
+    style.font-size: 32
+  }
+
+  environments: Environments {
+    style: {
+        fill: transparent
+        stroke: "#000000"
+        stroke-dash: 3
+    }
+
+    fone: "" {
+        icon: https://assets-global.website-files.com/659480aa07716c37f0fd8dee/6597f2baa456ff33c9f13a07_logo%201.svg
+    }
+  }
+}
+
+infrastructure: "Your Infrastructure" {
+  style: {
+    fill: transparent
+  }
+
+  flipt-instance: "Flipt Instance" {
+    shape: image
+    icon: https://assets-global.website-files.com/659480aa07716c37f0fd8dee/6597f2baa456ff33c9f13a07_logo%201.svg
+    style.font-size: 32
+  }
+
+  clients: "Client-Side SDKs" {
+    style: {
+      fill: transparent
+      stroke: "#000000"
+      stroke-dash: 3
+    }
+
+    typescript: "" {
+      shape: image
+      icon: https://icons.terrastruct.com/dev%2Ftypescript.svg
+      style.font-size: 32
+    }
+
+    go: "" {
+      shape: image
+      icon: https://icons.terrastruct.com/dev%2Fgo.svg
+      style.font-size: 32
+    }
+
+    java: "" {
+      shape: image
+      icon: https://icons.terrastruct.com/dev%2Fjava.svg
+      style.font-size: 32
+    }
+  }
+}
+
+github: "GitHub" {
+  shape: image
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+  style.font-size: 32
+}
+
+cloud.environments.fone <-> github
+github <-> infrastructure.flipt-instance
+infrastructure.clients.typescript <-> infrastructure.flipt-instance
+infrastructure.clients.go <-> infrastructure.flipt-instance
+infrastructure.clients.java <-> infrastructure.flipt-instance

images/cloud/architecture/server-evaluation.d2 → images/cloud/architecture/server-evaluation-self-hosted.d2

@@ -10,8 +10,6 @@ style: {
 
 direction: left
 
-
-
 cloud: "" {
   style: {
     fill: transparent