Circular dependency challenge for grouped UI components

Hi Everyone! Sometimes (as in my simple use case here: https://observablehq.com/@dmitry-buzz/circular-dependency-challenge), the need to have consistent UI clashes into circular dependency issue. I wonder if anyone knows solution for this problem w/o decoupling UI elements. Thanks!

Check out https://observablehq.com/@mbostock/synchronized-views, for a good introduction of how to connect two UI input elements, with changes to both updating the value of the other.

@jashkenas mutable views is great idea, but how to I update select element when it is in the inputGroup(), what is the syntax?

I was able to solve this roughly for the forms which are built using HTML here: https://observablehq.com/@dmitry-buzz/circular-dependency-challenge-solution-using-html-form
However I am keen to know and learn how this can be done when layout is structured purely via code (inputGroups) as in my original example.