Illustrate local, self-hosted and platform object mounts

apps/docs/src/components/ArchitectureFigure.tsx

@@ -1,8 +1,6 @@
 import { useRef, useState } from "react";
 
-const source = "/figures/endor-architecture.svg";
-
-export function ArchitectureFigure({ alt }: { alt: string }) {
+export function ArchitectureFigure({ source, alt }: { source: string; alt: string }) {
   const dialog = useRef<HTMLDialogElement>(null);
   const trigger = useRef<HTMLButtonElement>(null);
   const stage = useRef<HTMLDivElement>(null);
@@ -19,7 +17,7 @@ export function ArchitectureFigure({ alt }: { alt: string }) {
         ref={trigger}
         className="architecture-preview"
         onClick={open}
-        aria-label="放大 Endor 架构图"
+        aria-label={`放大：${alt}`}
       >
         {/* eslint-disable-next-line @next/next/no-img-element */}
         <img src={source} alt={alt} />
@@ -27,7 +25,7 @@ export function ArchitectureFigure({ alt }: { alt: string }) {
       <dialog
         ref={dialog}
         className="image-lightbox"
-        aria-label="Endor 架构图大图"
+        aria-label={alt}
         onClick={(event) => {
           if (
             event.target === dialog.current ||