Reading the architecture trace
A component provides a capability; an architecture organizes their interaction. In this toy pipeline, perception supplies observations, memory represents map information, a planner selects a path, and a safety check reviews the proposed action. “Run agent” visits enabled boxes in their fixed display order, highlighting each stage. For example, disabling Perception still lets the illustration visit the remaining modules, but it no longer demonstrates how the system obtains the station's location. Disabling Safety check explicitly ends without that review. The trace is an explanatory script, not a functional navigation or safety system.
The actual result of a component depends on its interface and data; merely enabling a checkbox does not implement sensing, memory retrieval, route search, or verification.
Complexity of the demo
Let M be the total number of modules and m the number enabled (m≤M). Building the pipeline visits all M boxes and uses O(M) time and O(M) DOM space. Starting a run rebuilds those boxes and gathers the enabled list in O(M), then its m timed stages take O(m) total processing; overall startup plus run is O(M+m)=O(M), with O(m) auxiliary space for that list and O(1) state per timer tick. This page has M=4, so setup and each complete run are O(1) for its fixed configuration. In a real agent, component runtimes and retained memory can dominate; this count only describes the UI trace.