my_pages/developer_decisions.py

import streamlit as st
from utils import development_stages, go_to

def render():
    # Initialize session state
    if "active_stage" not in st.session_state:
        st.session_state.active_stage = None

    st.markdown("<h2 style='text-align: center;'>Developer Decisions Pipeline</h2>", unsafe_allow_html=True)

    # Display pipeline horizontally
    cols = st.columns(len(development_stages))
    for idx, stage in enumerate(development_stages):
        with cols[idx]:
            if st.button(f"{stage['icon']}\n{stage['label']}", key=f"btn_{idx}"):
                st.session_state.active_stage = idx

    st.markdown("---")

    # Display sub-questions for the active stage
    if st.session_state.active_stage is not None:
        stage = development_stages[st.session_state.active_stage]
        st.markdown(f"### {stage['icon']} {stage['label']}")
        for q in stage["questions"]:
            st.write(f"- {q}")