fix: make architecture semantic zoom readable

web/apps/console/src/presentation/scenes/ArchitectureScene.test.tsx

@@ -85,6 +85,7 @@ describe("ArchitectureScene", () => {
     renderArchitecture({ focusPath: [] });
     expect(screen.getByRole("group", { name: /architecture/i })).toHaveAttribute("data-figure-size", "stage");
     expect(screen.getByTestId("architecture-scene")).toHaveAttribute("data-visual-pass", "architecture-stage");
+    expect(screen.getByTestId("architecture-scene")).toHaveAttribute("data-architecture-focus", "system");
   });
 
   it("renders a directly linked nested provider view", () => {
@@ -94,5 +95,7 @@ describe("ArchitectureScene", () => {
     expect(screen.getByRole("group", { name: /configured providers/i })).toBeInTheDocument();
     expect(screen.getByText("MCP sources")).toBeInTheDocument();
     expect(screen.getByText("Python sources")).toBeInTheDocument();
+    expect(screen.getByTestId("architecture-scene")).toHaveAttribute("data-architecture-focus", "nested");
+    expect(screen.getByRole("group", { name: /configured providers/i })).toHaveAttribute("data-figure-focus-level", "2");
   });
 });

web/apps/console/src/presentation/scenes/ArchitectureScene.tsx

@@ -31,7 +31,13 @@ export const ArchitectureScene = ({
     : architectureCatalog;
 
   return (
-    <section className="architecture-scene" data-testid="architecture-scene" data-visual-pass="architecture-stage">
+    <section
+      className="architecture-scene"
+      data-testid="architecture-scene"
+      data-visual-pass="architecture-stage"
+      data-focus-level={focusPath.length}
+      data-architecture-focus={focusPath.length === 0 ? "system" : "nested"}
+    >
       <StageCaption eyebrow={`Act II · ${scene.claimClass}`} title={scene.title}>
         <p>{beat.caption}</p>
       </StageCaption>